@designcrowd/library.brand-page 5.18.7 → 5.18.8-ast-padding-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 (144) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CZmqvsOT.js → CreatedOnBrandCrowd-de-de-4K_VkRLQ.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-5nTR1eLT.js → CreatedOnBrandCrowd-en-us-n6Fd47e_.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-xLvoayrw.js → CreatedOnBrandCrowd-es-es-BcCANYX_.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-CN5n8X8v.js → CreatedOnBrandCrowd-fr-ca-qusGdhEQ.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-CN5n8X8v.js → CreatedOnBrandCrowd-fr-fr-qusGdhEQ.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-CdkYC12E.js → CreatedOnBrandCrowd-pt-br-C9IBrRc_.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-CdkYC12E.js → CreatedOnBrandCrowd-pt-pt-C9IBrRc_.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-B8rV2rD7.js → CreatedOnDcom-de-de-BY13DaXj.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-C4WaRIpF.js → CreatedOnDcom-en-us-BPc5Nacx.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-BPHPey0b.js → CreatedOnDcom-es-es-KrsweAGY.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-xrMr4xlv.js → CreatedOnDcom-fr-ca-NaPJNFZH.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BEozL-o2.js → CreatedOnDcom-fr-fr-DjZKRox_.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-CoN-ZhjG.js → CreatedOnDcom-pt-br-xGSMGQZa.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-9vfUJ3ks.js → CreatedOnDcom-pt-pt-B7CcpJ4c.js} +1 -1
  15. package/lib/src/brand-page/components/contact-form/ContactForm.mixin.d.ts +4 -0
  16. package/lib/src/brand-page/components/contact-form/ContactForm.mixin.js +8 -4
  17. package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.d.ts +4 -0
  18. package/lib/src/brand-page/components/image-gallery/ImageGallery.mixin.js +4 -0
  19. package/lib/src/brand-page/components/image-gallery/masonry/MasonryGallery.mixin.d.ts +1 -1
  20. package/lib/src/brand-page/components/mailing-list/MailingList.mixin.d.ts +4 -0
  21. package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js +4 -1
  22. package/lib/src/brand-page/components/media/Media.mixin.d.ts +2 -2
  23. package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.d.ts +4 -0
  24. package/lib/src/brand-page/components/payment/request-payment/RequestPayment.mixin.js +4 -0
  25. package/lib/src/brand-page/components/payment/support-me/SupportMe.mixin.d.ts +4 -0
  26. package/lib/src/brand-page/components/payment/support-me/SupportMe.mixin.js +4 -1
  27. package/lib/src/brand-page/components/testimonial-section/TestimonialSection.mixin.d.ts +4 -0
  28. package/lib/src/brand-page/components/testimonial-section/TestimonialSection.mixin.js +4 -1
  29. package/lib/src/brand-page/components/video/Video.mixin.d.ts +4 -0
  30. package/lib/src/brand-page/components/video/Video.mixin.js +4 -0
  31. package/lib/src/brand-page/constants/misc.constants.d.ts +35 -0
  32. package/lib/src/brand-page/constants/misc.constants.js +51 -0
  33. package/lib/src/brand-page/models/content.model.d.ts +2 -0
  34. package/lib/src/brand-page/utils/content-padding.util.d.ts +13 -0
  35. package/lib/src/brand-page/utils/content-padding.util.js +10 -0
  36. package/lib/src/brand-page/utils/index.d.ts +1 -0
  37. package/lib/src/brand-page/utils/index.js +1 -0
  38. package/lib/src/brand-page/utils/migration/migration-17.d.ts +2 -0
  39. package/lib/src/brand-page/utils/migration/migration-17.js +54 -0
  40. package/lib/src/brand-page/utils/migration.util.js +10 -0
  41. package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts +2 -0
  42. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +12 -0
  43. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +14 -0
  44. package/lib/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.js +16 -3
  45. package/lib/src/brand-page-maker/constants/config-settings-constant.js +39 -0
  46. package/lib/src/brand-page-maker/convertors/about-display-style.convertor.js +9 -1
  47. package/lib/src/brand-page-maker/convertors/banner-align-display-style.convertor.js +7 -1
  48. package/lib/src/brand-page-maker/convertors/contact-layout-style.convertor.js +6 -1
  49. package/lib/src/brand-page-maker/models/content-settings.js +38 -2
  50. package/lib/src/brand-page-maker/stores/ai-checkpoint/ai-checkpoint-store.d.ts +12 -0
  51. package/lib/src/{bundled-translations-D1q3rSEz.js → bundled-translations-BUyt4scr.js} +9 -9
  52. package/lib/src/{bundled-translations.de-DE-BxqLLwbh.js → bundled-translations.de-DE-DEw_OVai.js} +1 -1
  53. package/lib/src/{bundled-translations.es-ES-uh249NlJ.js → bundled-translations.es-ES-CFKWmkgY.js} +17 -17
  54. package/lib/src/{bundled-translations.fr-CA-BEQmv2fX.js → bundled-translations.fr-CA-DCl5LJS4.js} +1 -1
  55. package/lib/src/{bundled-translations.fr-FR-BnNuCojH.js → bundled-translations.fr-FR-B5BjgllA.js} +1 -1
  56. package/lib/src/{bundled-translations.pt-BR-CJUOxVlq.js → bundled-translations.pt-BR-5PWpMPuM.js} +1 -1
  57. package/lib/src/{bundled-translations.pt-PT-Ds9cMEqK.js → bundled-translations.pt-PT-B9_wN0HR.js} +9 -9
  58. package/lib/src/bundles/bundled-translations.de-DE.json +2 -0
  59. package/lib/src/bundles/bundled-translations.es-ES.json +2 -0
  60. package/lib/src/bundles/bundled-translations.fr-CA.json +2 -0
  61. package/lib/src/bundles/bundled-translations.fr-FR.json +2 -0
  62. package/lib/src/bundles/bundled-translations.json +2 -0
  63. package/lib/src/bundles/bundled-translations.pt-BR.json +2 -0
  64. package/lib/src/bundles/bundled-translations.pt-PT.json +2 -0
  65. package/lib/src/composables/useSnapshot.js +233 -21
  66. package/lib/src/css/library.brand-page-brandCrowd.min.css +147 -161
  67. package/lib/src/css/library.brand-page-brandPage.min.css +147 -161
  68. package/lib/src/css/library.brand-page-designCom.min.css +147 -161
  69. package/lib/src/css/library.brand-page-preview.min.css +147 -161
  70. package/lib/src/index.mjs +1 -1
  71. package/lib/src/{lib-xHNclG2R.js → lib-ClPLZIYL.js} +21178 -20848
  72. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +14 -0
  73. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +14 -0
  74. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +12 -0
  75. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +12 -0
  76. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +12 -0
  77. package/lib/src/shared/content-settings/components/slider-field/SliderField.mixin.js +9 -0
  78. package/lib/src/shared/content-settings/store/content-settings-store.d.ts +12 -0
  79. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +16 -0
  80. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +14 -0
  81. package/lib/src/utils/minify-brand-page-metadata.js +11 -1
  82. package/package.json +1 -1
  83. package/src/brand-page/components/about-section/AboutSection.vue +10 -4
  84. package/src/brand-page/components/banner-section/BannerSection.vue +11 -4
  85. package/src/brand-page/components/booking-section/BookingSection.vue +11 -3
  86. package/src/brand-page/components/contact-form/ContactForm.mixin.ts +12 -6
  87. package/src/brand-page/components/contact-form/ContactForm.vue +105 -104
  88. package/src/brand-page/components/image-gallery/ImageGallery.mixin.ts +5 -0
  89. package/src/brand-page/components/image-gallery/ImageGallery.vue +1 -1
  90. package/src/brand-page/components/mailing-list/MailingList.mixin.ts +8 -1
  91. package/src/brand-page/components/mailing-list/MailingList.vue +1 -1
  92. package/src/brand-page/components/map/Map.vue +5 -1
  93. package/src/brand-page/components/payment/request-payment/RequestPayment.mixin.ts +5 -0
  94. package/src/brand-page/components/payment/request-payment/RequestPayment.vue +1 -0
  95. package/src/brand-page/components/payment/support-me/SupportMe.mixin.ts +8 -1
  96. package/src/brand-page/components/payment/support-me/SupportMe.vue +1 -0
  97. package/src/brand-page/components/shop/Shop.vue +7 -2
  98. package/src/brand-page/components/social-links/SocialLinks.vue +7 -3
  99. package/src/brand-page/components/testimonial-section/TestimonialSection.mixin.ts +7 -1
  100. package/src/brand-page/components/testimonial-section/TestimonialSection.vue +4 -6
  101. package/src/brand-page/components/text/Text.vue +12 -5
  102. package/src/brand-page/components/text-media-section/TextMediaSection.vue +11 -3
  103. package/src/brand-page/components/video/Video.mixin.ts +5 -0
  104. package/src/brand-page/components/video/Video.vue +1 -1
  105. package/src/brand-page/constants/misc.constants.ts +58 -0
  106. package/src/brand-page/models/content.model.ts +2 -0
  107. package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +9 -3
  108. package/src/brand-page/utils/content-padding.util.test.ts +29 -0
  109. package/src/brand-page/utils/content-padding.util.ts +13 -0
  110. package/src/brand-page/utils/index.ts +1 -0
  111. package/src/brand-page/utils/migration/migration-17.ts +72 -0
  112. package/src/brand-page/utils/migration.util.test.ts +252 -0
  113. package/src/brand-page/utils/migration.util.ts +11 -0
  114. package/src/brand-page-maker/components/ai-website-builder/AiWebsiteBuilder.vue +3 -4
  115. package/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.vue +8 -1
  116. package/src/brand-page-maker/composables/ai-chat/useAiWebsiteBuilderChat.ts +19 -4
  117. package/src/brand-page-maker/constants/config-settings-constant.ts +45 -0
  118. package/src/brand-page-maker/convertors/about-display-style.convertor.ts +10 -0
  119. package/src/brand-page-maker/convertors/banner-align-display-style.convertor.ts +8 -0
  120. package/src/brand-page-maker/convertors/contact-layout-style.convertor.test.ts +50 -0
  121. package/src/brand-page-maker/convertors/contact-layout-style.convertor.ts +8 -0
  122. package/src/brand-page-maker/models/content-settings.ts +41 -2
  123. package/src/bundles/bundled-translations.de-DE.json +2 -0
  124. package/src/bundles/bundled-translations.es-ES.json +2 -0
  125. package/src/bundles/bundled-translations.fr-CA.json +2 -0
  126. package/src/bundles/bundled-translations.fr-FR.json +2 -0
  127. package/src/bundles/bundled-translations.json +2 -0
  128. package/src/bundles/bundled-translations.pt-BR.json +2 -0
  129. package/src/bundles/bundled-translations.pt-PT.json +2 -0
  130. package/src/composables/useSnapshot.ts +316 -31
  131. package/src/shared/content-settings/components/content-settings/i18n/content-settings.de-DE.json +2 -0
  132. package/src/shared/content-settings/components/content-settings/i18n/content-settings.es-ES.json +2 -0
  133. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-CA.json +2 -0
  134. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-FR.json +2 -0
  135. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +2 -0
  136. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-BR.json +2 -0
  137. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-PT.json +2 -0
  138. package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.vue +1 -1
  139. package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.vue +2 -2
  140. package/src/shared/content-settings/components/slider-field/SliderField.mixin.ts +9 -0
  141. package/src/utils/minify-brand-page-metadata.ts +11 -1
  142. package/lib/src/metadata-builder/builders/reorder-pages-builder.d.ts +0 -13
  143. package/lib/src/metadata-builder/builders/reorder-pages-builder.js +0 -49
  144. package/src/metadata-builder/builders/reorder-pages-builder.ts +0 -80
