@designcrowd/library.brand-page 5.19.1-id-based-items-2 → 5.19.2

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

@@ -8,6 +8,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
+            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -4580,7 +4581,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -4805,7 +4805,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -5030,7 +5029,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -5119,6 +5117,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
+            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -9691,7 +9690,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -9916,7 +9914,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -10141,7 +10138,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -10236,6 +10232,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
+            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -14808,7 +14805,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -15033,7 +15029,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -15258,7 +15253,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -15347,6 +15341,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
+            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -19919,7 +19914,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -20144,7 +20138,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -20369,7 +20362,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -20464,6 +20456,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
+            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -25036,7 +25029,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -25261,7 +25253,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -25486,7 +25477,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -25575,6 +25565,7 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
         userMessageId: string;
         model: {
             v: number;
+            userPromptContentKey?: string | undefined;
             styles: {
                 backgroundStyles: {
                     style: {
@@ -30147,7 +30138,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -30372,7 +30362,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;
@@ -30597,7 +30586,6 @@ export declare const useAiCheckpointStore: import("pinia").StoreDefinition<"aiCh
                 logoImageBase64Url?: string | undefined;
                 socialLinks: {
                     url: string;
-                    id?: string | undefined;
                     imageUrl: string;
                     size?: string | undefined;
                     imageTitle: string;

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

@@ -75,6 +75,7 @@ export type InitialisePayload = Omit<BrandPageContainerState, 'customDomain' | '
     logoDraftAssets: LogoDraftAsset[];
     gettyVideos: GettyVideoEditorViewModelResponse[];
     templateSearchTerm: string | undefined;
+    aiTemplateKeywords: string | undefined;
     onSearchTermChanged?: OnSearchTermChangedCallback;
 };
 export declare const BRANDPAGE_STATUS: Readonly<{

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

@@ -137,6 +137,9 @@ export const useBrandPageContainerStore = defineStore('brandPageContainer', {
                 initialSearchTerm: payload.templateSearchTerm ?? '',
                 onSearchTermChanged: payload.onSearchTermChanged,
             });
+            templateSettingsStore.setAiTemplateKeywords({
+                aiTemplateKeywords: payload.aiTemplateKeywords ?? '',
+            });
             brandPageMakerStore.setSelectedTemplateId({
                 templateId: this.designTemplateToken,
             });

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

@@ -20,6 +20,8 @@ export interface InitialisePayload {
     templateCategories: TemplateCategory[];
     personalisationData?: UserPersonalisationContent[];
     isPersonalisationEnabled: boolean;
+    userPromptContentKey?: string;
+    showAiTemplatesTab?: boolean;
     businessName: string | undefined;
     industry: string | undefined;
     layout?: string;
@@ -231,7 +233,7 @@ export declare const useBrandPageMakerStore: import("pinia").StoreDefinition<"br
         brandPageType: BrandPageType;
     }): void;
     initialiseStoresByBrandPageModelAsync(brandPageModel: BrandPageModel): Promise<void>;
-    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
+    initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride, }: InitialisePayload): Promise<void>;
     initialisePages({ pages, sections, }: {
         pages: PageModel[];
         sections: PageSettingsStateSections;

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

@@ -824,7 +824,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             transformToRTE(pageSettingsStore, externalEditor, undefined, undefined, TEXT_STYLE_TYPES.paragraphs, textStyles.textStyleOptions.paragraphs.style);
             externalEditor.destroy();
         },
-        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
+        async initialise({ brandPage, brandPageType, logoDraftDesignAttributes, unsplashApplicationName, templateCategories, personalisationData, isPersonalisationEnabled, userPromptContentKey, showAiTemplatesTab = false, businessName, industry, layout, logoVariationImageUrls, shopConfigData, isServerRenderOverride = false, }) {
             const brandPageContainerStore = useBrandPageContainerStore();
             const userStore = useBrandPageMakerUserStore();
             const uiStore = useUiStore();
@@ -895,6 +895,8 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
                         personalisationData: personalisationData,
                     });
                 }
+                uiStore.setUserPromptContentKey({ userPromptContentKey });
+                uiStore.setShowAiTemplatesTab({ showAiTemplatesTab });
                 templateSettingsStore.setTemplateCategories({
                     categories: templateCategories,
                 });
@@ -1227,6 +1229,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const navigationStyleSettingsStore = useUiNavigationStyleSettingsStore();
             const shopStore = useShopConfigStore();
             const pageNavigationStore = usePageNavigationStore();
+            const uiStore = useUiStore();
             const pages = pageSettingsStore.pages.map((p) => ({
                 ...p,
                 contents: p.contents.map((c) => c.settings.content),
@@ -1240,6 +1243,7 @@ export const useBrandPageMakerStore = defineStore('brandPageMaker', {
             const pageNavStructure = pageNavigationStore.nav;
             return {
                 v: GetLatestModelVersion(),
+                userPromptContentKey: uiStore.userPromptContentKey,
                 pages,
                 styles: {
                     logoStyles,

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

@@ -23,6 +23,12 @@ export declare const useUiStore: import("pinia").StoreDefinition<"ui", UIRootSta
     setUserPersonalisationData({ personalisationData, }: {
         personalisationData: UserPersonalisationContent[];
     }): void;
+    setUserPromptContentKey({ userPromptContentKey, }: {
+        userPromptContentKey: string | undefined;
+    }): void;
+    setShowAiTemplatesTab({ showAiTemplatesTab, }: {
+        showAiTemplatesTab: boolean;
+    }): void;
     onBackgroundChanged(): void;
     onContentChanged(): void;
     onStyleChanged(): void;

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

@@ -27,6 +27,8 @@ export const useUiStore = defineStore('ui', {
         },
         personalisationData: undefined,
         isPersonalisationEnabled: false,
+        userPromptContentKey: undefined,
+        showAiTemplatesTab: false,
     }),
     actions: {
         setLogoTheme(payload) {
@@ -47,6 +49,12 @@ export const useUiStore = defineStore('ui', {
         setUserPersonalisationData({ personalisationData, }) {
             this.personalisationData = personalisationData;
         },
+        setUserPromptContentKey({ userPromptContentKey, }) {
+            this.userPromptContentKey = userPromptContentKey;
+        },
+        setShowAiTemplatesTab({ showAiTemplatesTab, }) {
+            this.showAiTemplatesTab = showAiTemplatesTab;
+        },
         onBackgroundChanged() {
             const brandPageMakerStore = useBrandPageMakerStore();
             brandPageMakerStore.onBackgroundChanged();

package/lib/src/clients/design-template-client.d.ts

@@ -4,6 +4,7 @@ interface DesignTemplateClientOptions {
 interface GetTemplatesAsyncOptions {
     categoryName?: string;
     searchTerm?: string;
+    keywords?: string;
     side?: string;
     logoDraftToken?: string;
     logoVariation?: number;
@@ -15,6 +16,8 @@ interface GetTemplatesAsyncOptions {
     locale?: string;
     logoS3Token?: string;
     logoTemplateToken?: string;
+    pageSection?: string;
+    pageName?: string;
 }
 export declare const getTemplatesEndpoint: (templateTypeName: string) => string;
 export declare const getTemplateEndpoint: (templateToken: any) => string;

package/lib/src/clients/models.d.ts

@@ -4,6 +4,7 @@ export interface Paginated<T> {
     pageSize: number;
     pageCount: number;
     totalResultCount: number;
+    abTestValuesToBePushed?: Record<string, string>;
 }
 export interface DesignTemplate {
     token: string;
@@ -12,6 +13,7 @@ export interface DesignTemplate {
 }
 export interface PaginatedDesignTemplateItem {
     designTemplateToken: string;
+    isPersonalisable?: boolean;
     previewImageUrl?: string;
 }
 export interface DisplayLogoDraftAsset {

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

@@ -241,6 +241,9 @@ a.maker-anchor {
 .tw-left-2 {
     left: 0.5rem
 }
+.tw-left-2\.5 {
+    left: 0.625rem
+}
 .tw-left-4 {
     left: 1rem
 }
@@ -283,6 +286,9 @@ a.maker-anchor {
 .tw-top-2 {
     top: 0.5rem
 }
+.tw-top-2\.5 {
+    top: 0.625rem
+}
 .tw-top-4 {
     top: 1rem
 }
@@ -292,6 +298,9 @@ a.maker-anchor {
 .tw-top-full {
     top: 100%
 }
+.tw-isolate {
+    isolation: isolate
+}
 .\!tw-z-10 {
     z-index: 10 !important
 }
@@ -322,6 +331,9 @@ a.maker-anchor {
 .tw-z-\[100\] {
     z-index: 100
 }
+.tw-z-\[25\] {
+    z-index: 25
+}
 .tw-z-\[9999\] {
     z-index: 9999
 }
@@ -9318,11 +9330,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 }
 }
 
-.template-preview[data-v-e99b74dc] {
+.template-preview[data-v-a172382d] {
   position: relative;
   background-attachment: initial !important
 }
-.template-preview__overlay[data-v-e99b74dc] {
+.template-preview__overlay[data-v-a172382d] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9334,12 +9346,12 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   opacity: 0;
   z-index: 100
 }
-.template-preview__image-container[data-v-e99b74dc] {
+.template-preview__image-container[data-v-a172382d] {
   pointer-events: none;
   height: 100%;
   width: 100%
 }
-.template-preview__image[data-v-e99b74dc] {
+.template-preview__image[data-v-a172382d] {
   height: 100%;
   width: 100%;
   -o-object-fit: fill;
@@ -9349,13 +9361,13 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   transition: filter 0.2s ease;
   transition: filter 0.2s ease, -webkit-filter 0.2s ease
 }
-.template-preview__page[data-v-e99b74dc] {
+.template-preview__page[data-v-a172382d] {
   pointer-events: none
 }
-.template-preview[data-v-e99b74dc] .c-shape-background {
+.template-preview[data-v-a172382d] .c-shape-background {
   position: absolute
 }
-.template-preview__image[data-v-e99b74dc] .c-shape-background {
+.template-preview__image[data-v-a172382d] .c-shape-background {
   position: absolute
 }
 

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

@@ -662,6 +662,9 @@ a.maker-anchor {
 .tw-left-2 {
   left: 0.5rem;
 }
+.tw-left-2\.5 {
+  left: 0.625rem;
+}
 .tw-left-4 {
   left: 1rem;
 }
@@ -704,6 +707,9 @@ a.maker-anchor {
 .tw-top-2 {
   top: 0.5rem;
 }
+.tw-top-2\.5 {
+  top: 0.625rem;
+}
 .tw-top-4 {
   top: 1rem;
 }
@@ -713,6 +719,9 @@ a.maker-anchor {
 .tw-top-full {
   top: 100%;
 }
+.tw-isolate {
+  isolation: isolate;
+}
 .\!tw-z-10 {
   z-index: 10 !important;
 }
@@ -743,6 +752,9 @@ a.maker-anchor {
 .tw-z-\[100\] {
   z-index: 100;
 }
+.tw-z-\[25\] {
+  z-index: 25;
+}
 .tw-z-\[9999\] {
   z-index: 9999;
 }
@@ -9651,11 +9663,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 }
 }
 
-.template-preview[data-v-e99b74dc] {
+.template-preview[data-v-a172382d] {
   position: relative;
   background-attachment: initial !important
 }
-.template-preview__overlay[data-v-e99b74dc] {
+.template-preview__overlay[data-v-a172382d] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9667,12 +9679,12 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   opacity: 0;
   z-index: 100
 }
-.template-preview__image-container[data-v-e99b74dc] {
+.template-preview__image-container[data-v-a172382d] {
   pointer-events: none;
   height: 100%;
   width: 100%
 }
-.template-preview__image[data-v-e99b74dc] {
+.template-preview__image[data-v-a172382d] {
   height: 100%;
   width: 100%;
   -o-object-fit: fill;
@@ -9682,13 +9694,13 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   transition: filter 0.2s ease;
   transition: filter 0.2s ease, -webkit-filter 0.2s ease
 }
-.template-preview__page[data-v-e99b74dc] {
+.template-preview__page[data-v-a172382d] {
   pointer-events: none
 }
-.template-preview[data-v-e99b74dc] .c-shape-background {
+.template-preview[data-v-a172382d] .c-shape-background {
   position: absolute
 }
-.template-preview__image[data-v-e99b74dc] .c-shape-background {
+.template-preview__image[data-v-a172382d] .c-shape-background {
   position: absolute
 }
 

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

@@ -271,6 +271,9 @@ a:not(.tw-lowercase) {
 .tw-left-2 {
     left: 0.5rem
 }
+.tw-left-2\.5 {
+    left: 0.625rem
+}
 .tw-left-4 {
     left: 1rem
 }
@@ -313,6 +316,9 @@ a:not(.tw-lowercase) {
 .tw-top-2 {
     top: 0.5rem
 }
+.tw-top-2\.5 {
+    top: 0.625rem
+}
 .tw-top-4 {
     top: 1rem
 }
@@ -322,6 +328,9 @@ a:not(.tw-lowercase) {
 .tw-top-full {
     top: 100%
 }
+.tw-isolate {
+    isolation: isolate
+}
 .\!tw-z-10 {
     z-index: 10 !important
 }
@@ -352,6 +361,9 @@ a:not(.tw-lowercase) {
 .tw-z-\[100\] {
     z-index: 100
 }
+.tw-z-\[25\] {
+    z-index: 25
+}
 .tw-z-\[9999\] {
     z-index: 9999
 }
@@ -9348,11 +9360,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 }
 }
 
-.template-preview[data-v-e99b74dc] {
+.template-preview[data-v-a172382d] {
   position: relative;
   background-attachment: initial !important
 }
-.template-preview__overlay[data-v-e99b74dc] {
+.template-preview__overlay[data-v-a172382d] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9364,12 +9376,12 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   opacity: 0;
   z-index: 100
 }
-.template-preview__image-container[data-v-e99b74dc] {
+.template-preview__image-container[data-v-a172382d] {
   pointer-events: none;
   height: 100%;
   width: 100%
 }
-.template-preview__image[data-v-e99b74dc] {
+.template-preview__image[data-v-a172382d] {
   height: 100%;
   width: 100%;
   -o-object-fit: fill;
@@ -9379,13 +9391,13 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   transition: filter 0.2s ease;
   transition: filter 0.2s ease, -webkit-filter 0.2s ease
 }
-.template-preview__page[data-v-e99b74dc] {
+.template-preview__page[data-v-a172382d] {
   pointer-events: none
 }
-.template-preview[data-v-e99b74dc] .c-shape-background {
+.template-preview[data-v-a172382d] .c-shape-background {
   position: absolute
 }
-.template-preview__image[data-v-e99b74dc] .c-shape-background {
+.template-preview__image[data-v-a172382d] .c-shape-background {
   position: absolute
 }
 

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

@@ -241,6 +241,9 @@ a.maker-anchor {
 .bp .tw-left-2 {
     left: 0.5rem
 }
+.bp .tw-left-2\.5 {
+    left: 0.625rem
+}
 .bp .tw-left-4 {
     left: 1rem
 }
@@ -283,6 +286,9 @@ a.maker-anchor {
 .bp .tw-top-2 {
     top: 0.5rem
 }
+.bp .tw-top-2\.5 {
+    top: 0.625rem
+}
 .bp .tw-top-4 {
     top: 1rem
 }
@@ -292,6 +298,9 @@ a.maker-anchor {
 .bp .tw-top-full {
     top: 100%
 }
+.bp .tw-isolate {
+    isolation: isolate
+}
 .bp .\!tw-z-10 {
     z-index: 10 !important
 }
@@ -322,6 +331,9 @@ a.maker-anchor {
 .bp .tw-z-\[100\] {
     z-index: 100
 }
+.bp .tw-z-\[25\] {
+    z-index: 25
+}
 .bp .tw-z-\[9999\] {
     z-index: 9999
 }
@@ -9062,11 +9074,11 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
 }
 }
 
-.bp .template-preview[data-v-e99b74dc] {
+.bp .template-preview[data-v-a172382d] {
   position: relative;
   background-attachment: initial !important
 }
-.bp .template-preview__overlay[data-v-e99b74dc] {
+.bp .template-preview__overlay[data-v-a172382d] {
   position: absolute;
   top: 0px;
   left: 0px;
@@ -9078,12 +9090,12 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   opacity: 0;
   z-index: 100
 }
-.bp .template-preview__image-container[data-v-e99b74dc] {
+.bp .template-preview__image-container[data-v-a172382d] {
   pointer-events: none;
   height: 100%;
   width: 100%
 }
-.bp .template-preview__image[data-v-e99b74dc] {
+.bp .template-preview__image[data-v-a172382d] {
   height: 100%;
   width: 100%;
   -o-object-fit: fill;
@@ -9093,13 +9105,13 @@ input.dynamic-width-input[data-v-97be2e87]:focus {
   transition: filter 0.2s ease;
   transition: filter 0.2s ease, -webkit-filter 0.2s ease
 }
-.bp .template-preview__page[data-v-e99b74dc] {
+.bp .template-preview__page[data-v-a172382d] {
   pointer-events: none
 }
-.bp .template-preview[data-v-e99b74dc] .c-shape-background {
+.bp .template-preview[data-v-a172382d] .c-shape-background {
   position: absolute
 }
-.bp .template-preview__image[data-v-e99b74dc] .c-shape-background {
+.bp .template-preview__image[data-v-a172382d] .c-shape-background {
   position: absolute
 }
 

package/lib/src/index.mjs

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