@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
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;
@@ -200,6 +202,8 @@ declare const _default: import("vue").DefineComponent<{}, {
200
202
  id: string;
201
203
  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";
202
204
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
205
+ topPadding?: number | undefined;
206
+ bottomPadding?: number | undefined;
203
207
  imageUrlOverride?: string | undefined;
204
208
  imageUrlsOverride?: string | undefined;
205
209
  avatarImageUrlOverride?: string | undefined;
@@ -249,6 +253,8 @@ declare const _default: import("vue").DefineComponent<{}, {
249
253
  id: string;
250
254
  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";
251
255
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
256
+ topPadding?: number | undefined;
257
+ bottomPadding?: number | undefined;
252
258
  imageUrlOverride?: string | undefined;
253
259
  imageUrlsOverride?: string | undefined;
254
260
  avatarImageUrlOverride?: string | undefined;
@@ -298,6 +304,8 @@ declare const _default: import("vue").DefineComponent<{}, {
298
304
  id: string;
299
305
  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";
300
306
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
307
+ topPadding?: number | undefined;
308
+ bottomPadding?: number | undefined;
301
309
  imageUrlOverride?: string | undefined;
302
310
  imageUrlsOverride?: string | undefined;
303
311
  avatarImageUrlOverride?: string | undefined;
@@ -347,6 +355,8 @@ declare const _default: import("vue").DefineComponent<{}, {
347
355
  id: string;
348
356
  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";
349
357
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
358
+ topPadding?: number | undefined;
359
+ bottomPadding?: number | undefined;
350
360
  imageUrlOverride?: string | undefined;
351
361
  imageUrlsOverride?: string | undefined;
352
362
  avatarImageUrlOverride?: string | undefined;
@@ -396,6 +406,8 @@ declare const _default: import("vue").DefineComponent<{}, {
396
406
  id: string;
397
407
  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";
398
408
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
409
+ topPadding?: number | undefined;
410
+ bottomPadding?: number | undefined;
399
411
  imageUrlOverride?: string | undefined;
400
412
  imageUrlsOverride?: string | undefined;
401
413
  avatarImageUrlOverride?: string | undefined;
@@ -445,6 +457,8 @@ declare const _default: import("vue").DefineComponent<{}, {
445
457
  id: string;
446
458
  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";
447
459
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
460
+ topPadding?: number | undefined;
461
+ bottomPadding?: number | undefined;
448
462
  imageUrlOverride?: string | undefined;
449
463
  imageUrlsOverride?: string | undefined;
450
464
  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/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;
@@ -4049,6 +4053,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4049
4053
  id: string;
4050
4054
  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";
4051
4055
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4056
+ topPadding?: number | undefined;
4057
+ bottomPadding?: number | undefined;
4052
4058
  imageUrlOverride?: string | undefined;
4053
4059
  imageUrlsOverride?: string | undefined;
4054
4060
  avatarImageUrlOverride?: string | undefined;
@@ -4098,6 +4104,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4098
4104
  id: string;
4099
4105
  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";
4100
4106
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4107
+ topPadding?: number | undefined;
4108
+ bottomPadding?: number | undefined;
4101
4109
  imageUrlOverride?: string | undefined;
4102
4110
  imageUrlsOverride?: string | undefined;
4103
4111
  avatarImageUrlOverride?: string | undefined;
@@ -4147,6 +4155,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4147
4155
  id: string;
4148
4156
  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";
4149
4157
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4158
+ topPadding?: number | undefined;
4159
+ bottomPadding?: number | undefined;
4150
4160
  imageUrlOverride?: string | undefined;
4151
4161
  imageUrlsOverride?: string | undefined;
4152
4162
  avatarImageUrlOverride?: string | undefined;
@@ -4196,6 +4206,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4196
4206
  id: string;
4197
4207
  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";
4198
4208
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4209
+ topPadding?: number | undefined;
4210
+ bottomPadding?: number | undefined;
4199
4211
  imageUrlOverride?: string | undefined;
4200
4212
  imageUrlsOverride?: string | undefined;
4201
4213
  avatarImageUrlOverride?: string | undefined;
@@ -4245,6 +4257,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4245
4257
  id: string;
4246
4258
  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";
4247
4259
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4260
+ topPadding?: number | undefined;
4261
+ bottomPadding?: number | undefined;
4248
4262
  imageUrlOverride?: string | undefined;
4249
4263
  imageUrlsOverride?: string | undefined;
4250
4264
  avatarImageUrlOverride?: string | undefined;
@@ -4294,6 +4308,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4294
4308
  id: string;
4295
4309
  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";
4296
4310
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4311
+ topPadding?: number | undefined;
4312
+ bottomPadding?: number | undefined;
4297
4313
  imageUrlOverride?: string | undefined;
4298
4314
  imageUrlsOverride?: string | undefined;
4299
4315
  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;
@@ -4478,6 +4490,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4478
4490
  id: string;
4479
4491
  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";
4480
4492
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4493
+ topPadding?: number | undefined;
4494
+ bottomPadding?: number | undefined;
4481
4495
  imageUrlOverride?: string | undefined;
4482
4496
  imageUrlsOverride?: string | undefined;
4483
4497
  avatarImageUrlOverride?: string | undefined;
package/lib/src/utils/minify-brand-page-metadata.js CHANGED
@@ -33,7 +33,17 @@ const includeString = (value) => {
33
33
  return undefined;
34
34
  };
35
35
  const minifyContent = (content) => {
36
- const base = { id: content.id, type: content.type };
36
+ const base = {
37
+ id: content.id,
38
+ type: content.type,
39
+ // Padding Control (BP-5687) — shared across every block, persist when set.
40
+ ...(typeof content.topPadding === 'number' && {
41
+ topPadding: content.topPadding,
42
+ }),
43
+ ...(typeof content.bottomPadding === 'number' && {
44
+ bottomPadding: content.bottomPadding,
45
+ }),
46
+ };
37
47
  const c = content;
38
48
  if (BUTTON_TYPES.includes(content.type)) {
39
49
  return {
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.17.27",
4
+ "version": "5.17.28-ast-padding",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
package/src/brand-page/components/background-shape/BackgroundShape.mixin.ts CHANGED
@@ -77,6 +77,12 @@ export default defineComponent({
77
77
  }
78
78
  }
79
79
  },
80
+ beforeUnmount() {
81
+ if (this.svgDataObjectUrl) {
82
+ URL.revokeObjectURL(this.svgDataObjectUrl);
83
+ this.svgDataObjectUrl = '';
84
+ }
85
+ },
80
86
  methods: {
81
87
  isValidSvgUrl(url: string): boolean {
82
88
  return (