@designcrowd/library.brand-page 5.12.14 → 5.12.15

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 (101) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-CLvcrjGD.js → CreatedOnBrandCrowd-de-de-CZd7RKCS.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-IAccZs5I.js → CreatedOnBrandCrowd-en-us-DgUw_Gmk.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-DiT9Jb5Q.js → CreatedOnBrandCrowd-es-es-qmEj0qtS.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-C-ZE-8xH.js → CreatedOnBrandCrowd-fr-fr-WSAFNEbH.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-pt-pt-BmzMx788.js → CreatedOnBrandCrowd-pt-pt-QQsa4zfN.js} +1 -1
  6. package/lib/src/{CreatedOnDcom-de-de-CknEXPtF.js → CreatedOnDcom-de-de-Dgmk8ib6.js} +1 -1
  7. package/lib/src/{CreatedOnDcom-en-us-CNuaCmwO.js → CreatedOnDcom-en-us-u6DK8Fzd.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-es-es-xQmDcCxZ.js → CreatedOnDcom-es-es-CyOJpVzh.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-fr-fr-Ig9ufuyT.js → CreatedOnDcom-fr-fr-CWzC5FlL.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-pt-pt-BcpCcEx4.js → CreatedOnDcom-pt-pt-DVigHaTn.js} +1 -1
  11. package/lib/src/brand-page/components/icon/Icon.mixin.d.ts +1 -1
  12. package/lib/src/brand-page/components/icon/Icon.mixin.js +2 -2
  13. package/lib/src/brand-page/models/content.model.d.ts +1 -1
  14. package/lib/src/brand-page/models/content.model.js +1 -1
  15. package/lib/src/brand-page/models/index.d.ts +7 -13
  16. package/lib/src/brand-page/models/index.js +2 -2
  17. package/lib/src/brand-page/utils/button.util.d.ts +7 -0
  18. package/lib/src/brand-page/utils/button.util.js +29 -0
  19. package/lib/src/brand-page/utils/content-callback-util.js +1 -1
  20. package/lib/src/brand-page/utils/model.util.js +1 -1
  21. package/lib/src/brand-page/utils/style.util.js +7 -1
  22. package/lib/src/brand-page/utils/view-model.util.js +18 -21
  23. package/lib/src/brand-page-maker/components/admin-logo-settings/AdminLogoSettings.mixin.d.ts +2 -2
  24. package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts +18 -18
  25. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.js +2 -0
  26. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.d.ts +2 -2
  27. package/lib/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.js +4 -4
  28. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +20 -20
  29. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.js +2 -0
  30. package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts +1 -1
  31. package/lib/src/brand-page-maker/constants/config-settings-constant.d.ts +4 -2
  32. package/lib/src/brand-page-maker/constants/config-settings-constant.js +24 -5
  33. package/lib/src/brand-page-maker/constants/personalisation.constant.js +1 -1
  34. package/lib/src/brand-page-maker/models/content-settings.js +20 -2
  35. package/lib/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.js +0 -1
  36. package/lib/src/brand-page-maker/utils/rich-text-editor.util.js +80 -0
  37. package/lib/src/{bundled-translations-5b693qBQ.js → bundled-translations-DEYhoqLM.js} +10 -10
  38. package/lib/src/{bundled-translations.de-DE-Baq37kiT.js → bundled-translations.de-DE-B3NNo7JX.js} +22 -22
  39. package/lib/src/{bundled-translations.es-ES-BZB7Rc2f.js → bundled-translations.es-ES-_4IspVbp.js} +7 -7
  40. package/lib/src/{bundled-translations.fr-FR-QQJaBYEl.js → bundled-translations.fr-FR-9CdErV_a.js} +5 -5
  41. package/lib/src/{bundled-translations.pt-PT-DXFlBwc9.js → bundled-translations.pt-PT-BSmtPIMr.js} +12 -12
  42. package/lib/src/bundles/bundled-translations.de-DE.json +9 -8
  43. package/lib/src/bundles/bundled-translations.es-ES.json +10 -9
  44. package/lib/src/bundles/bundled-translations.fr-FR.json +3 -2
  45. package/lib/src/bundles/bundled-translations.json +2 -1
  46. package/lib/src/bundles/bundled-translations.pt-PT.json +14 -13
  47. package/lib/src/css/library.brand-page-brandCrowd.min.css +17 -17
  48. package/lib/src/css/library.brand-page-brandPage.min.css +17 -17
  49. package/lib/src/css/library.brand-page-designCom.min.css +17 -17
  50. package/lib/src/css/library.brand-page-preview.min.css +17 -17
  51. package/lib/src/index.mjs +67 -65
  52. package/lib/src/{lib-BxhpFccU.js → lib--oa9Rosp.js} +17834 -17682
  53. package/lib/src/plugins/bundle-translations-plugin/bundle-translations-plugin.js +2 -4
  54. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts +20 -20
  55. package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.js +2 -0
  56. package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts +21 -21
  57. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItem.mixin.d.ts +20 -20
  58. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts +18 -18
  59. package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.js +7 -1
  60. package/lib/src/shared/content-settings/components/focused-content-item-settings/FocusedContentItemSettings.mixin.d.ts +18 -18
  61. package/lib/src/shared/content-settings/store/content-settings-store.d.ts +18 -18
  62. package/lib/src/shared/page-settings/components/delete-page-modal/DeletePageModal.mixin.d.ts +1 -1
  63. package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts +22 -22
  64. package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts +20 -20
  65. package/package.json +1 -1
  66. package/src/brand-page/components/icon/Icon.mixin.ts +2 -2
  67. package/src/brand-page/components/icon/Icon.vue +1 -1
  68. package/src/brand-page/components/text-media-section/TextMediaSection.vue +14 -0
  69. package/src/brand-page/models/content.model.ts +1 -1
  70. package/src/brand-page/models/index.ts +9 -15
  71. package/src/brand-page/utils/__snapshots__/migration.util.test.ts.snap +12 -12
  72. package/src/brand-page/utils/__snapshots__/migration2.util.test.ts.snap +4 -4
  73. package/src/brand-page/utils/__snapshots__/model.util.test.ts.snap +8 -8
  74. package/src/brand-page/utils/button.util.ts +39 -0
  75. package/src/brand-page/utils/content-callback-util.ts +1 -1
  76. package/src/brand-page/utils/model.util.ts +1 -1
  77. package/src/brand-page/utils/style.util.ts +7 -1
  78. package/src/brand-page/utils/view-model.util.ts +21 -30
  79. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/brand-page-examples.ts +2 -0
  80. package/src/brand-page-maker/components/brand-page-maker/__fixtures__/content-settings-items.fixture.ts +6 -6
  81. package/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.ts +2 -0
  82. package/src/brand-page-maker/constants/config-settings-constant.ts +38 -7
  83. package/src/brand-page-maker/constants/personalisation.constant.ts +1 -1
  84. package/src/brand-page-maker/models/content-settings.ts +20 -2
  85. package/src/brand-page-maker/stores/brandpage-container/brand-page-container-store.ts +0 -2
  86. package/src/brand-page-maker/stores/brandpage-maker/__snapshots__/brandpage-maker-store.test.ts.snap +1 -1
  87. package/src/brand-page-maker/utils/rich-text-editor.util.ts +156 -0
  88. package/src/bundles/bundled-translations.de-DE.json +9 -8
  89. package/src/bundles/bundled-translations.es-ES.json +10 -9
  90. package/src/bundles/bundled-translations.fr-FR.json +3 -2
  91. package/src/bundles/bundled-translations.json +2 -1
  92. package/src/bundles/bundled-translations.pt-PT.json +14 -13
  93. package/src/plugins/bundle-translations-plugin/bundle-translations-plugin.ts +3 -6
  94. package/src/shared/content-settings/components/content-settings/ContentSettings.mixin.ts +2 -0
  95. package/src/shared/content-settings/components/content-settings/i18n/content-settings.de-DE.json +9 -8
  96. package/src/shared/content-settings/components/content-settings/i18n/content-settings.es-ES.json +10 -9
  97. package/src/shared/content-settings/components/content-settings/i18n/content-settings.fr-FR.json +3 -2
  98. package/src/shared/content-settings/components/content-settings/i18n/content-settings.json +2 -1
  99. package/src/shared/content-settings/components/content-settings/i18n/content-settings.pt-PT.json +14 -13
  100. package/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.ts +7 -1
  101. /package/src/brand-page/components/icon/icons/{Twitter.vue → X.vue} +0 -0
