@designcrowd/library.brand-page 6.2.16 → 6.2.17-header-logo-2

package/lib/src/shared/content-settings/store/content-settings-store.js

@@ -3,7 +3,7 @@ import { CONTENT_TEXT_STYLE_PROPERTY_KEYS } from '@brand-page';
 import { applyTextContrast } from '@brand-page/utils/container-text-color.util';
 import { normalizeTextStyleAgainstRole as normalizeAgainstRole } from '@brand-page/utils/text-style.util';
 import { authorContentRteFields, isTiptapDocument, relinkRoleEqualMarks, } from '@brand-page-maker/utils';
-import { pairedRteTextField } from '../../color-strategies/rte-field-pairs';
+import { forEachRteItemField, pairedRteTextField, } from '../../color-strategies/rte-field-pairs';
 import { CONTENT_SETTINGS_CONFIGS, SIDE_BAR_TAB_NAMES, } from '@brand-page-maker/constants';
 import { RESERVED_FIELD_NAMES } from '../constants';
 import { UI_EVENT_SOURCES } from '../../models';
@@ -321,8 +321,10 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
                 previousRole,
             ];
             let relinkedRte = false;
-            // A text item's editors share one field, so a relinked sibling item remounts the active one too.
+            // A list's editors share one field, so a relinked sibling item remounts the active one too.
             let relinkedInActiveField = false;
+            // The mounted field of an active list item's editor: a list's editors all live under it.
+            let activeListField;
             const relink = (doc, inActiveField = false) => {
                 if (!isTiptapDocument(doc))
                     return doc;
@@ -351,6 +353,22 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
                         content[textField] = relink(content[textField]);
                     }
                 }
