@designcrowd/library.brand-page 5.18.4 → 5.18.6-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 (148) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-DQLtpdLe.js → CreatedOnBrandCrowd-de-de-CAtPZtwo.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-CvEhlADd.js → CreatedOnBrandCrowd-en-us-Dcx4yFkK.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-pYQeTTC0.js → CreatedOnBrandCrowd-es-es-DpodH0gD.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-CcE-iCEq.js → CreatedOnBrandCrowd-fr-ca-DZbMRJn-.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-CcE-iCEq.js → CreatedOnBrandCrowd-fr-fr-DZbMRJn-.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-OyhWWWyO.js → CreatedOnBrandCrowd-pt-br-C3gBveLk.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-OyhWWWyO.js → CreatedOnBrandCrowd-pt-pt-C3gBveLk.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-DH98FFLS.js → CreatedOnDcom-de-de-DHNyyTV9.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-DK67NN1r.js → CreatedOnDcom-en-us-BjqZ0Jmw.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-9-QU4BU6.js → CreatedOnDcom-es-es-tiNjDJmH.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-U9J9H9VB.js → CreatedOnDcom-fr-ca-COUSI6w1.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-DqdzB1DJ.js → CreatedOnDcom-fr-fr-c3UCfh9A.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-c4UiWtkB.js → CreatedOnDcom-pt-br-U1jbo_g5.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-Do2qJsYp.js → CreatedOnDcom-pt-pt-BOW_n3bo.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/mailing-list/MailingList.mixin.d.ts +4 -0
  20. package/lib/src/brand-page/components/mailing-list/MailingList.mixin.js +4 -1
  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/constants/misc.constants.d.ts +30 -0
  28. package/lib/src/brand-page/constants/misc.constants.js +51 -0
  29. package/lib/src/brand-page/models/content.model.d.ts +2 -0
  30. package/lib/src/brand-page/models/navigation-styles.model.d.ts +7 -0
  31. package/lib/src/brand-page/models/navigation-styles.model.js +25 -2
  32. package/lib/src/brand-page/utils/content-padding.util.d.ts +13 -0
  33. package/lib/src/brand-page/utils/content-padding.util.js +10 -0
  34. package/lib/src/brand-page/utils/index.d.ts +1 -0
  35. package/lib/src/brand-page/utils/index.js +1 -0
  36. package/lib/src/brand-page/utils/migration/migration-16.d.ts +2 -0
  37. package/lib/src/brand-page/utils/migration/migration-16.js +47 -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 +50 -0
  40. package/lib/src/brand-page/utils/migration.util.js +17 -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/constants/config-settings-constant.js +37 -0
  45. package/lib/src/brand-page-maker/convertors/about-display-style.convertor.js +9 -1
  46. package/lib/src/brand-page-maker/convertors/banner-align-display-style.convertor.js +7 -1
  47. package/lib/src/brand-page-maker/convertors/contact-layout-style.convertor.js +6 -1
  48. package/lib/src/brand-page-maker/models/content-settings.js +36 -2
  49. package/lib/src/brand-page-maker/stores/ai-checkpoint/ai-checkpoint-store.d.ts +12 -0
  50. package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js +1 -9
  51. package/lib/src/{bundled-translations-B5Fkt3qd.js → bundled-translations-Chw0nsFv.js} +9 -9
  52. package/lib/src/{bundled-translations.de-DE-DpdVePM9.js → bundled-translations.de-DE-cqBv7atZ.js} +1 -1
  53. package/lib/src/{bundled-translations.es-ES-BsIcrzZF.js → bundled-translations.es-ES-D9VXftl_.js} +9 -9
  54. package/lib/src/{bundled-translations.fr-CA-G1XCp2Qh.js → bundled-translations.fr-CA-BYstWXcO.js} +1 -1
  55. package/lib/src/{bundled-translations.fr-FR-BdwLXOnB.js → bundled-translations.fr-FR-D1H1hJD4.js} +1 -1
  56. package/lib/src/{bundled-translations.pt-BR-Bvn5ePe7.js → bundled-translations.pt-BR-DqNFuNHX.js} +1 -1
  57. package/lib/src/{bundled-translations.pt-PT-CDtkb2k1.js → bundled-translations.pt-PT-tOic0FfQ.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/css/library.brand-page-brandCrowd.min.css +150 -168
  66. package/lib/src/css/library.brand-page-brandPage.min.css +150 -168
  67. package/lib/src/css/library.brand-page-designCom.min.css +150 -168
  68. package/lib/src/css/library.brand-page-preview.min.css +150 -168
  69. package/lib/src/index.mjs +62 -60
  70. package/lib/src/{lib-BI3J4Mbk.js → lib-Bl7w5LQl.js} +19205 -18991
  71. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +14 -0
  72. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +14 -0
  73. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +12 -0
  74. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +12 -0
  75. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +12 -0
  76. package/lib/src/shared/content-settings/components/slider-field/SliderField.mixin.js +9 -0
  77. package/lib/src/shared/content-settings/store/content-settings-store.d.ts +12 -0
  78. package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.js +10 -8
  79. package/lib/src/shared/navigation-style-settings/store/index.js +1 -12
  80. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +16 -0
  81. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +14 -0
  82. package/lib/src/utils/minify-brand-page-metadata.js +11 -1
  83. package/package.json +1 -1
  84. package/src/brand-page/components/about-section/AboutSection.vue +10 -4
  85. package/src/brand-page/components/banner-section/BannerSection.vue +11 -4
  86. package/src/brand-page/components/booking-section/BookingSection.vue +11 -3
  87. package/src/brand-page/components/button/Button.vue +2 -10
  88. package/src/brand-page/components/contact-form/ContactForm.mixin.ts +12 -6
  89. package/src/brand-page/components/contact-form/ContactForm.vue +117 -120
  90. package/src/brand-page/components/image-gallery/ImageGallery.mixin.ts +5 -0
  91. package/src/brand-page/components/image-gallery/ImageGallery.vue +1 -1
  92. package/src/brand-page/components/mailing-list/MailingList.mixin.ts +8 -1
  93. package/src/brand-page/components/mailing-list/MailingList.vue +1 -1
  94. package/src/brand-page/components/map/Map.vue +5 -1
  95. package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.vue +4 -1
  96. package/src/brand-page/components/payment/request-payment/RequestPayment.mixin.ts +5 -0
  97. package/src/brand-page/components/payment/request-payment/RequestPayment.vue +1 -0
  98. package/src/brand-page/components/payment/support-me/SupportMe.mixin.ts +8 -1
  99. package/src/brand-page/components/payment/support-me/SupportMe.vue +1 -0
  100. package/src/brand-page/components/shop/Shop.vue +7 -2
  101. package/src/brand-page/components/social-links/SocialLinks.vue +7 -3
  102. package/src/brand-page/components/text/Text.vue +12 -5
  103. package/src/brand-page/components/text-media-section/TextMediaSection.vue +11 -3
  104. package/src/brand-page/components/video/Video.mixin.ts +5 -0
  105. package/src/brand-page/components/video/Video.vue +1 -1
  106. package/src/brand-page/constants/misc.constants.ts +60 -0
  107. package/src/brand-page/models/content.model.ts +2 -0
  108. package/src/brand-page/models/navigation-styles.model.ts +39 -1
  109. package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +9 -3
  110. package/src/brand-page/utils/content-padding.util.test.ts +29 -0
  111. package/src/brand-page/utils/content-padding.util.ts +13 -0
  112. package/src/brand-page/utils/index.ts +1 -0
  113. package/src/brand-page/utils/migration/migration-16.test.ts +319 -0
  114. package/src/brand-page/utils/migration/migration-16.ts +75 -0
  115. package/src/brand-page/utils/migration/migration-17.ts +73 -0
  116. package/src/brand-page/utils/migration.util.test.ts +145 -0
  117. package/src/brand-page/utils/migration.util.ts +19 -0
  118. package/src/brand-page-maker/components/color-palette/BpColorPalette.vue +9 -7
  119. package/src/brand-page-maker/constants/config-settings-constant.ts +43 -0
  120. package/src/brand-page-maker/convertors/about-display-style.convertor.ts +10 -0
  121. package/src/brand-page-maker/convertors/banner-align-display-style.convertor.ts +8 -0
  122. package/src/brand-page-maker/convertors/contact-layout-style.convertor.test.ts +50 -0
  123. package/src/brand-page-maker/convertors/contact-layout-style.convertor.ts +8 -0
  124. package/src/brand-page-maker/models/content-settings.ts +38 -2
  125. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.test.ts +43 -0
  126. package/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.ts +0 -14
  127. package/src/bundles/bundled-translations.de-DE.json +2 -0
  128. package/src/bundles/bundled-translations.es-ES.json +2 -0
  129. package/src/bundles/bundled-translations.fr-CA.json +2 -0
  130. package/src/bundles/bundled-translations.fr-FR.json +2 -0
  131. package/src/bundles/bundled-translations.json +2 -0
  132. package/src/bundles/bundled-translations.pt-BR.json +2 -0
  133. package/src/bundles/bundled-translations.pt-PT.json +2 -0
  134. package/src/shared/content-settings/components/color-field/ColorField.vue +10 -5
  135. package/src/shared/content-settings/components/content-settings/i18n/content-settings.de-DE.json +2 -0
  136. package/src/shared/content-settings/components/content-settings/i18n/content-settings.es-ES.json +2 -0
  137. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-CA.json +2 -0
  138. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-FR.json +2 -0
  139. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +2 -0
  140. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-BR.json +2 -0
  141. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-PT.json +2 -0
  142. package/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.vue +1 -1
  143. package/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.vue +2 -2
  144. package/src/shared/content-settings/components/slider-field/SliderField.mixin.ts +9 -0
  145. package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.ts +17 -11
  146. package/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.vue +4 -1
  147. package/src/shared/navigation-style-settings/store/index.ts +1 -21
  148. 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/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/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.js CHANGED
@@ -31,17 +31,19 @@ export default defineComponent({
31
31
  computed: {
32
32
  colorPickerValue() {
33
33
  return (option) => {
34
- return this.valueFuncDict[option]()
35
- ? RGBAtoHex(this.valueFuncDict[option]())
36
- : '';
34
+ const raw = this.valueFuncDict[option]();
35
+ if (raw) {
36
+ return RGBAtoHex(raw);
37
+ }
38
+ if (option === 'defaultBackgroundColor' ||
39
+ option === 'selectedBackgroundColor') {
40
+ return 'transparent';
41
+ }
42
+ return '';
37
43
  };
38
44
  },
39
45
  navigationStyleOptions() {
40
- const options = this.availableNavigationStyleConfigs.find((c) => c.displayType === this.value.displayType)?.options ?? [];
41
- if (!this.isAdmin && this.value.displayType.includes('hamburger')) {
42
- return options.filter((o) => o !== 'subNavBackgroundColor');
43
- }
44
- return options;
46
+ return (this.availableNavigationStyleConfigs.find((c) => c.displayType === this.value.displayType)?.options ?? []);
45
47
  },
46
48
  isOptionColorMatched() {
47
49
  return (option) => {
package/lib/src/shared/navigation-style-settings/store/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { NavigationDesktop, NavigationMobile, VIEWPORTS } from '@brand-page';
2
- import { NAVIGATION_DISPLAY, DEFAULT_TEXT_ALIGN, STYLE_THEME_KEYS, } from '@brand-page';
2
+ import { NAVIGATION_DISPLAY, DEFAULT_TEXT_ALIGN, getDefaultSubNavBackgroundColor, } from '@brand-page';
3
3
  import { getThemeByTextStyleAndLogoTheme } from '@brand-page/utils/color.util';
4
4
  import { availableNavigationStyleConfigs, navigationStyleTypeConfigs, } from '@brand-page-maker/models/navigation-style-configs';
5
5
  import { assertUnreachable } from '../../../helpers/ts.helper';
@@ -7,17 +7,6 @@ import { defineStore } from 'pinia';
7
7
  import { useUiStore } from '@brand-page-maker/stores';
8
8
  import { useUiStyleSettingsStore } from '../../style-settings/store';
9
9
  import { PAGE_SECTIONS } from '../../page-settings/models';
10
- const getDefaultSubNavBackgroundColor = (defaultTextColor) => {
11
- if (defaultTextColor === STYLE_THEME_KEYS.LogoTextColor ||
12
- defaultTextColor === STYLE_THEME_KEYS.LogoTextMultiColor) {
13
- return STYLE_THEME_KEYS.LogoBackgroundColor;
14
- }
15
- if (defaultTextColor === STYLE_THEME_KEYS.LogoBackgroundColor ||
16
- defaultTextColor === STYLE_THEME_KEYS.LogoBackgroundMultiColor) {
17
- return STYLE_THEME_KEYS.LogoTextColor;
18
- }
19
- return undefined;
20
- };
21
10
  export const createDefaultContentItemState = () => ({
22
11
  isCollapsed: true,
23
12
  groups: {},
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;
@@ -4048,6 +4052,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4048
4052
  id: string;
4049
4053
  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";
4050
4054
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4055
+ topPadding?: number | undefined;
4056
+ bottomPadding?: number | undefined;
4051
4057
  imageUrlOverride?: string | undefined;
4052
4058
  imageUrlsOverride?: string | undefined;
4053
4059
  avatarImageUrlOverride?: string | undefined;
@@ -4097,6 +4103,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4097
4103
  id: string;
4098
4104
  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";
4099
4105
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4106
+ topPadding?: number | undefined;
4107
+ bottomPadding?: number | undefined;
4100
4108
  imageUrlOverride?: string | undefined;
4101
4109
  imageUrlsOverride?: string | undefined;
4102
4110
  avatarImageUrlOverride?: string | undefined;
@@ -4146,6 +4154,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4146
4154
  id: string;
4147
4155
  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";
4148
4156
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4157
+ topPadding?: number | undefined;
4158
+ bottomPadding?: number | undefined;
4149
4159
  imageUrlOverride?: string | undefined;
4150
4160
  imageUrlsOverride?: string | undefined;
4151
4161
  avatarImageUrlOverride?: string | undefined;
@@ -4195,6 +4205,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4195
4205
  id: string;
4196
4206
  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";
4197
4207
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4208
+ topPadding?: number | undefined;
4209
+ bottomPadding?: number | undefined;
4198
4210
  imageUrlOverride?: string | undefined;
4199
4211
  imageUrlsOverride?: string | undefined;
4200
4212
  avatarImageUrlOverride?: string | undefined;
@@ -4244,6 +4256,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4244
4256
  id: string;
4245
4257
  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";
4246
4258
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4259
+ topPadding?: number | undefined;
4260
+ bottomPadding?: number | undefined;
4247
4261
  imageUrlOverride?: string | undefined;
4248
4262
  imageUrlsOverride?: string | undefined;
4249
4263
  avatarImageUrlOverride?: string | undefined;
@@ -4293,6 +4307,8 @@ declare const _default: import("vue").DefineComponent<{}, {
4293
4307
  id: string;
4294
4308
  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";
4295
4309
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4310
+ topPadding?: number | undefined;
4311
+ bottomPadding?: number | undefined;
4296
4312
  imageUrlOverride?: string | undefined;
4297
4313
  imageUrlsOverride?: string | undefined;
4298
4314
  avatarImageUrlOverride?: string | undefined;