package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts CHANGED
@@ -15,11 +15,11 @@ declare const _default: import("vue").DefineComponent<{}, {
15
15
  slug: string;
16
16
  contents: {
17
17
  id: string;
18
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
18
+ 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";
19
19
  settings: {
20
20
  content: {
21
21
  id: string;
22
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
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
24
  imageUrlOverride?: string | undefined;
25
25
  imageUrlsOverride?: string | undefined;
@@ -43,11 +43,11 @@ declare const _default: import("vue").DefineComponent<{}, {
43
43
  }[], PageField[]>;
44
44
  items: import("vue").ComputedRef<{
45
45
  id: string;
46
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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
+ 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";
47
47
  settings: {
48
48
  content: {
49
49
  id: string;
50
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
50
+ 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
51
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
52
52
  imageUrlOverride?: string | undefined;
53
53
  imageUrlsOverride?: string | undefined;
@@ -3960,7 +3960,7 @@ declare const _default: import("vue").DefineComponent<{}, {
3960
3960
  contentErrorCount(): number;
3961
3961
  getContent(state: {
3962
3962
  addContentOptions: {
3963
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3963
+ 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";
3964
3964
  category: string;
3965
3965
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
3966
3966
  displayName: string;
@@ -3971,11 +3971,11 @@ declare const _default: import("vue").DefineComponent<{}, {
3971
3971
  }[];
3972
3972
  items: {
3973
3973
  id: string;
3974
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3974
+ 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";
3975
3975
  settings: {
3976
3976
  content: {
3977
3977
  id: string;
3978
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3978
+ 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";
3979
3979
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3980
3980
  imageUrlOverride?: string | undefined;
3981
3981
  imageUrlsOverride?: string | undefined;
@@ -4009,7 +4009,7 @@ declare const _default: import("vue").DefineComponent<{}, {
4009
4009
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => Content | undefined;
4010
4010
  getFieldSettings(state: {
4011
4011
  addContentOptions: {
4012
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4012
+ 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";
4013
4013
  category: string;
4014
4014
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
4015
4015
  displayName: string;
@@ -4020,11 +4020,11 @@ declare const _default: import("vue").DefineComponent<{}, {
4020
4020
  }[];
4021
4021
  items: {
4022
4022
  id: string;
4023
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4023
+ 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";
4024
4024
  settings: {
4025
4025
  content: {
4026
4026
  id: string;
4027
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4027
+ 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";
4028
4028
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4029
4029
  imageUrlOverride?: string | undefined;
4030
4030
  imageUrlsOverride?: string | undefined;
@@ -4058,7 +4058,7 @@ declare const _default: import("vue").DefineComponent<{}, {
4058
4058
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => import("../../../content-settings/models").ContentItemFieldSettings | undefined;
4059
4059
  getItem(state: {
4060
4060
  addContentOptions: {
4061
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4061
+ 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";
4062
4062
  category: string;
4063
4063
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
4064
4064
  displayName: string;
@@ -4069,11 +4069,11 @@ declare const _default: import("vue").DefineComponent<{}, {
4069
4069
  }[];
4070
4070
  items: {
4071
4071
  id: string;
4072
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4072
+ 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";
4073
4073
  settings: {
4074
4074
  content: {
4075
4075
  id: string;
4076
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4076
+ 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";
4077
4077
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4078
4078
  imageUrlOverride?: string | undefined;
4079
4079
  imageUrlsOverride?: string | undefined;
@@ -4107,7 +4107,7 @@ declare const _default: import("vue").DefineComponent<{}, {
4107
4107
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => ContentItem<any> | undefined;
4108
4108
  getValue(state: {
4109
4109
  addContentOptions: {
4110
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4110
+ type: "website" | "image" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "facebook" | "x" | "instagram" | "youtube" | "linkedin" | "pinterest" | "twitch" | "tiktok" | "map" | "image-gallery" | "mailing-list" | "request-payment" | "support-me" | "contact-form" | "banner-section" | "about-section" | "divider-section" | "images-section" | "testimonial-section" | "social-links" | "shapes-section" | "shop-section" | "booking-section";
4111
4111
  category: string;
4112
4112
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
4113
4113
  displayName: string;
@@ -4118,11 +4118,11 @@ declare const _default: import("vue").DefineComponent<{}, {
4118
4118
  }[];
4119
4119
  items: {
4120
4120
  id: string;
4121
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4121
+ 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";
4122
4122
  settings: {
4123
4123
  content: {
4124
4124
  id: string;
4125
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4125
+ 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";
4126
4126
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4127
4127
  imageUrlOverride?: string | undefined;
4128
4128
  imageUrlsOverride?: string | undefined;
@@ -4156,7 +4156,7 @@ declare const _default: import("vue").DefineComponent<{}, {
4156
4156
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | Content | undefined;
4157
4157
  getItemState(state: {
4158
4158
  addContentOptions: {
4159
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4159
+ 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";
4160
4160
  category: string;
4161
4161
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
4162
4162
  displayName: string;
@@ -4167,11 +4167,11 @@ declare const _default: import("vue").DefineComponent<{}, {
4167
4167
  }[];
4168
4168
  items: {
4169
4169
  id: string;
4170
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4170
+ 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";
4171
4171
  settings: {
4172
4172
  content: {
4173
4173
  id: string;
4174
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4174
+ 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";
4175
4175
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4176
4176
  imageUrlOverride?: string | undefined;
4177
4177
  imageUrlsOverride?: string | undefined;
@@ -4205,7 +4205,7 @@ declare const _default: import("vue").DefineComponent<{}, {
4205
4205
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("../../../content-settings/models").ContentSettingsItemState;
4206
4206
  getItemGroupState(state: {
4207
4207
  addContentOptions: {
4208
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4208
+ 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";
4209
4209
  category: string;
4210
4210
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => Content;
4211
4211
  displayName: string;
@@ -4216,11 +4216,11 @@ declare const _default: import("vue").DefineComponent<{}, {
4216
4216
  }[];
4217
4217
  items: {
4218
4218
  id: string;
4219
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4219
+ 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";
4220
4220
  settings: {
4221
4221
  content: {
4222
4222
  id: string;
4223
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4223
+ 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";
4224
4224
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4225
4225
  imageUrlOverride?: string | undefined;
4226
4226
  imageUrlsOverride?: string | undefined;
package/lib/src/shared/page-settings/components/page-settings-section-styles/PageSettingsSectionStyles.mixin.d.ts CHANGED
@@ -3400,7 +3400,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3400
3400
  contentErrorCount(): number;
3401
3401
  getContent(state: {
3402
3402
  addContentOptions: {
3403
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3403
+ 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";
3404
3404
  category: string;
3405
3405
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
3406
3406
  displayName: string;
@@ -3411,11 +3411,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3411
3411
  }[];
3412
3412
  items: {
3413
3413
  id: string;
3414
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3414
+ 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";
3415
3415
  settings: {
3416
3416
  content: {
3417
3417
  id: string;
3418
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3418
+ 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";
3419
3419
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3420
3420
  imageUrlOverride?: string | undefined;
3421
3421
  imageUrlsOverride?: string | undefined;
@@ -3449,7 +3449,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3449
3449
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("../../../../brand-page").Content | undefined;
3450
3450
  getFieldSettings(state: {
3451
3451
  addContentOptions: {
3452
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3452
+ 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";
3453
3453
  category: string;
3454
3454
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
3455
3455
  displayName: string;
@@ -3460,11 +3460,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3460
3460
  }[];
3461
3461
  items: {
3462
3462
  id: string;
3463
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3463
+ 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";
3464
3464
  settings: {
3465
3465
  content: {
3466
3466
  id: string;
3467
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3467
+ 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";
3468
3468
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3469
3469
  imageUrlOverride?: string | undefined;
3470
3470
  imageUrlsOverride?: string | undefined;
@@ -3498,7 +3498,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3498
3498
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => ContentItemFieldSettings | undefined;
3499
3499
  getItem(state: {
3500
3500
  addContentOptions: {
3501
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3501
+ 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";
3502
3502
  category: string;
3503
3503
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
3504
3504
  displayName: string;
@@ -3509,11 +3509,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3509
3509
  }[];
3510
3510
  items: {
3511
3511
  id: string;
3512
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3512
+ 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";
3513
3513
  settings: {
3514
3514
  content: {
3515
3515
  id: string;
3516
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3516
+ 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";
3517
3517
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3518
3518
  imageUrlOverride?: string | undefined;
3519
3519
  imageUrlsOverride?: string | undefined;
@@ -3547,7 +3547,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3547
3547
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("../../../content-settings/models").ContentItem<any> | undefined;
3548
3548
  getValue(state: {
3549
3549
  addContentOptions: {
3550
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3550
+ 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";
3551
3551
  category: string;
3552
3552
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
3553
3553
  displayName: string;
@@ -3558,11 +3558,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3558
3558
  }[];
3559
3559
  items: {
3560
3560
  id: string;
3561
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3561
+ 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";
3562
3562
  settings: {
3563
3563
  content: {
3564
3564
  id: string;
3565
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3565
+ 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";
3566
3566
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3567
3567
  imageUrlOverride?: string | undefined;
3568
3568
  imageUrlsOverride?: string | undefined;
@@ -3596,7 +3596,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3596
3596
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string, fieldName: string) => string | import("../../../../brand-page").Content | undefined;
3597
3597
  getItemState(state: {
3598
3598
  addContentOptions: {
3599
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
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";
3600
3600
  category: string;
3601
3601
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
3602
3602
  displayName: string;
@@ -3607,11 +3607,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3607
3607
  }[];
3608
3608
  items: {
3609
3609
  id: string;
3610
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3610
+ 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";
3611
3611
  settings: {
3612
3612
  content: {
3613
3613
  id: string;
3614
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3614
+ 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";
3615
3615
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3616
3616
  imageUrlOverride?: string | undefined;
3617
3617
  imageUrlsOverride?: string | undefined;
@@ -3645,7 +3645,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3645
3645
  } & import("pinia").PiniaCustomStateProperties<import("../../../content-settings/store").ContentSettingsState>): (id: string) => import("../../../content-settings/models").ContentSettingsItemState;
3646
3646
  getItemGroupState(state: {
3647
3647
  addContentOptions: {
3648
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3648
+ 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";
3649
3649
  category: string;
3650
3650
  createInitialContent: (options: import("../../../content-settings/models").CreateInitialContentOptions) => import("../../../../brand-page").Content;
3651
3651
  displayName: string;
@@ -3656,11 +3656,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
3656
3656
  }[];
3657
3657
  items: {
3658
3658
  id: string;
3659
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3659
+ 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";
3660
3660
  settings: {
3661
3661
  content: {
3662
3662
  id: string;
3663
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
3663
+ 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";
3664
3664
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
3665
3665
  imageUrlOverride?: string | undefined;
3666
3666
  imageUrlsOverride?: string | undefined;
@@ -4252,11 +4252,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
4252
4252
  slug: string;
4253
4253
  contents: {
4254
4254
  id: string;
4255
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4255
+ 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";
4256
4256
  settings: {
4257
4257
  content: {
4258
4258
  id: string;
4259
- type: "website" | "image" | "facebook" | "twitter" | "email" | "phone" | "logo" | "general-link" | "profile" | "video" | "text" | "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";
4259
+ 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";
4260
4260
  personalisationRole?: "website" | "email" | "phone" | "profile" | "about" | "information" | "media" | undefined;
4261
4261
  imageUrlOverride?: string | undefined;
4262
4262
  imageUrlsOverride?: string | undefined;
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.12.14",
4
+ "version": "5.12.15",
5
5
  "author": "Design.com Eng",
6
6
  "license": "UNLICENSED",
7
7
  "type": "module",
package/src/brand-page/components/icon/Icon.mixin.ts CHANGED
@@ -63,7 +63,7 @@ import IconThumbsUp from './icons/ThumbsUp.vue';
63
63
  import IconTikTok from './icons/TikTok.vue';
64
64
  import IconTumblr from './icons/Tumblr.vue';
65
65
  import IconTwitch from './icons/Twitch.vue';
66
- import IconTwitter from './icons/Twitter.vue';
66
+ import IconX from './icons/X.vue';
67
67
  import IconUser from './icons/User.vue';
68
68
  import IconUtensils from './icons/Utensils.vue';
69
69
  import IconVideo from './icons/Video.vue';
@@ -131,7 +131,7 @@ export default defineComponent({
131
131
  IconTikTok,
132
132
  IconTumblr,
133
133
  IconTwitch,
134
- IconTwitter,
134
+ IconX,
135
135
  IconUser,
136
136
  IconUtensils,
137
137
  IconVideo,
package/src/brand-page/components/icon/Icon.vue CHANGED
@@ -67,7 +67,7 @@
67
67
  <IconTikTok v-if="name === 'tiktok'" />
68
68
  <IconTumblr v-if="name === 'tumblr'" />
69
69
  <IconTwitch v-if="name === 'twitch'" />
70
- <IconTwitter v-if="name === 'twitter'" />
70
+ <IconX v-if="name === 'x'" />
71
71
  <IconThreads v-if="name === 'threads'" />
72
72
  <IconUser v-if="name === 'user'" />
73
73
  <IconUtensils v-if="name === 'utensils'" />
package/src/brand-page/components/text-media-section/TextMediaSection.vue CHANGED
@@ -21,12 +21,24 @@
21
21
  v-if="viewModel.title"
22
22
  :text-style="viewModel.titleStyle"
23
23
  :text="viewModel.title"
24
+ :slug="context.brandPageSlug"
24
25
  element="h1"
25
26
  class="tw-w-full tw-pb-8 tw-box-border tw-text-center"
26
27
  :attrs="{
27
28
  'data-test-tag': 'img-section-title',
28
29
  }"
29
30
  />
31
+ <TextWrapper
32
+ v-if="viewModel.description"
33
+ :text-style="viewModel.descriptionStyle"
34
+ :text="viewModel.description"
35
+ :slug="context.brandPageSlug"
36
+ element="div"
37
+ class="tw-w-full tw-pb-8 tw-box-border tw-text-center"
38
+ :attrs="{
39
+ 'data-test-tag': 'img-section-description',
40
+ }"
41
+ />
30
42
  <div
31
43
  class="c_text-media--items tw-justify-center"
32
44
  :class="{
@@ -89,12 +101,14 @@
89
101
  <TextWrapper
90
102
  :text-style="viewModel.headingStyle"
91
103
  :text="item.title"
104
+ :slug="context.brandPageSlug"
92
105
  element="p"
93
106
  data-test-tag-image-title
94
107
  />
95
108
  <TextWrapper
96
109
  :text="renderText(item.paragraph)"
97
110
  :text-style="viewModel.paragraphStyle"
111
+ :slug="context.brandPageSlug"
98
112
  element="p"
99
113
  data-test-tag-image-paragraph
100
114
  />
package/src/brand-page/models/content.model.ts CHANGED
@@ -9,7 +9,7 @@ export const CONTENT_TYPES = {
9
9
  phone: 'phone',
10
10
  text: 'text',
11
11
  facebook: 'facebook',
12
- twitter: 'twitter',
12
+ x: 'x',
13
13
  instagram: 'instagram',
14
14
  youtube: 'youtube',
15
15
  linkedin: 'linkedin',
package/src/brand-page/models/index.ts CHANGED
@@ -197,7 +197,7 @@ export type WebsiteContent = ButtonContent;
197
197
  export type EmailContent = ButtonContent;
198
198
  export type PhoneContent = ButtonContent;
199
199
  export type FacebookContent = ButtonContent;
200
- export type TwitterContent = ButtonContent;
200
+ export type XContent = ButtonContent;
201
201
  export type InstagramContent = ButtonContent;
202
202
  export type YoutubeContent = ButtonContent;
203
203
  export type LinkedInContent = ButtonContent;
@@ -435,13 +435,12 @@ export interface TextMediaItem extends ImageItem {
435
435
 
436
436
  export interface TextShapeItem extends TextMediaItem {
437
437
  colorReplacements: ColorReplacement[];
438
- mediaType: 'shape';
439
438
  aspectRatio?: number | null;
440
439
  }
441
440
 
442
441
  export interface ShapeItem extends ImageItem {
443
442
  colorReplacements: ColorReplacement[];
444
- mediaType: 'shape';
443
+ mediaType: MediaType;
445
444
  title?: string;
446
445
  paragraph?: string;
447
446
 
@@ -481,25 +480,20 @@ export interface ShapesSectionContent extends Content, MediaSection {
481
480
  cardStyle: BrandPageCssStyle;
482
481
  }
483
482
 
484
- export interface ImagesSectionContent extends Content {
483
+ export interface ImagesSectionContent extends Content, MediaSection {
485
484
  type: 'images-section';
486
- title: string;
487
- displayStyle: ImagesSectionContentDisplayStyle;
488
485
  aspectRatio: AspectRatio;
489
486
  areImagesFullWidth: boolean;
490
- items: TextMediaItem[];
491
- backgroundStyle: BrandPageCssStyle;
492
- titleStyle: TextStyleDeclaration;
493
- headingStyle: TextStyleDeclaration;
494
- paragraphStyle: TextStyleDeclaration;
495
487
  cardStyle: BrandPageCssStyle;
496
488
  }
497
489
 
498
490
  export interface MediaSection extends Content {
499
491
  title: string;
500
- displayStyle: string;
501
- items: TextShapeItem[];
492
+ description: string;
493
+ displayStyle: ImagesSectionContentDisplayStyle;
494
+ items: TextShapeItem[] | TextMediaItem[];
502
495
  titleStyle: TextStyleDeclaration;
496
+ descriptionStyle: TextStyleDeclaration;
503
497
  headingStyle: TextStyleDeclaration;
504
498
  paragraphStyle: TextStyleDeclaration;
505
499
  backgroundStyle: BrandPageCssStyle;
@@ -816,9 +810,9 @@ export abstract class AbstractPageFooterStyles {
816
810
  {
817
811
  width: 0,
818
812
  height: 0,
819
- imageUrl: 'twitter',
813
+ imageUrl: 'x',
820
814
  imageTitle: '',
821
- url: 'https://www.twitter.com',
815
+ url: 'https://www.x.com',
822
816
  mediaType: 'image',
823
817
  imageLink: '',
824
818
  },