+                // List items (each FAQ question and answer) follow the section's shared style (normalized
+                // above) but keep their own doc.
+                forEachRteItemField(sectionType, content, (listItem, pair) => {
+                    const style = content[pair.styleField];
+                    if (style?.textStyleType !== type)
+                        return;
+                    const isActiveList = !!active?.itemId && active.id === item.id;
+                    if (isActiveList)
+                        activeListField = pair.itemsField;
+                    listItem[pair.textField] =
+                        isActiveList &&
+                            active.name === pair.textField &&
+                            active.itemId === listItem.id
+                            ? active.doc
+                            : relink(listItem[pair.textField], isActiveList);
+                });
                 const textItems = content.textItems;
                 if (Array.isArray(textItems)) {
                     const isActiveField = !!active && active.id === item.id && active.name === 'textItems';
@@ -371,7 +389,9 @@ export const useUiContentSettingsStore = defineStore('uiContentSettings', {
             // A mounted sibling editor holds its own copy of the doc and would write it back.
             if (relinkedRte) {
                 useHistoryStore().markRteResync(active && !relinkedInActiveField
-                    ? { except: { id: active.id, name: active.name } }
+                    ? {
+                        except: { id: active.id, name: activeListField ?? active.name },
+                    }
                     : undefined);
             }
             this.onContentChanged();

package/lib/src/shared/logo-settings/components/EditLogoSettings.mixin.d.ts

@@ -139,7 +139,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         setState(payload: {
             newState: import("../store/logo-settings-store").LogoSettingsState;
         }): void;
-        addDefaultLogoContentToCurrentPage(): void;
         setLogoImageToAllContentsAndSections({ logoImage, keepLogoVariation, }: {
             logoImage: import("../../../brand-page").LogoImageModel;
             keepLogoVariation?: boolean;
@@ -275,6 +274,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             attempted_bytes: number;
             source: string;
         }) => void;
+        sendWebsiteMakerUpdateHeaderLogoEvent: (props: {
+            setting: string;
+            viewport: string;
+        }) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;

package/lib/src/shared/logo-settings/components/LogoSettings.mixin.d.ts

@@ -19,7 +19,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         setState(payload: {
             newState: import("../store").LogoSettingsState;
         }): void;
-        addDefaultLogoContentToCurrentPage(): void;
         setLogoImageToAllContentsAndSections({ logoImage, keepLogoVariation, }: {
             logoImage: import("../../../brand-page").LogoImageModel;
             keepLogoVariation?: boolean;

package/lib/src/shared/logo-settings/components/LogoSettingsHeader.mixin.d.ts

@@ -27,7 +27,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setState(payload: {
             newState: import("../store").LogoSettingsState;
         }): void;
-        addDefaultLogoContentToCurrentPage(): void;
         setLogoImageToAllContentsAndSections({ logoImage, keepLogoVariation, }: {
             logoImage: import("../../../brand-page").LogoImageModel;
             keepLogoVariation?: boolean;

package/lib/src/shared/logo-settings/store/logo-settings-store.d.ts

@@ -25,7 +25,6 @@ export declare const useUiLogoSettingsStore: import("pinia").StoreDefinition<"ui
     setState(payload: {
         newState: LogoSettingsState;
     }): void;
-    addDefaultLogoContentToCurrentPage(): void;
     setLogoImageToAllContentsAndSections({ logoImage, keepLogoVariation, }: {
         logoImage: LogoImageModel;
         keepLogoVariation?: boolean;

package/lib/src/shared/logo-settings/store/logo-settings-store.js

@@ -2,7 +2,6 @@ import { defineStore } from 'pinia';
 import { EMPTY_LOGO_IMAGE_MODEL, LOGO_VARIATION, VIEWPORTS } from '@brand-page';
 import { parseLogoThemeToCssStyles } from '@brand-page/utils';
 import { useUiStore, useBrandPageMakerStore } from '@brand-page-maker/stores';
-import { useUiContentSettingsStore } from '../../content-settings/store';
 import { useUiPageSettingsStore } from '../../page-settings/store';
 import { useUiBackgroundSettingsStore } from '../../background-settings/store';
 import { PAGE_SECTIONS } from '../../page-settings/models';
@@ -29,32 +28,6 @@ export const useUiLogoSettingsStore = defineStore('uiLogoSettings', {
             }
             this.$patch(payload.newState);
         },
-        addDefaultLogoContentToCurrentPage() {
-            const uiContentSettingsStore = useUiContentSettingsStore();
-            const pageSettingsStore = useUiPageSettingsStore();
-            const desktopPageHeader = pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop];
-            let logoContentItems = uiContentSettingsStore.items.filter((i) => i.type === 'logo');
-            if (logoContentItems.length === 0) {
-                uiContentSettingsStore.addItemByType({
-                    type: 'logo',
-                    index: 0,
-                });
-                logoContentItems = uiContentSettingsStore.items.filter((i) => i.type === 'logo');
-            }
-            logoContentItems.forEach((item) => {
-                const oldLogoContent = item.settings.content;
-                const content = Object.assign({}, oldLogoContent, {
-                    logoImage: JSON.parse(JSON.stringify(desktopPageHeader.logoImage)),
-                    logoTemplateImage: this.selectedLogoTemplateImage,
-                    logoImageBase64Url: desktopPageHeader.logoImageBase64Url,
-                });
-                const update = {
-                    id: item.id,
-                    content,
-                };
-                uiContentSettingsStore.updateContent(update);
-            });
-        },
         setLogoImageToAllContentsAndSections({ logoImage, keepLogoVariation, }) {
             const pageSettingsStore = useUiPageSettingsStore();
             [PAGE_SECTIONS.header, PAGE_SECTIONS.footer].forEach((section) => {
@@ -97,54 +70,30 @@ export const useUiLogoSettingsStore = defineStore('uiLogoSettings', {
                 ...EMPTY_LOGO_IMAGE_MODEL,
             };
             this.setSelectedLogoImage(selectedLogoImage);
-            const uiContentSettingsStore = useUiContentSettingsStore();
             const brandPageMakerStore = useBrandPageMakerStore();
             const pageSettingsStore = useUiPageSettingsStore();
-            if (brandPageMakerStore.isBrandSite) {
+            [VIEWPORTS.desktop, VIEWPORTS.mobile].forEach((viewport) => {
                 pageSettingsStore.setPageSettingsSectionLogoImage({
                     sectionName: PAGE_SECTIONS.header,
                     logoImage: selectedLogoImage,
                     logoTemplateImage: payload.selectedLogoTemplateImage,
                     logoImageBase64Url: payload.selectedLogoImageBase64Url,
-                    viewport: VIEWPORTS.desktop,
+                    viewport,
                 });
-                pageSettingsStore.setPageSettingsSectionLogoImage({
-                    sectionName: PAGE_SECTIONS.header,
-                    logoImage: selectedLogoImage,
-                    logoTemplateImage: payload.selectedLogoTemplateImage,
-                    logoImageBase64Url: payload.selectedLogoImageBase64Url,
-                    viewport: VIEWPORTS.mobile,
-                });
-                pageSettingsStore.setPageSettingsSectionLogoImage({
-                    sectionName: PAGE_SECTIONS.footer,
-                    logoImage: selectedLogoImage,
-                    logoTemplateImage: payload.selectedLogoTemplateImage,
-                    logoImageBase64Url: payload.selectedLogoImageBase64Url,
-                    viewport: VIEWPORTS.desktop,
-                });
-                pageSettingsStore.setPageSettingsSectionLogoImage({
-                    sectionName: PAGE_SECTIONS.footer,
-                    logoImage: selectedLogoImage,
-                    logoTemplateImage: payload.selectedLogoTemplateImage,
-                    logoImageBase64Url: payload.selectedLogoImageBase64Url,
-                    viewport: VIEWPORTS.mobile,
-                });
-                return;
-            }
-            let logoContentItems = uiContentSettingsStore.items.filter((i) => i.type === 'logo');
-            if (logoContentItems.length === 0) {
-                uiContentSettingsStore.addItemByType({
-                    type: 'logo',
-                    index: 0,
+            });
+            if (brandPageMakerStore.isBrandSite) {
+                [VIEWPORTS.desktop, VIEWPORTS.mobile].forEach((viewport) => {
+                    pageSettingsStore.setPageSettingsSectionLogoImage({
+                        sectionName: PAGE_SECTIONS.footer,
+                        logoImage: selectedLogoImage,
+                        logoTemplateImage: payload.selectedLogoTemplateImage,
+                        logoImageBase64Url: payload.selectedLogoImageBase64Url,
+                        viewport,
+                    });
                 });
-                logoContentItems = uiContentSettingsStore.items.filter((i) => i.type === 'logo');
-            }
-            if (logoContentItems.length === 0) {
-                if (process.env.NODE_ENV !== 'production') {
-                    console.error('Unable to locate any logo item');
-                }
                 return;
             }
+            // Blocks still on a page are kept in sync; none is added.
             pageSettingsStore.pages.forEach((p) => {
                 const logoContents = p.contents.filter((i) => i.type === 'logo');
                 logoContents.forEach((item) => {
@@ -215,40 +164,21 @@ export const useUiLogoSettingsStore = defineStore('uiLogoSettings', {
     },
     getters: {
         selectedLogoImageUrl() {
-            const uiContentStore = useUiContentSettingsStore();
-            const brandPageMakerStore = useBrandPageMakerStore();
-            if (brandPageMakerStore.isBrandSite) {
-                const pageSettingsStore = useUiPageSettingsStore();
-                const desktopPageHeader = pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop];
-                const logoImageUrl = desktopPageHeader.logoTemplateImage
-                    ?.logoTemplateToken
-                    ? logoUtil.getLogoTemplateUrlByLogoTemplateImage(desktopPageHeader.logoTemplateImage)
-                    : logoUtil.getLogoVariationUrlByLogoImage(desktopPageHeader.logoImage);
-                return {
-                    logoImageUrl,
-                    logoImageBase64Url: desktopPageHeader.logoImageBase64Url,
-                };
-            }
-            const logoContentItem = uiContentStore.items?.find((i) => i.type === 'logo');
-            const logoImageUrl = logoContentItem?.settings.content.logoTemplateImage
-                ? logoUtil.getLogoTemplateUrlByLogoTemplateImage(logoContentItem.settings.content.logoTemplateImage)
-                : logoContentItem?.settings.content.logoImage
-                    ? logoUtil.getLogoVariationUrlByLogoImage(logoContentItem.settings.content.logoImage)
-                    : undefined;
+            const pageSettingsStore = useUiPageSettingsStore();
+            const desktopPageHeader = pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop];
+            const logoImageUrl = desktopPageHeader.logoTemplateImage
+                ?.logoTemplateToken
+                ? logoUtil.getLogoTemplateUrlByLogoTemplateImage(desktopPageHeader.logoTemplateImage)
+                : logoUtil.getLogoVariationUrlByLogoImage(desktopPageHeader.logoImage);
             return {
-                logoImageUrl: logoImageUrl || this.logoVariationImageUrls[0],
-                logoImageBase64Url: logoContentItem?.settings.content.logoImageBase64Url,
+                logoImageUrl,
+                logoImageBase64Url: desktopPageHeader.logoImageBase64Url,
             };
         },
         selectedLogoTemplateImage() {
-            const brandPageMakerStore = useBrandPageMakerStore();
             const pageSettingsStore = useUiPageSettingsStore();
-            if (brandPageMakerStore.isBrandSite) {
-                const desktopPageHeader = pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop];
-                return desktopPageHeader.logoTemplateImage;
-            }
-            const defaultLogoOnHomePage = pageSettingsStore.pages[0].contents.find((i) => i.type === 'logo');
-            return defaultLogoOnHomePage?.settings.content.logoTemplateImage;
+            return pageSettingsStore.sections[PAGE_SECTIONS.header][VIEWPORTS.desktop]
+                .logoTemplateImage;
         },
         logoVariationImageUrls() {
             return Object.values(LOGO_VARIATION).reduce((acc, variation) => {

package/lib/src/shared/my-designs/MyDesigns.mixin.d.ts

@@ -54,7 +54,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         setState(payload: {
             newState: import("../logo-settings/store").LogoSettingsState;
         }): void;
-        addDefaultLogoContentToCurrentPage(): void;
         setLogoImageToAllContentsAndSections({ logoImage, keepLogoVariation, }: {
             logoImage: import("../../brand-page").LogoImageModel;
             keepLogoVariation?: boolean;

package/lib/src/shared/navigation-style-settings/store/index.d.ts

@@ -24,11 +24,6 @@ export declare const useUiNavigationStyleSettingsStore: import("pinia").StoreDef
     setState({ newState, }: {
         newState: Omit<NavigationStyleSettingsState, "availableNavigationStyleConfigs" | "navigationStyleTypeConfigs">;
     }): void;
-    setNavigationOrder({ section, renderAfterLogo, viewport, }: {
-        section: PageSection;
-        renderAfterLogo: boolean;
-        viewport: ViewportsType;
-    }): void;
     _setDefaultButtonStyle({ displayType, section, style, viewport, ownsTypography, }: {
         displayType: NavigationDisplayType;
         section: PageSection;

package/lib/src/shared/navigation-style-settings/store/index.js

@@ -42,9 +42,6 @@ export const useUiNavigationStyleSettingsStore = defineStore('uiNavigationStyleS
                 state.navigation[PAGE_SECTIONS.header] = cloneDeep(newState.navigation[PAGE_SECTIONS.header]);
             });
         },
-        setNavigationOrder({ section, renderAfterLogo, viewport, }) {
-            this.navigation[section][viewport].renderAfterLogo = renderAfterLogo;
-        },
         _setDefaultButtonStyle({ displayType, section, style, viewport, ownsTypography = false, }) {
             // A text-style write carries the whole typography, so a prop it leaves out (a Reset, a
             // role pick) must not survive from the old style and keep overriding the role.

package/lib/src/shared/page-settings/components/page-settings/PageSettings.mixin.d.ts

@@ -81,7 +81,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 displayStyle: import("@brand-page").HeaderDisplayStyle;
                 navigationStyles?: {
                     displayType: import("@brand-page").NavigationDisplayType;
-                    renderAfterLogo: boolean;
                     defaultButtonStyle: {
                         aspectRatio?: string | undefined;
                         backgroundAttachment?: string | undefined;
@@ -370,7 +369,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     viewport: import("@brand-page").ViewportsType;
                 } | {
                     displayType: import("@brand-page").NavigationDisplayType;
-                    renderAfterLogo: boolean;
                     defaultButtonStyle: {
                         aspectRatio?: string | undefined;
                         backgroundAttachment?: string | undefined;
@@ -660,7 +658,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 } | undefined;
                 navigation: {
                     displayType: import("@brand-page").NavigationDisplayType;
-                    renderAfterLogo: boolean;
                     defaultButtonStyle: {
                         aspectRatio?: string | undefined;
                         backgroundAttachment?: string | undefined;
@@ -949,7 +946,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     viewport: import("@brand-page").ViewportsType;
                 } | {
                     displayType: import("@brand-page").NavigationDisplayType;
-                    renderAfterLogo: boolean;
                     defaultButtonStyle: {
                         aspectRatio?: string | undefined;
                         backgroundAttachment?: string | undefined;
@@ -1453,12 +1449,57 @@ declare const _default: import("vue").DefineComponent<{}, {
                     fillColor?: string | undefined;
                     borderColor?: string | undefined;
                 } | undefined;
+                logoBackgroundStyle?: {
+                    aspectRatio?: string | undefined;
+                    backgroundAttachment?: string | undefined;
+                    background?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    backgroundImage?: string | undefined;
+                    backgroundPosition?: string | undefined;
+                    backgroundRepeat?: string | undefined;
+                    backgroundSize?: string | undefined;
+                    border?: string | undefined;
+                    borderBottomWidth?: string | undefined;
+                    borderColor?: string | undefined;
+                    borderLeftWidth?: string | undefined;
+                    borderRadius?: string | undefined;
+                    borderRightWidth?: string | undefined;
+                    borderStyle?: string | undefined;
+                    borderTopWidth?: string | undefined;
+                    borderWidth?: string | undefined;
+                    boxShadow?: string | undefined;
+                    color?: string | undefined;
+                    fill?: string | undefined;
+                    fontFamily?: string | undefined;
+                    fontStyle?: string | undefined;
+                    fontSize?: string | undefined;
+                    fontWeight?: string | undefined;
+                    height?: string | undefined;
+                    left?: string | undefined;
+                    letterSpacing?: string | undefined;
+                    lineHeight?: string | undefined;
+                    marginBottom?: string | undefined;
+                    maxWidth?: string | undefined;
+                    opacity?: string | undefined;
+                    overflow?: string | undefined;
+                    overflowWrap?: string | undefined;
+                    paddingTop?: string | undefined;
+                    position?: string | undefined;
+                    textAlign?: string | undefined;
+                    textAlignLast?: string | undefined;
+                    textDecoration?: string | undefined;
+                    top?: string | undefined;
+                    transform?: string | undefined;
+                    transformOrigin?: string | undefined;
+                    transition?: string | undefined;
+                    width?: string | undefined;
+                    wordBreak?: string | undefined;
+                } | undefined;
             };
             mobile: {
                 displayStyle: import("@brand-page").HeaderDisplayStyle;
                 navigationStyles?: {
                     displayType: import("@brand-page").NavigationDisplayType;
-                    renderAfterLogo: boolean;
                     defaultButtonStyle: {
                         aspectRatio?: string | undefined;
                         backgroundAttachment?: string | undefined;
@@ -1747,7 +1788,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     viewport: import("@brand-page").ViewportsType;
                 } | {
                     displayType: import("@brand-page").NavigationDisplayType;
-                    renderAfterLogo: boolean;
                     defaultButtonStyle: {
                         aspectRatio?: string | undefined;
                         backgroundAttachment?: string | undefined;
@@ -2037,7 +2077,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                 } | undefined;
                 navigation: {
                     displayType: import("@brand-page").NavigationDisplayType;
-                    renderAfterLogo: boolean;
                     defaultButtonStyle: {
                         aspectRatio?: string | undefined;
                         backgroundAttachment?: string | undefined;
@@ -2326,7 +2365,6 @@ declare const _default: import("vue").DefineComponent<{}, {
                     viewport: import("@brand-page").ViewportsType;
                 } | {
                     displayType: import("@brand-page").NavigationDisplayType;
-                    renderAfterLogo: boolean;
                     defaultButtonStyle: {
                         aspectRatio?: string | undefined;
                         backgroundAttachment?: string | undefined;
@@ -2830,6 +2868,52 @@ declare const _default: import("vue").DefineComponent<{}, {
                     fillColor?: string | undefined;
                     borderColor?: string | undefined;
                 } | undefined;
+                logoBackgroundStyle?: {
+                    aspectRatio?: string | undefined;
+                    backgroundAttachment?: string | undefined;
+                    background?: string | undefined;
+                    backgroundColor?: string | undefined;
+                    backgroundImage?: string | undefined;
+                    backgroundPosition?: string | undefined;
+                    backgroundRepeat?: string | undefined;
+                    backgroundSize?: string | undefined;
+                    border?: string | undefined;
+                    borderBottomWidth?: string | undefined;
+                    borderColor?: string | undefined;
+                    borderLeftWidth?: string | undefined;
+                    borderRadius?: string | undefined;
+                    borderRightWidth?: string | undefined;
+                    borderStyle?: string | undefined;
+                    borderTopWidth?: string | undefined;
+                    borderWidth?: string | undefined;
+                    boxShadow?: string | undefined;
+                    color?: string | undefined;
+                    fill?: string | undefined;
+                    fontFamily?: string | undefined;
+                    fontStyle?: string | undefined;
+                    fontSize?: string | undefined;
+                    fontWeight?: string | undefined;
+                    height?: string | undefined;
+                    left?: string | undefined;
+                    letterSpacing?: string | undefined;
+                    lineHeight?: string | undefined;
+                    marginBottom?: string | undefined;
+                    maxWidth?: string | undefined;
+                    opacity?: string | undefined;
+                    overflow?: string | undefined;
+                    overflowWrap?: string | undefined;
+                    paddingTop?: string | undefined;
+                    position?: string | undefined;
+                    textAlign?: string | undefined;
+                    textAlignLast?: string | undefined;
+                    textDecoration?: string | undefined;
+                    top?: string | undefined;
+                    transform?: string | undefined;
+                    transformOrigin?: string | undefined;
+                    transition?: string | undefined;
+                    width?: string | undefined;
+                    wordBreak?: string | undefined;
+                } | undefined;
             };
         };
         footer: {
@@ -3323,7 +3407,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     navigationStylesDesktop: import("vue").ComputedRef<{
         displayType: import("@brand-page").NavigationDisplayType;
-        renderAfterLogo: boolean;
         defaultButtonStyle: {
             aspectRatio?: string | undefined;
             backgroundAttachment?: string | undefined;
@@ -3613,7 +3696,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     navigationStylesMobile: import("vue").ComputedRef<{
         displayType: import("@brand-page").NavigationDisplayType;
-        renderAfterLogo: boolean;
         defaultButtonStyle: {
             aspectRatio?: string | undefined;
             backgroundAttachment?: string | undefined;
@@ -4621,6 +4703,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             id: string;
             name: string;
             index?: number;
+            itemId?: string;
             doc: unknown;
         }): void;
         applyCardContrastToItem({ id }: {
@@ -4714,11 +4797,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         setState({ newState, }: {
             newState: Omit<import("../../../navigation-style-settings/store").NavigationStyleSettingsState, "availableNavigationStyleConfigs" | "navigationStyleTypeConfigs">;
         }): void;
-        setNavigationOrder({ section, renderAfterLogo, viewport, }: {
-            section: import("../../models").PageSection;
-            renderAfterLogo: boolean;
-            viewport: import("@brand-page").ViewportsType;
-        }): void;
         _setDefaultButtonStyle({ displayType, section, style, viewport, ownsTypography, }: {
             displayType: import("@brand-page").NavigationDisplayType;
             section: import("../../models").PageSection;
@@ -5124,6 +5202,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             attempted_bytes: number;
             source: string;
         }) => void;
+        sendWebsiteMakerUpdateHeaderLogoEvent: (props: {
+            setting: string;
+            viewport: string;
+        }) => void;
         sendSaveContactEvent: () => void;
         sendStartForFreeEvent: () => void;
         sendFooterLinkClickEvent: (linkType: "watermark_logo" | "create_your_website") => void;