package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts CHANGED
@@ -18,6 +18,8 @@ declare const _default: import("vue").DefineComponent<{}, {
18
18
  id: string;
19
19
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
20
20
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
21
+ topPadding?: number | undefined;
22
+ bottomPadding?: number | undefined;
21
23
  imageUrlOverride?: string | undefined;
22
24
  imageUrlsOverride?: string | undefined;
23
25
  avatarImageUrlOverride?: string | undefined;
@@ -205,6 +207,8 @@ declare const _default: import("vue").DefineComponent<{}, {
205
207
  id: string;
206
208
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
207
209
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
210
+ topPadding?: number | undefined;
211
+ bottomPadding?: number | undefined;
208
212
  imageUrlOverride?: string | undefined;
209
213
  imageUrlsOverride?: string | undefined;
210
214
  avatarImageUrlOverride?: string | undefined;
@@ -254,6 +258,8 @@ declare const _default: import("vue").DefineComponent<{}, {
254
258
  id: string;
255
259
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
256
260
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
261
+ topPadding?: number | undefined;
262
+ bottomPadding?: number | undefined;
257
263
  imageUrlOverride?: string | undefined;
258
264
  imageUrlsOverride?: string | undefined;
259
265
  avatarImageUrlOverride?: string | undefined;
@@ -303,6 +309,8 @@ declare const _default: import("vue").DefineComponent<{}, {
303
309
  id: string;
304
310
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
305
311
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
312
+ topPadding?: number | undefined;
313
+ bottomPadding?: number | undefined;
306
314
  imageUrlOverride?: string | undefined;
307
315
  imageUrlsOverride?: string | undefined;
308
316
  avatarImageUrlOverride?: string | undefined;
@@ -352,6 +360,8 @@ declare const _default: import("vue").DefineComponent<{}, {
352
360
  id: string;
353
361
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
354
362
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
363
+ topPadding?: number | undefined;
364
+ bottomPadding?: number | undefined;
355
365
  imageUrlOverride?: string | undefined;
356
366
  imageUrlsOverride?: string | undefined;
357
367
  avatarImageUrlOverride?: string | undefined;
@@ -401,6 +411,8 @@ declare const _default: import("vue").DefineComponent<{}, {
401
411
  id: string;
402
412
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
403
413
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
414
+ topPadding?: number | undefined;
415
+ bottomPadding?: number | undefined;
404
416
  imageUrlOverride?: string | undefined;
405
417
  imageUrlsOverride?: string | undefined;
406
418
  avatarImageUrlOverride?: string | undefined;
@@ -450,6 +462,8 @@ declare const _default: import("vue").DefineComponent<{}, {
450
462
  id: string;
451
463
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
452
464
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
465
+ topPadding?: number | undefined;
466
+ bottomPadding?: number | undefined;
453
467
  imageUrlOverride?: string | undefined;
454
468
  imageUrlsOverride?: string | undefined;
455
469
  avatarImageUrlOverride?: string | undefined;
package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts CHANGED
@@ -9,6 +9,8 @@ declare const _default: import("vue").DefineComponent<{}, {
9
9
  id: string;
10
10
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
11
11
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
12
+ topPadding?: number | undefined;
13
+ bottomPadding?: number | undefined;
12
14
  imageUrlOverride?: string | undefined;
13
15
  imageUrlsOverride?: string | undefined;
14
16
  avatarImageUrlOverride?: string | undefined;
@@ -54,6 +56,8 @@ declare const _default: import("vue").DefineComponent<{}, {
54
56
  id: string;
55
57
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
56
58
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
59
+ topPadding?: number | undefined;
60
+ bottomPadding?: number | undefined;
57
61
  imageUrlOverride?: string | undefined;
58
62
  imageUrlsOverride?: string | undefined;
59
63
  avatarImageUrlOverride?: string | undefined;
@@ -103,6 +107,8 @@ declare const _default: import("vue").DefineComponent<{}, {
103
107
  id: string;
104
108
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
105
109
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
110
+ topPadding?: number | undefined;
111
+ bottomPadding?: number | undefined;
106
112
  imageUrlOverride?: string | undefined;
107
113
  imageUrlsOverride?: string | undefined;
108
114
  avatarImageUrlOverride?: string | undefined;
@@ -152,6 +158,8 @@ declare const _default: import("vue").DefineComponent<{}, {
152
158
  id: string;
153
159
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
154
160
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
161
+ topPadding?: number | undefined;
162
+ bottomPadding?: number | undefined;
155
163
  imageUrlOverride?: string | undefined;
156
164
  imageUrlsOverride?: string | undefined;
157
165
  avatarImageUrlOverride?: string | undefined;
@@ -201,6 +209,8 @@ declare const _default: import("vue").DefineComponent<{}, {
201
209
  id: string;
202
210
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
203
211
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
212
+ topPadding?: number | undefined;
213
+ bottomPadding?: number | undefined;
204
214
  imageUrlOverride?: string | undefined;
205
215
  imageUrlsOverride?: string | undefined;
206
216
  avatarImageUrlOverride?: string | undefined;
@@ -250,6 +260,8 @@ declare const _default: import("vue").DefineComponent<{}, {
250
260
  id: string;
251
261
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
252
262
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
263
+ topPadding?: number | undefined;
264
+ bottomPadding?: number | undefined;
253
265
  imageUrlOverride?: string | undefined;
254
266
  imageUrlsOverride?: string | undefined;
255
267
  avatarImageUrlOverride?: string | undefined;
@@ -299,6 +311,8 @@ declare const _default: import("vue").DefineComponent<{}, {
299
311
  id: string;
300
312
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
301
313
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
314
+ topPadding?: number | undefined;
315
+ bottomPadding?: number | undefined;
302
316
  imageUrlOverride?: string | undefined;
303
317
  imageUrlsOverride?: string | undefined;
304
318
  avatarImageUrlOverride?: string | undefined;
package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts CHANGED
@@ -44,6 +44,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
44
44
  id: string;
45
45
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
46
46
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
47
+ topPadding?: number | undefined;
48
+ bottomPadding?: number | undefined;
47
49
  imageUrlOverride?: string | undefined;
48
50
  imageUrlsOverride?: string | undefined;
49
51
  avatarImageUrlOverride?: string | undefined;
@@ -93,6 +95,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
93
95
  id: string;
94
96
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
95
97
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
98
+ topPadding?: number | undefined;
99
+ bottomPadding?: number | undefined;
96
100
  imageUrlOverride?: string | undefined;
97
101
  imageUrlsOverride?: string | undefined;
98
102
  avatarImageUrlOverride?: string | undefined;
@@ -142,6 +146,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
142
146
  id: string;
143
147
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
144
148
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
149
+ topPadding?: number | undefined;
150
+ bottomPadding?: number | undefined;
145
151
  imageUrlOverride?: string | undefined;
146
152
  imageUrlsOverride?: string | undefined;
147
153
  avatarImageUrlOverride?: string | undefined;
@@ -191,6 +197,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
191
197
  id: string;
192
198
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
193
199
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
200
+ topPadding?: number | undefined;
201
+ bottomPadding?: number | undefined;
194
202
  imageUrlOverride?: string | undefined;
195
203
  imageUrlsOverride?: string | undefined;
196
204
  avatarImageUrlOverride?: string | undefined;
@@ -240,6 +248,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
240
248
  id: string;
241
249
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
242
250
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
251
+ topPadding?: number | undefined;
252
+ bottomPadding?: number | undefined;
243
253
  imageUrlOverride?: string | undefined;
244
254
  imageUrlsOverride?: string | undefined;
245
255
  avatarImageUrlOverride?: string | undefined;
@@ -289,6 +299,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
289
299
  id: string;
290
300
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
291
301
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
302
+ topPadding?: number | undefined;
303
+ bottomPadding?: number | undefined;
292
304
  imageUrlOverride?: string | undefined;
293
305
  imageUrlsOverride?: string | undefined;
294
306
  avatarImageUrlOverride?: string | undefined;
package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts CHANGED
@@ -85,6 +85,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
85
85
  id: string;
86
86
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
87
87
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
88
+ topPadding?: number | undefined;
89
+ bottomPadding?: number | undefined;
88
90
  imageUrlOverride?: string | undefined;
89
91
  imageUrlsOverride?: string | undefined;
90
92
  avatarImageUrlOverride?: string | undefined;
@@ -134,6 +136,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
134
136
  id: string;
135
137
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
136
138
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
139
+ topPadding?: number | undefined;
140
+ bottomPadding?: number | undefined;
137
141
  imageUrlOverride?: string | undefined;
138
142
  imageUrlsOverride?: string | undefined;
139
143
  avatarImageUrlOverride?: string | undefined;
@@ -183,6 +187,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
183
187
  id: string;
184
188
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
185
189
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
190
+ topPadding?: number | undefined;
191
+ bottomPadding?: number | undefined;
186
192
  imageUrlOverride?: string | undefined;
187
193
  imageUrlsOverride?: string | undefined;
188
194
  avatarImageUrlOverride?: string | undefined;
@@ -232,6 +238,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
232
238
  id: string;
233
239
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
234
240
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
241
+ topPadding?: number | undefined;
242
+ bottomPadding?: number | undefined;
235
243
  imageUrlOverride?: string | undefined;
236
244
  imageUrlsOverride?: string | undefined;
237
245
  avatarImageUrlOverride?: string | undefined;
@@ -281,6 +289,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
281
289
  id: string;
282
290
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
283
291
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
292
+ topPadding?: number | undefined;
293
+ bottomPadding?: number | undefined;
284
294
  imageUrlOverride?: string | undefined;
285
295
  imageUrlsOverride?: string | undefined;
286
296
  avatarImageUrlOverride?: string | undefined;
@@ -330,6 +340,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
330
340
  id: string;
331
341
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
332
342
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
343
+ topPadding?: number | undefined;
344
+ bottomPadding?: number | undefined;
333
345
  imageUrlOverride?: string | undefined;
334
346
  imageUrlsOverride?: string | undefined;
335
347
  avatarImageUrlOverride?: string | undefined;
package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts CHANGED
@@ -36,6 +36,8 @@ declare const _default: import("vue").DefineComponent<{}, {
36
36
  id: string;
37
37
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
38
38
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
39
+ topPadding?: number | undefined;
40
+ bottomPadding?: number | undefined;
39
41
  imageUrlOverride?: string | undefined;
40
42
  imageUrlsOverride?: string | undefined;
41
43
  avatarImageUrlOverride?: string | undefined;
@@ -85,6 +87,8 @@ declare const _default: import("vue").DefineComponent<{}, {
85
87
  id: string;
86
88
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
87
89
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
90
+ topPadding?: number | undefined;
91
+ bottomPadding?: number | undefined;
88
92
  imageUrlOverride?: string | undefined;
89
93
  imageUrlsOverride?: string | undefined;
90
94
  avatarImageUrlOverride?: string | undefined;
@@ -134,6 +138,8 @@ declare const _default: import("vue").DefineComponent<{}, {
134
138
  id: string;
135
139
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
136
140
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
141
+ topPadding?: number | undefined;
142
+ bottomPadding?: number | undefined;
137
143
  imageUrlOverride?: string | undefined;
138
144
  imageUrlsOverride?: string | undefined;
139
145
  avatarImageUrlOverride?: string | undefined;
@@ -183,6 +189,8 @@ declare const _default: import("vue").DefineComponent<{}, {
183
189
  id: string;
184
190
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
185
191
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
192
+ topPadding?: number | undefined;
193
+ bottomPadding?: number | undefined;
186
194
  imageUrlOverride?: string | undefined;
187
195
  imageUrlsOverride?: string | undefined;
188
196
  avatarImageUrlOverride?: string | undefined;
@@ -232,6 +240,8 @@ declare const _default: import("vue").DefineComponent<{}, {
232
240
  id: string;
233
241
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
234
242
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
243
+ topPadding?: number | undefined;
244
+ bottomPadding?: number | undefined;
235
245
  imageUrlOverride?: string | undefined;
236
246
  imageUrlsOverride?: string | undefined;
237
247
  avatarImageUrlOverride?: string | undefined;
@@ -281,6 +291,8 @@ declare const _default: import("vue").DefineComponent<{}, {
281
291
  id: string;
282
292
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
283
293
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
294
+ topPadding?: number | undefined;
295
+ bottomPadding?: number | undefined;
284
296
  imageUrlOverride?: string | undefined;
285
297
  imageUrlsOverride?: string | undefined;
286
298
  avatarImageUrlOverride?: string | undefined;
package/lib/src/shared/content-settings/components/slider-field/SliderField.mixin.js CHANGED
@@ -39,6 +39,15 @@ export default defineComponent({
39
39
  sliderValue: value,
40
40
  };
41
41
  },
42
+ watch: {
43
+ // The value can change outside the slider (e.g. a layout switch
44
+ // re-applying default padding, or undo) — keep the display in sync.
45
+ value(newValue) {
46
+ this.sliderValue = this.valueConvertor
47
+ ? this.valueConvertor.convert(newValue)
48
+ : newValue;
49
+ },
50
+ },
42
51
  computed: {
43
52
  innerMinLength() {
44
53
  return this.minLength ?? 0;
package/lib/src/shared/content-settings/store/content-settings-store.d.ts CHANGED
@@ -51,6 +51,8 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
51
51
  id: string;
52
52
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
53
53
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
54
+ topPadding?: number | undefined;
55
+ bottomPadding?: number | undefined;
54
56
  imageUrlOverride?: string | undefined;
55
57
  imageUrlsOverride?: string | undefined;
56
58
  avatarImageUrlOverride?: string | undefined;
@@ -100,6 +102,8 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
100
102
  id: string;
101
103
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
102
104
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
105
+ topPadding?: number | undefined;
106
+ bottomPadding?: number | undefined;
103
107
  imageUrlOverride?: string | undefined;
104
108
  imageUrlsOverride?: string | undefined;
105
109
  avatarImageUrlOverride?: string | undefined;
@@ -149,6 +153,8 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
149
153
  id: string;
150
154
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
151
155
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
156
+ topPadding?: number | undefined;
157
+ bottomPadding?: number | undefined;
152
158
  imageUrlOverride?: string | undefined;
153
159
  imageUrlsOverride?: string | undefined;
154
160
  avatarImageUrlOverride?: string | undefined;
@@ -198,6 +204,8 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
198
204
  id: string;
199
205
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
200
206
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
207
+ topPadding?: number | undefined;
208
+ bottomPadding?: number | undefined;
201
209
  imageUrlOverride?: string | undefined;
202
210
  imageUrlsOverride?: string | undefined;
203
211
  avatarImageUrlOverride?: string | undefined;
@@ -247,6 +255,8 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
247
255
  id: string;
248
256
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
249
257
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
258
+ topPadding?: number | undefined;
259
+ bottomPadding?: number | undefined;
250
260
  imageUrlOverride?: string | undefined;
251
261
  imageUrlsOverride?: string | undefined;
252
262
  avatarImageUrlOverride?: string | undefined;
@@ -296,6 +306,8 @@ export declare const useUiContentSettingsStore: import("pinia").StoreDefinition<
296
306
  id: string;
297
307
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
298
308
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
309
+ topPadding?: number | undefined;
310
+ bottomPadding?: number | undefined;
299
311
  imageUrlOverride?: string | undefined;
300
312
  imageUrlsOverride?: string | undefined;
301
313
  avatarImageUrlOverride?: string | undefined;
package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts CHANGED
@@ -21,6 +21,8 @@ declare const _default: import("vue").DefineComponent<{}, {
21
21
  id: string;
22
22
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
23
23
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
24
+ topPadding?: number | undefined;
25
+ bottomPadding?: number | undefined;
24
26
  imageUrlOverride?: string | undefined;
25
27
  imageUrlsOverride?: string | undefined;
26
28
  avatarImageUrlOverride?: string | undefined;
@@ -49,6 +51,8 @@ declare const _default: import("vue").DefineComponent<{}, {
49
51
  id: string;
50
52
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
51
53
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
54
+ topPadding?: number | undefined;
55
+ bottomPadding?: number | undefined;
52
56
  imageUrlOverride?: string | undefined;
53
57
  imageUrlsOverride?: string | undefined;
54
58
  avatarImageUrlOverride?: string | undefined;
@@ -4054,6 +4058,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4054
4058
  id: string;
4055
4059
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
4056
4060
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4061
+ topPadding?: number | undefined;
4062
+ bottomPadding?: number | undefined;
4057
4063
  imageUrlOverride?: string | undefined;
4058
4064
  imageUrlsOverride?: string | undefined;
4059
4065
  avatarImageUrlOverride?: string | undefined;
@@ -4103,6 +4109,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4103
4109
  id: string;
4104
4110
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
4105
4111
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4112
+ topPadding?: number | undefined;
4113
+ bottomPadding?: number | undefined;
4106
4114
  imageUrlOverride?: string | undefined;
4107
4115
  imageUrlsOverride?: string | undefined;
4108
4116
  avatarImageUrlOverride?: string | undefined;
@@ -4152,6 +4160,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4152
4160
  id: string;
4153
4161
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
4154
4162
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4163
+ topPadding?: number | undefined;
4164
+ bottomPadding?: number | undefined;
4155
4165
  imageUrlOverride?: string | undefined;
4156
4166
  imageUrlsOverride?: string | undefined;
4157
4167
  avatarImageUrlOverride?: string | undefined;
@@ -4201,6 +4211,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4201
4211
  id: string;
4202
4212
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
4203
4213
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4214
+ topPadding?: number | undefined;
4215
+ bottomPadding?: number | undefined;
4204
4216
  imageUrlOverride?: string | undefined;
4205
4217
  imageUrlsOverride?: string | undefined;
4206
4218
  avatarImageUrlOverride?: string | undefined;
@@ -4250,6 +4262,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4250
4262
  id: string;
4251
4263
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
4252
4264
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4265
+ topPadding?: number | undefined;
4266
+ bottomPadding?: number | undefined;
4253
4267
  imageUrlOverride?: string | undefined;
4254
4268
  imageUrlsOverride?: string | undefined;
4255
4269
  avatarImageUrlOverride?: string | undefined;
@@ -4299,6 +4313,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4299
4313
  id: string;
4300
4314
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
4301
4315
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4316
+ topPadding?: number | undefined;
4317
+ bottomPadding?: number | undefined;
4302
4318
  imageUrlOverride?: string | undefined;
4303
4319
  imageUrlsOverride?: string | undefined;
4304
4320
  avatarImageUrlOverride?: string | undefined;
package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts CHANGED
@@ -3445,6 +3445,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3445
3445
  id: string;
3446
3446
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
3447
3447
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3448
+ topPadding?: number | undefined;
3449
+ bottomPadding?: number | undefined;
3448
3450
  imageUrlOverride?: string | undefined;
3449
3451
  imageUrlsOverride?: string | undefined;
3450
3452
  avatarImageUrlOverride?: string | undefined;
@@ -3494,6 +3496,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3494
3496
  id: string;
3495
3497
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
3496
3498
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3499
+ topPadding?: number | undefined;
3500
+ bottomPadding?: number | undefined;
3497
3501
  imageUrlOverride?: string | undefined;
3498
3502
  imageUrlsOverride?: string | undefined;
3499
3503
  avatarImageUrlOverride?: string | undefined;
@@ -3543,6 +3547,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3543
3547
  id: string;
3544
3548
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
3545
3549
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3550
+ topPadding?: number | undefined;
3551
+ bottomPadding?: number | undefined;
3546
3552
  imageUrlOverride?: string | undefined;
3547
3553
  imageUrlsOverride?: string | undefined;
3548
3554
  avatarImageUrlOverride?: string | undefined;
@@ -3592,6 +3598,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3592
3598
  id: string;
3593
3599
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
3594
3600
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3601
+ topPadding?: number | undefined;
3602
+ bottomPadding?: number | undefined;
3595
3603
  imageUrlOverride?: string | undefined;
3596
3604
  imageUrlsOverride?: string | undefined;
3597
3605
  avatarImageUrlOverride?: string | undefined;
@@ -3641,6 +3649,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3641
3649
  id: string;
3642
3650
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
3643
3651
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3652
+ topPadding?: number | undefined;
3653
+ bottomPadding?: number | undefined;
3644
3654
  imageUrlOverride?: string | undefined;
3645
3655
  imageUrlsOverride?: string | undefined;
3646
3656
  avatarImageUrlOverride?: string | undefined;
@@ -3690,6 +3700,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3690
3700
  id: string;
3691
3701
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
3692
3702
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3703
+ topPadding?: number | undefined;
3704
+ bottomPadding?: number | undefined;
3693
3705
  imageUrlOverride?: string | undefined;
3694
3706
  imageUrlsOverride?: string | undefined;
3695
3707
  avatarImageUrlOverride?: string | undefined;
@@ -4458,6 +4470,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4458
4470
  id: string;
4459
4471
  type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
4460
4472
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4473
+ topPadding?: number | undefined;
4474
+ bottomPadding?: number | undefined;
4461
4475
  imageUrlOverride?: string | undefined;
4462
4476
  imageUrlsOverride?: string | undefined;
4463
4477
  avatarImageUrlOverride?: string | undefined;
package/lib/src/utils/minify-brand-page-metadata.js CHANGED
@@ -87,7 +87,17 @@ const findAssetKey = (assets, data) => {
87
87
  return assets.find((a) => a.data === data)?.key;
88
88
  };
89
89
  const minifyContent = (content, editor, assets) => {
90
- const base = { id: content.id, type: content.type };
90
+ const base = {
91
+ id: content.id,
92
+ type: content.type,
93
+ // Padding Control (BP-5687) — shared across every block, persist when set.
94
+ ...(typeof content.topPadding === 'number' && {
95
+ topPadding: content.topPadding,
96
+ }),
97
+ ...(typeof content.bottomPadding === 'number' && {
98
+ bottomPadding: content.bottomPadding,
99
+ }),
100
+ };
91
101
  const c = content;
92
102
  // Helper: include imageUrl and its asset key if available
93
103
  const includeImageWithKey = (url, urlField = 'imageUrl', keyField = 'imageAssetKey') => {
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.18.7",
4
+ "version": "5.18.8-ast-padding-1",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",