@designcrowd/library.brand-page 5.4.35 → 5.4.36-jj-1

package/lib/src/brand-page/components/page/Page.mixin.d.ts

@@ -73,6 +73,7 @@ declare const _default: import("vue").DefineComponent<{
     slug(): string;
 }, {
     openSideMenu(): void;
+    onLogoClick(tabName: string): void;
     closeSideMenu(): void;
     /**
      * @function setRootStyles

package/lib/src/brand-page/components/page/Page.mixin.js

@@ -257,6 +257,9 @@ export default defineComponent({
         openSideMenu() {
             this.isSideMenuOpen = true;
         },
+        onLogoClick(tabName) {
+            this.$emit('on-logo-click', tabName);
+        },
         closeSideMenu() {
             this.isSideMenuOpen = false;
         },

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.d.ts

@@ -23,6 +23,7 @@ declare const _default: import("vue").DefineComponent<{
     renderText(): string;
 }, {
     onFooterContainerClick(): void;
+    onLogoClick(tabName: string): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     viewModel: {
         type: PropType<PageFooterViewModel>;

package/lib/src/brand-page/components/page-footer/PageFooter.mixin.js

@@ -44,5 +44,8 @@ export default defineComponent({
         onFooterContainerClick() {
             this.$emit('footer-container-click');
         },
+        onLogoClick(tabName) {
+            this.$emit('on-logo-click', tabName);
+        },
     },
 });

package/lib/src/brand-page-maker/components/action-bar/ActionBar.mixin.d.ts

@@ -69,6 +69,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -94,7 +95,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -108,6 +108,7 @@ declare const _default: import("vue").DefineComponent<{
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -133,7 +134,6 @@ declare const _default: import("vue").DefineComponent<{
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMakerTemplateSettings.mixin.d.ts

@@ -57,6 +57,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -82,7 +83,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts

@@ -433,6 +433,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -458,7 +459,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends Content, P extends {
             id: string;
@@ -1155,6 +1155,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     slug(): string;
 }, {
     openSideMenu(): void;
+    onLogoClick(tabName: string): void;
     closeSideMenu(): void;
     setRootStyles(): void;
     scrollToLastContent(): void;

package/lib/src/brand-page-maker/components/brandpage-settings/BrandPageSettings.mixin.d.ts

@@ -77,6 +77,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -102,7 +103,6 @@ declare const _default: import("vue").DefineComponent<{}, {
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/brandpage-settings/ReplaceImageSettingsForBrandPageSettings.mixin.d.ts

@@ -66,6 +66,7 @@ declare const _default: import("vue").DefineComponent<{
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -91,7 +92,6 @@ declare const _default: import("vue").DefineComponent<{
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/cookie-collection/CookieSettings.mixin.d.ts

@@ -63,6 +63,7 @@ declare const _default: import("vue").DefineComponent<{
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -88,7 +89,6 @@ declare const _default: import("vue").DefineComponent<{
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page/models").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/google-analytics/GoogleAnalytics.mixin.d.ts

@@ -66,6 +66,7 @@ declare const _default: import("vue").DefineComponent<{
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -91,7 +92,6 @@ declare const _default: import("vue").DefineComponent<{
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/seo-settings/SeoPageSettings.mixin.d.ts

@@ -529,6 +529,7 @@ declare const _default: import("vue").DefineComponent<{
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -554,7 +555,6 @@ declare const _default: import("vue").DefineComponent<{
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page/models").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/seo-settings/UrlSettings.mixin.d.ts

@@ -655,6 +655,7 @@ declare const _default: import("vue").DefineComponent<{
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -680,7 +681,6 @@ declare const _default: import("vue").DefineComponent<{
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/social-share/SocialShare.mixin.d.ts

@@ -76,6 +76,7 @@ declare const _default: import("vue").DefineComponent<{
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -101,7 +102,6 @@ declare const _default: import("vue").DefineComponent<{
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/components/template-preview/TemplatePreview.mixin.d.ts

@@ -118,6 +118,7 @@ declare const _default: import("vue").DefineComponent<{
             message: false | import("../../stores").NotificationMessage;
         }): void;
         setIsApplyingTemplate(payload: import("../../stores").IsApplyingTemplatePayload): void;
+        setIsPageNavigating(isPageNavigating: boolean): void;
         setIsChangeTemplateConfirmModalVisible(payload: {
             isVisible: boolean;
         }): void;
@@ -143,7 +144,6 @@ declare const _default: import("vue").DefineComponent<{
         onStyleChanged(): void;
         onTemplateSelected(payload: import("../../stores").OnTemplateSelectedPayload): void;
         setSelectedTabName(payload: any): void;
-        showChangeTemplateConfrimModal(): void;
         showNextNotificationMessage(): Promise<void>;
         updateContent<TContent extends import("../../../brand-page").Content, P extends {
             id: string;

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.d.ts

@@ -31,6 +31,7 @@ export interface SetIsSavingPayload {
 export interface BrandPageMakerState {
     currentNotificationMessage: NotificationMessage | false;
     isApplyingTemplate: boolean;
+    isPageNavigating: boolean;
     isChangeTemplateConfirmModalVisible: boolean;
     isInitialising: boolean;
     isModifiedAfterTemplateApplied: boolean;
@@ -123,6 +124,7 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
         message: NotificationMessage | false;
     }): void;
     setIsApplyingTemplate(payload: IsApplyingTemplatePayload): void;
+    setIsPageNavigating(isPageNavigating: boolean): void;
     setIsChangeTemplateConfirmModalVisible(payload: {
         isVisible: boolean;
     }): void;
@@ -148,7 +150,6 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
     onStyleChanged(): void;
     onTemplateSelected(payload: OnTemplateSelectedPayload): void;
     setSelectedTabName(payload: any): void;
-    showChangeTemplateConfrimModal(): void;
     showNextNotificationMessage(): Promise<void>;
     updateContent<TContent extends Content, P extends {
         id: string;

package/lib/src/brand-page-maker/stores/brandpage-maker/brandpage-maker-store.js

@@ -39,6 +39,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         isApplyingTemplate: false,
         isChangeTemplateConfirmModalVisible: false,
         isInitialising: false,
+        isPageNavigating: false,
         isModifiedAfterTemplateApplied: false,
         notificationMessageQueue: [],
         selectedTemplateId: false,
@@ -107,6 +108,9 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         setIsApplyingTemplate(payload) {
             this.isApplyingTemplate = payload.isApplying;
         },
+        setIsPageNavigating(isPageNavigating) {
+            this.isPageNavigating = isPageNavigating;
+        },
         setIsChangeTemplateConfirmModalVisible(payload) {
             this.isChangeTemplateConfirmModalVisible = payload.isVisible;
         },
@@ -114,13 +118,19 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             this.isInitialising = payload.isInitialising;
         },
         setIsModifiedAfterTemplateApplied({ isModified, } = {}) {
+            const sideBarStore = useUiSideBarStore();
+            if (this.isApplyingTemplate ||
+                this.isInitialising ||
+                this.isPageNavigating ||
+                sideBarStore.isSwitchingTab) {
+                return;
+            }
             if (typeof isModified === 'boolean') {
                 this.isModifiedAfterTemplateApplied = isModified;
             }
-            if (this.isApplyingTemplate || this.isInitialising) {
-                return;
+            else {
+                this.isModifiedAfterTemplateApplied = true;
             }
-            this.isModifiedAfterTemplateApplied = true;
         },
         setSelectedTemplateId(payload) {
             this.selectedTemplateId = payload.templateId;
@@ -295,6 +305,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         onChangeTemplateConfirmModalConfirm() {
             this.applySelectedTemplate();
             this.hideChangeTemplateConfirmModal();
+            this.isModifiedAfterTemplateApplied = false;
         },
         onContentChanged() {
             this.setIsModifiedAfterTemplateApplied();
@@ -319,11 +330,6 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const uiSideBarStore = useUiSideBarStore();
             uiSideBarStore.setSelectedTabName(payload);
         },
-        showChangeTemplateConfrimModal() {
-            this.setIsChangeTemplateConfirmModalVisible({
-                isVisible: true,
-            });
-        },
         async showNextNotificationMessage() {
             if (this.currentNotificationMessage) {
                 this.setCurrentNotificationMessage({ message: false });

package/lib/src/css/library.brand-page-brandCrowd.min.css

@@ -6402,21 +6402,21 @@ to {
   padding: 0.25rem var(--page-padding);
 }
 
-.c-page-footer__container[data-v-c3c6f370] {
+.c-page-footer__container[data-v-8fd0acfc] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding: 0.25rem var(--page-padding);
 }
-.c-page-footer__container-justified[data-v-c3c6f370] {
+.c-page-footer__container-justified[data-v-8fd0acfc] {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.sortable[data-v-c3c6f370] {
+.sortable[data-v-8fd0acfc] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page__content--outline-selected[data-v-c3c6f370] {
+.brand-page__content--outline-selected[data-v-8fd0acfc] {
   position: relative;
   z-index: 10;
   margin-left: 0.25rem;
@@ -6425,25 +6425,25 @@ to {
   outline-width: 0.2rem;
   outline-style: dashed;
 }
-.c_footer-container[data-v-c3c6f370] {
+.c_footer-container[data-v-8fd0acfc] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
 @container (max-width: 640px) {
-.c-page-footer__container-justified[data-v-c3c6f370] {
+.c-page-footer__container-justified[data-v-8fd0acfc] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-page-footer__container-justified[data-v-c3c6f370] > :nth-child(2) {
+.c-page-footer__container-justified[data-v-8fd0acfc] > :nth-child(2) {
     margin-bottom: 1rem;
 }
 }
 @container (min-width: 640px) {
-.c-page-footer__container-justified-stack[data-v-c3c6f370] {
+.c-page-footer__container-justified-stack[data-v-8fd0acfc] {
     margin-left: 1rem;
     margin-right: 1rem;
     -webkit-box-pack: justify;
@@ -6586,14 +6586,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-4366f876] {
+.brand-page-root[data-v-73241166] {
   height: 100%;
 }
-.sortable[data-v-4366f876] {
+.sortable[data-v-73241166] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-4366f876] {
+.brand-page[data-v-73241166] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -6605,7 +6605,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-4366f876] {
+.brand-page__inner--default[data-v-73241166] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -6617,16 +6617,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-4366f876] {
+.brand-page__inner--desktop[data-v-73241166] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-4366f876] {
+.brand-site__header[data-v-73241166] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-4366f876] {
+.brand-page__header[data-v-73241166] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-4366f876] {
+.brand-page__content--default[data-v-73241166] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -6643,7 +6643,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-4366f876] {
+.brand-page__content--desktop[data-v-73241166] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -6659,15 +6659,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-4366f876] {
+.brand-page__content--inner[data-v-73241166] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-4366f876] {
+.brand-page__content--inner--brandsite[data-v-73241166] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-4366f876] {
+.brand-page__content--outline-selected[data-v-73241166] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -6675,17 +6675,17 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-4366f876] {
+.brand-page__content--outline-footer-selected[data-v-73241166] {
   border: 0.2rem dashed #f7768c;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4366f876] {
+.brand-page__content--inner--full-width[data-v-73241166] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4366f876] {
+.brand-page__content--inner--full-width[data-v-73241166] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }

package/lib/src/css/library.brand-page-brandPage.min.css

@@ -6727,21 +6727,21 @@ to {
   padding: 0.25rem var(--page-padding);
 }
 
-.c-page-footer__container[data-v-c3c6f370] {
+.c-page-footer__container[data-v-8fd0acfc] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding: 0.25rem var(--page-padding);
 }
-.c-page-footer__container-justified[data-v-c3c6f370] {
+.c-page-footer__container-justified[data-v-8fd0acfc] {
   -webkit-box-pack: justify;
       -ms-flex-pack: justify;
           justify-content: space-between;
 }
-.sortable[data-v-c3c6f370] {
+.sortable[data-v-8fd0acfc] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page__content--outline-selected[data-v-c3c6f370] {
+.brand-page__content--outline-selected[data-v-8fd0acfc] {
   position: relative;
   z-index: 10;
   margin-left: 0.25rem;
@@ -6750,25 +6750,25 @@ to {
   outline-width: 0.2rem;
   outline-style: dashed;
 }
-.c_footer-container[data-v-c3c6f370] {
+.c_footer-container[data-v-8fd0acfc] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
 @container (max-width: 640px) {
-.c-page-footer__container-justified[data-v-c3c6f370] {
+.c-page-footer__container-justified[data-v-8fd0acfc] {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
 }
-.c-page-footer__container-justified[data-v-c3c6f370] > :nth-child(2) {
+.c-page-footer__container-justified[data-v-8fd0acfc] > :nth-child(2) {
     margin-bottom: 1rem;
 }
 }
 @container (min-width: 640px) {
-.c-page-footer__container-justified-stack[data-v-c3c6f370] {
+.c-page-footer__container-justified-stack[data-v-8fd0acfc] {
     margin-left: 1rem;
     margin-right: 1rem;
     -webkit-box-pack: justify;
@@ -6911,14 +6911,14 @@ body {
   line-height: 1.5;
 }
 
-.brand-page-root[data-v-4366f876] {
+.brand-page-root[data-v-73241166] {
   height: 100%;
 }
-.sortable[data-v-4366f876] {
+.sortable[data-v-73241166] {
   outline-color: #F7768C;
   outline-width: 0.2rem;
 }
-.brand-page[data-v-4366f876] {
+.brand-page[data-v-73241166] {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   display: -webkit-box;
@@ -6930,7 +6930,7 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--default[data-v-4366f876] {
+.brand-page__inner--default[data-v-73241166] {
   position: relative;
   z-index: 10;
   display: -webkit-box;
@@ -6942,16 +6942,16 @@ body {
       -ms-flex-direction: column;
           flex-direction: column;
 }
-.brand-page__inner--desktop[data-v-4366f876] {
+.brand-page__inner--desktop[data-v-73241166] {
   min-height: 100vh;
 }
-.brand-site__header[data-v-4366f876] {
+.brand-site__header[data-v-73241166] {
   container-type: inline-size;
 }
-.brand-page__header[data-v-4366f876] {
+.brand-page__header[data-v-73241166] {
   padding-top: var(--page-padding);
 }
-.brand-page__content--default[data-v-4366f876] {
+.brand-page__content--default[data-v-73241166] {
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 2.5rem;
@@ -6968,7 +6968,7 @@ body {
           flex-direction: column;
   max-width: var(--page-max-width);
 }
-.brand-page__content--desktop[data-v-4366f876] {
+.brand-page__content--desktop[data-v-73241166] {
   margin-left: auto;
   margin-right: auto;
   display: -webkit-box;
@@ -6984,15 +6984,15 @@ body {
           flex-direction: column;
   max-width: 100%;
 }
-.brand-page__content--inner[data-v-4366f876] {
+.brand-page__content--inner[data-v-73241166] {
   padding-left: var(--page-padding);
   padding-right: var(--page-padding);
 }
-.brand-page__content--inner--brandsite[data-v-4366f876] {
+.brand-page__content--inner--brandsite[data-v-73241166] {
   max-width: var(--brandsite-max-width);
   margin: 0 auto;
 }
-.brand-page__content--outline-selected[data-v-4366f876] {
+.brand-page__content--outline-selected[data-v-73241166] {
   position: relative;
   z-index: 10;
   outline-color: #F7768C;
@@ -7000,17 +7000,17 @@ body {
   outline-style: dashed;
   outline-offset: -0.25rem;
 }
-.brand-page__content--outline-footer-selected[data-v-4366f876] {
+.brand-page__content--outline-footer-selected[data-v-73241166] {
   border: 0.2rem dashed #f7768c;
 }
 @media (max-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4366f876] {
+.brand-page__content--inner--full-width[data-v-73241166] {
     padding-left: 0;
     padding-right: 0;
 }
 }
 @media (min-width: 640px) {
-.brand-page__content--inner--full-width[data-v-4366f876] {
+.brand-page__content--inner--full-width[data-v-73241166] {
     padding-left: var(--page-padding);
     padding-right: var(--page-padding);
 }