@designcrowd/library.brand-page 5.15.15 → 5.15.16

package/lib/src/{CreatedOnBrandCrowd-de-de-BNvtpPPA.js → CreatedOnBrandCrowd-de-de-DwjHHx8U.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CbIkCgrh.js";
+import { _ as t } from "./lib-DaxXE-vZ.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-vHU7i_Mj.js → CreatedOnBrandCrowd-en-us-wnQWDaLj.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CbIkCgrh.js";
+import { _ as t } from "./lib-DaxXE-vZ.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-C7pit2TS.js → CreatedOnBrandCrowd-es-es-BPLwmFYf.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CbIkCgrh.js";
+import { _ as t } from "./lib-DaxXE-vZ.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-e6WnPYat.js → CreatedOnBrandCrowd-fr-ca-ZLo9mFvK.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CbIkCgrh.js";
+import { _ as t } from "./lib-DaxXE-vZ.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-e6WnPYat.js → CreatedOnBrandCrowd-fr-fr-ZLo9mFvK.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CbIkCgrh.js";
+import { _ as t } from "./lib-DaxXE-vZ.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-B5aMx0wm.js → CreatedOnBrandCrowd-pt-br-PeE8kWqc.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CbIkCgrh.js";
+import { _ as t } from "./lib-DaxXE-vZ.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-B5aMx0wm.js → CreatedOnBrandCrowd-pt-pt-PeE8kWqc.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-CbIkCgrh.js";
+import { _ as t } from "./lib-DaxXE-vZ.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-DmuOIsHU.js → CreatedOnDcom-de-de-DckpvOP7.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CbIkCgrh.js";
+import { _ as e } from "./lib-DaxXE-vZ.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-DjslKboi.js → CreatedOnDcom-en-us-CFzquTUz.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CbIkCgrh.js";
+import { _ as e } from "./lib-DaxXE-vZ.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-4cMslgx6.js → CreatedOnDcom-es-es-BpbcQQtf.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CbIkCgrh.js";
+import { _ as e } from "./lib-DaxXE-vZ.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-BnbwaXKX.js → CreatedOnDcom-fr-ca-bV4zOxfZ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CbIkCgrh.js";
+import { _ as e } from "./lib-DaxXE-vZ.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-CXnxo5vk.js → CreatedOnDcom-fr-fr-dGkZsGAG.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-CbIkCgrh.js";
+import { _ as e } from "./lib-DaxXE-vZ.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-I08Rppvc.js → CreatedOnDcom-pt-br-C2hFs0vl.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-CbIkCgrh.js";
+import { _ as M } from "./lib-DaxXE-vZ.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-dGF21lwx.js → CreatedOnDcom-pt-pt-VWtI0WwK.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as H, openBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-CbIkCgrh.js";
+import { _ as M } from "./lib-DaxXE-vZ.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

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

@@ -82,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setIsInitialising(payload: {
             isInitialising: boolean;
         }): void;
+        setIsBrandPageLoaded(isLoaded: boolean): void;
         setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;

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

@@ -1,7 +1,7 @@
 /// <reference types="types/lodash-shims" />
 import type { PropType } from 'vue';
 import type { DebounceHandle } from 'lodash.debounce';
-import { type BrandPageType, type ViewportsType, type UserPersonalisationContent } from '../../../brand-page';
+import { type BrandPageData, type BrandPageType, type ViewportsType, type UserPersonalisationContent } from '../../../brand-page';
 import type { InitialCategories, TemplateCategory } from '../../../shared/template-settings/models';
 import type { UserFeatures } from '../../stores';
 import { type LogoDesignAttributesModel } from '../../../shared/models';
@@ -10,6 +10,7 @@ import type { UpdateItemValuePayload } from '../../../shared/content-settings/mo
 export interface BrandPageMakerViewModel {
     adminPreviewLogoTemplateModels?: AdminPreviewLogoTemplateModel[];
     brandPageData?: string;
+    brandPageMetadataS3Url?: string;
     emailAddress: string;
     features: UserFeatures;
     logoVariationImageUrls: string[];
@@ -124,6 +125,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsInitialising(payload: {
             isInitialising: boolean;
         }): void;
+        setIsBrandPageLoaded(isLoaded: boolean): void;
         setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;
@@ -1136,11 +1138,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     router: import("vue-router").Router;
 }, {
     mounted: boolean;
+    isBrandPageLoaded: boolean;
     debounceOnResize: DebounceHandle | undefined;
     showSaveSuccessMessage: boolean;
 }, {
     previewContainer(): any;
 }, {
+    getBrandPageFromFallback(viewModel: any): BrandPageData;
     onResizeWithDebounce(): void;
     onResize(): void;
     setUiScreenSizeModeBasedOnDeviceWidth(): void;

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

@@ -16,6 +16,7 @@ import { useUiTemplateSettingsStore } from '../../../shared/template-settings/st
 import { useUiPageSettingsStore } from '../../../shared/page-settings/store';
 import { useRouter } from 'vue-router';
 import { FabricRenderClient } from '../../../clients/fabric-render-client';
+import AssetLibraryClient from '../../../clients/asset-library-clients';
 import { useShopConfigStore } from '../../../shared/ecommerce-settings/store/shop-settings-store';
 import { useProductConfigStore } from '../../../brand-page-maker/stores/product-config/product-config-store';
 import { UPGRADE_CTA_LOCATIONS } from '../../composables/useEventTracker';
@@ -83,6 +84,7 @@ export default defineComponent({
     data() {
         return {
             mounted: false,
+            isBrandPageLoaded: false,
             debounceOnResize: undefined,
             showSaveSuccessMessage: false,
         };
@@ -97,9 +99,22 @@ export default defineComponent({
             typeof this.viewModel?.logoDraftDesignAttributes.logoTheme !== 'object') {
             console.error('logo theme is missing');
         }
-        const brandPage = typeof this.viewModel?.brandPageData === 'string'
-            ? JSON.parse(this.viewModel.brandPageData)
-            : createInitialBrandPage(this.viewModel.brandPageType);
+        let brandPage;
+        if (this.viewModel?.brandPageMetadataS3Url) {
+            const assetClient = new AssetLibraryClient({
+                baseUrl: '',
+            });
+            const metadata = await assetClient.getBrandPageMetadataAsync(this.viewModel.brandPageMetadataS3Url);
+            if (metadata) {
+                brandPage = metadata;
+            }
+            else {
+                brandPage = this.getBrandPageFromFallback(this.viewModel);
+            }
+        }
+        else {
+            brandPage = this.getBrandPageFromFallback(this.viewModel);
+        }
         const shopConfigData = this.viewModel?.shopConfigData?.trim()
             ? JSON.parse(this.viewModel.shopConfigData)
             : null;
@@ -147,6 +162,16 @@ export default defineComponent({
             navigateToPageBySlug(this.brandPageViewModel.pages[0].slug);
         }
         this.brandPageMakerStore.selectInitialCategories(this.viewModel.initialCategories);
+        // Mark brand page as fully loaded
+        this.isBrandPageLoaded = true;
+        this.brandPageMakerStore.setIsBrandPageLoaded(true);
+        // set initial screen size mode
+        if (this.isBrandPageOrIsBrandContact) {
+            this.brandPageMakerStore.setViewport({ viewport: VIEWPORTS.mobile });
+        }
+        else {
+            this.setViewportBasedOnDeviceWidth(true);
+        }
         this.$emit(EVENTS.Initialised);
     },
     mounted() {
@@ -173,6 +198,14 @@ export default defineComponent({
         }, 800);
     },
     methods: {
+        getBrandPageFromFallback(viewModel) {
+            if (typeof viewModel?.brandPageData === 'string') {
+                return JSON.parse(viewModel.brandPageData);
+            }
+            else {
+                return createInitialBrandPage(viewModel.brandPageType);
+            }
+        },
         onResizeWithDebounce() {
             if (this.debounceOnResize) {
                 this.debounceOnResize();

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

@@ -72,6 +72,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setIsInitialising(payload: {
             isInitialising: boolean;
         }): void;
+        setIsBrandPageLoaded(isLoaded: boolean): void;
         setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;

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

@@ -577,6 +577,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         setIsInitialising(payload: {
             isInitialising: boolean;
         }): void;
+        setIsBrandPageLoaded(isLoaded: boolean): void;
         setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;

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

@@ -79,6 +79,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsInitialising(payload: {
             isInitialising: boolean;
         }): void;
+        setIsBrandPageLoaded(isLoaded: boolean): void;
         setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;

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

@@ -316,6 +316,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsInitialising(payload: {
             isInitialising: boolean;
         }): void;
+        setIsBrandPageLoaded(isLoaded: boolean): void;
         setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;

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

@@ -315,6 +315,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsInitialising(payload: {
             isInitialising: boolean;
         }): void;
+        setIsBrandPageLoaded(isLoaded: boolean): void;
         setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;

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

@@ -89,6 +89,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsInitialising(payload: {
             isInitialising: boolean;
         }): void;
+        setIsBrandPageLoaded(isLoaded: boolean): void;
         setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;

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

@@ -131,6 +131,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         setIsInitialising(payload: {
             isInitialising: boolean;
         }): void;
+        setIsBrandPageLoaded(isLoaded: boolean): void;
         setIsModifiedAfterTemplateApplied({ isModified, }?: import("../../stores").SetIsModifiedPayload): void;
         setSelectedTemplateId(payload: {
             templateId: string | false;

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

@@ -37,6 +37,7 @@ export interface BrandPageMakerState {
     isPageNavigating: boolean;
     isChangeTemplateConfirmModalVisible: boolean;
     isInitialising: boolean;
+    isBrandPageLoaded: boolean;
     isModifiedAfterTemplateApplied: boolean;
     notificationMessageQueue: NotificationMessage[];
     selectedTemplateId: string | false;
@@ -152,6 +153,7 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
     setIsInitialising(payload: {
         isInitialising: boolean;
     }): void;
+    setIsBrandPageLoaded(isLoaded: boolean): void;
     setIsModifiedAfterTemplateApplied({ isModified, }?: SetIsModifiedPayload): void;
     setSelectedTemplateId(payload: {
         templateId: string | false;

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

@@ -46,6 +46,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         isApplyingTemplate: false,
         isChangeTemplateConfirmModalVisible: false,
         isInitialising: false,
+        isBrandPageLoaded: false,
         isPageNavigating: false,
         isModifiedAfterTemplateApplied: false,
         notificationMessageQueue: [],
@@ -141,6 +142,9 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
         setIsInitialising(payload) {
             this.isInitialising = payload.isInitialising;
         },
+        setIsBrandPageLoaded(isLoaded) {
+            this.isBrandPageLoaded = isLoaded;
+        },
         setIsModifiedAfterTemplateApplied({ isModified, } = {}) {
             const sideBarStore = useUiSideBarStore();
             if (this.isApplyingTemplate ||

package/lib/src/clients/asset-library-clients.d.ts

@@ -1,5 +1,6 @@
 import type { LocaleTypes } from '../composables/useTranslate';
 import type { ShapeCategoryModel, ShapeSearchResponseModel } from '../models/shapeModels';
+import type { BrandPageData } from '../brand-page';
 export default class AssetLibraryClient {
     baseUrl: string;
     fontApiVersion: number | null;
@@ -12,4 +13,5 @@ export default class AssetLibraryClient {
     getFonts(): Promise<any>;
     getShapeCategoriesAsync(locale: LocaleTypes): Promise<ShapeCategoryModel[]>;
     getShapesBySearchTermOrCategoryAsync(searchTerm: string | null, category: string | null, page: number, pageSize: number, locale: LocaleTypes, makerMode?: string, includeDisabled?: boolean, pageName?: string, pageSection?: string, templateType?: string, searchId?: string): Promise<ShapeSearchResponseModel>;
+    getBrandPageMetadataAsync(s3Url: string): Promise<BrandPageData | null>;
 }

package/lib/src/clients/asset-library-clients.js

@@ -59,4 +59,19 @@ export default class AssetLibraryClient {
             return response.data;
         });
     }
+    async getBrandPageMetadataAsync(s3Url) {
+        try {
+            const response = await axios.get(s3Url, {
+                timeout: 30000,
+                headers: {
+                    Accept: 'application/json',
+                },
+            });
+            return response.data;
+        }
+        catch (error) {
+            console.error('Error fetching brand page metadata:', error);
+            return null;
+        }
+    }
 }

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

@@ -8656,7 +8656,7 @@ input[type='number'][data-v-28a532b4] {
     margin-bottom: 1.5rem
 }
 
-.c-brand-page-maker[data-v-bb330212] {
+.c-brand-page-maker[data-v-7ffa5653] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -8666,10 +8666,10 @@ input[type='number'][data-v-28a532b4] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-bb330212] {
+.c-brand-page-maker__inner[data-v-7ffa5653] {
   height: 100%;
 }
-.c-save-bar[data-v-bb330212] {
+.c-save-bar[data-v-7ffa5653] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8691,7 +8691,7 @@ input[type='number'][data-v-28a532b4] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-bb330212] {
+.c-save-bar--visible[data-v-7ffa5653] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -8701,11 +8701,11 @@ input[type='number'][data-v-28a532b4] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-bb330212] {
+.c-brand-page-maker[data-v-7ffa5653] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-bb330212] {
+.c-brand-page-maker__inner[data-v-7ffa5653] {
     height: 100%;
 }
 }

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

@@ -8984,7 +8984,7 @@ input[type='number'][data-v-28a532b4] {
     margin-bottom: 1.5rem
 }
 
-.c-brand-page-maker[data-v-bb330212] {
+.c-brand-page-maker[data-v-7ffa5653] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -8994,10 +8994,10 @@ input[type='number'][data-v-28a532b4] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-bb330212] {
+.c-brand-page-maker__inner[data-v-7ffa5653] {
   height: 100%;
 }
-.c-save-bar[data-v-bb330212] {
+.c-save-bar[data-v-7ffa5653] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9019,7 +9019,7 @@ input[type='number'][data-v-28a532b4] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-bb330212] {
+.c-save-bar--visible[data-v-7ffa5653] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -9029,11 +9029,11 @@ input[type='number'][data-v-28a532b4] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-bb330212] {
+.c-brand-page-maker[data-v-7ffa5653] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-bb330212] {
+.c-brand-page-maker__inner[data-v-7ffa5653] {
     height: 100%;
 }
 }

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

@@ -8674,7 +8674,7 @@ input[type='number'][data-v-28a532b4] {
     margin-bottom: 1.5rem
 }
 
-.c-brand-page-maker[data-v-bb330212] {
+.c-brand-page-maker[data-v-7ffa5653] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -8684,10 +8684,10 @@ input[type='number'][data-v-28a532b4] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.c-brand-page-maker__inner[data-v-bb330212] {
+.c-brand-page-maker__inner[data-v-7ffa5653] {
   height: 100%;
 }
-.c-save-bar[data-v-bb330212] {
+.c-save-bar[data-v-7ffa5653] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8709,7 +8709,7 @@ input[type='number'][data-v-28a532b4] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.c-save-bar--visible[data-v-bb330212] {
+.c-save-bar--visible[data-v-7ffa5653] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -8719,11 +8719,11 @@ input[type='number'][data-v-28a532b4] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.c-brand-page-maker[data-v-bb330212] {
+.c-brand-page-maker[data-v-7ffa5653] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.c-brand-page-maker__inner[data-v-bb330212] {
+.c-brand-page-maker__inner[data-v-7ffa5653] {
     height: 100%;
 }
 }

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

@@ -8416,7 +8416,7 @@ input[type='number'][data-v-28a532b4] {
     margin-bottom: 1.5rem
 }
 
-.bp .c-brand-page-maker[data-v-bb330212] {
+.bp .c-brand-page-maker[data-v-7ffa5653] {
   --navigation-height-desktop: 64px;
   --navigation-height-mobile: 96px;
   --maker-height: 100vh;
@@ -8426,10 +8426,10 @@ input[type='number'][data-v-28a532b4] {
   height: calc(var(--maker-height) - var(--mobile-sidebar-bottom-height));
   padding-top: var(--navigation-height-mobile);
 }
-.bp .c-brand-page-maker__inner[data-v-bb330212] {
+.bp .c-brand-page-maker__inner[data-v-7ffa5653] {
   height: 100%;
 }
-.bp .c-save-bar[data-v-bb330212] {
+.bp .c-save-bar[data-v-7ffa5653] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -8451,7 +8451,7 @@ input[type='number'][data-v-28a532b4] {
   -webkit-transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
           transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.bp .c-save-bar--visible[data-v-bb330212] {
+.bp .c-save-bar--visible[data-v-7ffa5653] {
   visibility: visible !important;
   --tw-translate-y: 0px !important;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
@@ -8461,11 +8461,11 @@ input[type='number'][data-v-28a532b4] {
           transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
 }
 @media (min-width: 1024px) {
-.bp .c-brand-page-maker[data-v-bb330212] {
+.bp .c-brand-page-maker[data-v-7ffa5653] {
     height: calc(var(--maker-height) - var(--navigation-height-desktop));
     padding-top: 0px;
 }
-.bp .c-brand-page-maker__inner[data-v-bb330212] {
+.bp .c-brand-page-maker__inner[data-v-7ffa5653] {
     height: 100%;
 }
 }

package/lib/src/index.mjs

@@ -1,4 +1,4 @@
-import { bA as E, ao as T, aR as I, a4 as N, ah as S, ae as s, bq as A, bH as O, c8 as e, c7 as G, c6 as C, c0 as D, a$ as P, a_ as R, bM as t, bN as L, bU as M, bJ as o, bL as b, bK as r, bO as F, bP as n, b$ as B, bZ as l, an as g, b_ as i, a7 as Y, aW as U, aY as c, aX as d, e as u, f as H, B as p, Z as y, d as K, $ as k, j as V, ak as X, Y as m, bp as v, bI as h, av as W, aT as x, aP as f, bX as z, bW as Z, C as w, b2 as Q, D as j, b as q, a as J, bS as $, b1 as aa, aU as _a, aQ as Ea, c4 as Ta, c5 as Ia, bV as Na, bE as Sa, ac as sa, bY as Aa, c1 as Oa, b7 as ea, aH as Ga, bd as Ca, F as Da, a6 as Pa, a5 as Ra, h as ta, a0 as La, b4 as Ma, aS as oa, aO as ba, a2 as ra, l as Fa, J as na, H as Ba, a8 as la, bB as ga, b8 as ia, b9 as Ya, bz as Ua, bf as ca, bh as da, b3 as ua, L as Ha, aG as pa, bm as ya, aM as Ka, bl as ka, ap as Va, aa as Xa, bT as ma, c2 as va, c3 as ha, aV as Wa, N as xa, ay as fa, ax as za, az as Za, at as wa, au as Qa, aw as ja, bb as qa, bi as Ja, b5 as $a, o as a_, ai as __, aj as E_, af as T_, ag as I_, ad as N_, a3 as S_, m as s_, bn as A_, am as O_, bF as e_, bG as G_, bR as C_, ab as D_, bD as P_, bo as R_, n as t_, S as L_, P as M_, aF as o_, bC as b_, bc as r_, bu as F_, bt as n_, bw as B_, br as l_, bx as g_, by as i_, bs as Y_, bv as U_, aA as c_, aB as d_, bk as u_, bj as H_, aD as p_, aE as y_, aJ as K_, aZ as k_, aI as V_, aK as X_, U as m_, a9 as v_, aN as h_, k as W_, ba as x_, al as f_, b6 as z_, be as Z_, bg as w_, b0 as Q_, O as j_, a1 as q_, g as J_, bQ as $_, r as aE, u as _E, K as EE, X as TE, aC as IE, aL as NE, ar as SE, p as sE, V as AE, t as OE, w as eE, aq as GE, i as CE, as as DE, c as PE, q as RE, v as tE, T as LE, M as ME, s as oE, W as bE, A as rE, x as FE, y as nE, R as BE, E as lE, Q as gE, G as iE, I as YE, z as UE } from "./lib-CbIkCgrh.js";
+import { bA as E, ao as T, aR as I, a4 as N, ah as S, ae as s, bq as A, bH as O, c8 as e, c7 as G, c6 as C, c0 as D, a$ as P, a_ as R, bM as t, bN as L, bU as M, bJ as o, bL as b, bK as r, bO as F, bP as n, b$ as B, bZ as l, an as g, b_ as i, a7 as Y, aW as U, aY as c, aX as d, e as u, f as H, B as p, Z as y, d as K, $ as k, j as V, ak as X, Y as m, bp as v, bI as h, av as W, aT as x, aP as f, bX as z, bW as Z, C as w, b2 as Q, D as j, b as q, a as J, bS as $, b1 as aa, aU as _a, aQ as Ea, c4 as Ta, c5 as Ia, bV as Na, bE as Sa, ac as sa, bY as Aa, c1 as Oa, b7 as ea, aH as Ga, bd as Ca, F as Da, a6 as Pa, a5 as Ra, h as ta, a0 as La, b4 as Ma, aS as oa, aO as ba, a2 as ra, l as Fa, J as na, H as Ba, a8 as la, bB as ga, b8 as ia, b9 as Ya, bz as Ua, bf as ca, bh as da, b3 as ua, L as Ha, aG as pa, bm as ya, aM as Ka, bl as ka, ap as Va, aa as Xa, bT as ma, c2 as va, c3 as ha, aV as Wa, N as xa, ay as fa, ax as za, az as Za, at as wa, au as Qa, aw as ja, bb as qa, bi as Ja, b5 as $a, o as a_, ai as __, aj as E_, af as T_, ag as I_, ad as N_, a3 as S_, m as s_, bn as A_, am as O_, bF as e_, bG as G_, bR as C_, ab as D_, bD as P_, bo as R_, n as t_, S as L_, P as M_, aF as o_, bC as b_, bc as r_, bu as F_, bt as n_, bw as B_, br as l_, bx as g_, by as i_, bs as Y_, bv as U_, aA as c_, aB as d_, bk as u_, bj as H_, aD as p_, aE as y_, aJ as K_, aZ as k_, aI as V_, aK as X_, U as m_, a9 as v_, aN as h_, k as W_, ba as x_, al as f_, b6 as z_, be as Z_, bg as w_, b0 as Q_, O as j_, a1 as q_, g as J_, bQ as $_, r as aE, u as _E, K as EE, X as TE, aC as IE, aL as NE, ar as SE, p as sE, V as AE, t as OE, w as eE, aq as GE, i as CE, as as DE, c as PE, q as RE, v as tE, T as LE, M as ME, s as oE, W as bE, A as rE, x as FE, y as nE, R as BE, E as lE, Q as gE, G as iE, I as YE, z as UE } from "./lib-DaxXE-vZ.js";
 import { createPinia as dE, setActivePinia as uE } from "pinia";
 export {
   E as ABOUT_SECTION_SETTINGS_CONFIG,