@designcrowd/library.brand-page 6.0.3 → 6.0.4

package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
 }>, {}, {
-    navigationStyleConfigOptionTitles: Record<NavigationStyleConfigOption, string>;
+    navigationStyleConfigOptionTitles: Record<"defaultBorderColor" | "selectedBorderColor" | "subNavBackgroundColor" | "defaultTextStyle" | "defaultBackgroundColor" | "selectedTextColor" | "selectedBackgroundColor" | "iconColor" | "iconBackgroundColor", string>;
     styleThemeKeys: Record<string, string>;
     valueFuncDict: Record<string, () => string | undefined>;
 }, {
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onColorMatchToggled(option: NavigationStyleConfigOption, value: boolean): void;
     getMenuStyles(): NavigationMenuStyles;
     setTextStyleOption(option: NavigationStyleConfigOption, payload: UpdateItemValuePayload<TextStyleDeclaration>): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "option-value-change"[], "option-value-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     availableNavigationStyleConfigs: {
         type: PropType<NavigationStyleConfig[]>;
         required: true;
@@ -53,7 +53,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<NavigationDesktop | NavigationMobile>;
         required: true;
     };
-}>> & Readonly<{
-    "onOption-value-change"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/navigation-style-settings/components/navigation-style-settings/NavigationStyleSettings.mixin.js

@@ -23,7 +23,6 @@ export default defineComponent({
             required: true,
         },
     },
-    emits: ['option-value-change'],
     data: () => ({
         navigationStyleConfigOptionTitles: NAVIGATION_STYLE_CONFIG_OPTION_TITLES(),
         styleThemeKeys: STYLE_THEME_KEYS,

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

@@ -22,7 +22,7 @@ export declare const useUiNavigationStyleSettingsStore: import("pinia").StoreDef
         reset: boolean;
     }): void;
     setState({ newState, }: {
-        newState: Omit<NavigationStyleSettingsState, "availableNavigationStyleConfigs" | "navigationStyleTypeConfigs">;
+        newState: Omit<NavigationStyleSettingsState, 'availableNavigationStyleConfigs' | 'navigationStyleTypeConfigs'>;
     }): void;
     setNavigationOrder({ section, renderAfterLogo, viewport, }: {
         section: PageSection;
@@ -42,7 +42,7 @@ export declare const useUiNavigationStyleSettingsStore: import("pinia").StoreDef
         viewport: ViewportsType;
     }): void;
     _setIconStyle({ displayType, section, style, viewport, }: {
-        displayType?: NavigationDisplayType;
+        displayType?: NavigationDisplayType | undefined;
         section: PageSection;
         style: BrandPageCssStyle;
         viewport: ViewportsType;

package/lib/src/shared/page-navigation/store/page-navigation-store.d.ts

@@ -12,10 +12,10 @@ export declare const usePageNavigationStore: import("pinia").StoreDefinition<"pa
     getParentRouteIdForRoute(routeId: string): string | undefined;
     getFirstOrDefaultRoute(): NavRoute;
     setCurrentActivePage({ pageId }: {
-        pageId?: string;
+        pageId?: string | undefined;
     }): void;
     setCurrentActivePageAndGoToPage({ pageId }: {
-        pageId?: string;
+        pageId?: string | undefined;
     }): void;
     setNav({ nav }: {
         nav: NavModel;

package/lib/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.d.ts

@@ -1,3 +1,4 @@
+import type { NavRoute } from '@brand-page';
 declare const _default: import("vue").DefineComponent<{}, {
     isNewPageModalVisible: import("vue").ComputedRef<boolean>;
     newPageParentId: import("vue").ComputedRef<string | undefined>;
@@ -11,14 +12,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         setContentsByActivePage(): void;
         setPageContents({ pageId, contents, }: {
             pageId: string;
-            contents: import("../../../content-settings/models").ContentItem<import("../../../../brand-page").Content>[];
+            contents: import("../../../content-settings/models").ContentItem<import("@brand-page").Content>[];
         }): void;
         setPages({ pages }: {
             pages: import("../../models").ContentPage[];
         }): void;
         setNewPageModalVisibilityAsync({ isNewPageModalVisible, parentPageId, }: {
             isNewPageModalVisible: boolean;
-            parentPageId?: string;
+            parentPageId?: string | undefined;
         }): Promise<void>;
         addPage({ page }: {
             page: import("../../models").ContentPage;
@@ -33,22 +34,22 @@ declare const _default: import("vue").DefineComponent<{}, {
             pageId: string;
         }): void;
         setPageSettingsSectionValue({ sectionName, propName, index, value, merge, viewport, }: {
-            sectionName: import("../../store").PageSettingsSection;
-            propName: keyof import("../../store").PageSettingsStateSectionStyles;
-            index?: number;
-            value: string | boolean | import("../../../../brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("../../../../brand-page").ImageGalleryItem> | number | null | undefined;
-            merge?: boolean;
-            viewport: import("../../../../brand-page").ViewportsType;
+            sectionName: "footer" | "header" | "pages";
+            propName: "copyrightStyle" | "style" | "iconStyle" | "displayStyle" | "backgroundStyle" | "logoImage" | "logoImageStyle" | "isLogoOptional" | "viewport" | "isLogoVisible" | "logoTemplateImage" | "logoImageHeight" | "logoImageWidth" | "navigationStyles" | "navigation" | "logoImageUrl" | "logoDraftToken" | "logoVariation" | "logoImageBase64Url" | "copyrightText" | "socialLinks" | "textFontFamily";
+            index?: number | undefined;
+            value: string | number | boolean | BrandPageCssStyle | import("@brand-page").LinksItem[] | Partial<import("@brand-page").ImageItem> | null | undefined;
+            merge?: boolean | undefined;
+            viewport: import("@brand-page").ViewportsType;
         }): void;
         setPageSettingsSectionLogoImage({ sectionName, logoImage, logoTemplateImage, logoImageBase64Url, viewport, keepLogoVariation, logoImageHeight, logoImageWidth, }: {
-            logoImage: import("../../../../brand-page").LogoImageModel;
-            logoTemplateImage?: import("../../../../brand-page").LogoTemplateImageModel;
+            logoImage: import("@brand-page").LogoImageModel;
+            logoTemplateImage?: import("@brand-page").LogoTemplateImageModel | undefined;
             logoImageBase64Url: string | undefined;
-            sectionName: import("../../store").PageSettingsSection;
-            viewport: import("../../../../brand-page").ViewportsType;
-            keepLogoVariation?: boolean;
-            logoImageHeight?: string;
-            logoImageWidth?: string;
+            sectionName: "footer" | "header" | "pages";
+            viewport: import("@brand-page").ViewportsType;
+            keepLogoVariation?: boolean | undefined;
+            logoImageHeight?: string | undefined;
+            logoImageWidth?: string | undefined;
         }): void;
         updatePageSettingsSectionLogoImageStyle({ sectionName, viewport, logoImageHeight, logoImageWidth, }: {
             sectionName: string;
@@ -56,49 +57,49 @@ declare const _default: import("vue").DefineComponent<{}, {
             logoImageHeight: string | undefined;
             logoImageWidth: string | undefined;
         }): void;
-        updatePaymentConfigCurrency(updatedPaymentConfig: import("../../../../brand-page").BrandPagePaymentConfig, newCurrency: import("../../../../brand-page").BrandPagePaymentConfigCurrency): void;
+        updatePaymentConfigCurrency(updatedPaymentConfig: import("@brand-page").BrandPagePaymentConfig, newCurrency: import("@brand-page").BrandPagePaymentConfigCurrency): void;
         setPageTitle({ pageTitle, pageId, }: {
             pageTitle: string;
             pageId: string;
         }): void;
         addNewPage(payload: {
             title: string;
-            newPageParentId?: string;
+            newPageParentId?: string | undefined;
         }): import("../../models").ContentPage;
         setSelectedSectionName({ sectionName, }: {
-            sectionName?: import("../../store").PageSettingsSection;
+            sectionName?: "footer" | "header" | "pages" | undefined;
         }): void;
         setSectionCollapsedState({ sectionName, isCollapsed, }: {
-            sectionName: import("../../store").PageSettingsSection;
+            sectionName: "footer" | "header" | "pages";
             isCollapsed: boolean;
         }): void;
         collapseAllSections(): void;
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
     }>;
     pageNavigationStore: import("pinia").Store<"pageNavigation", import("../../../page-navigation/store/page-navigation-store").PageNavigationState, {
-        nav(): import("../../../../brand-page").NavModel;
+        nav(): import("@brand-page").NavModel;
     }, {
-        getPageSlugsForDepth(parentRouteId?: string): string[];
+        getPageSlugsForDepth(parentRouteId?: string | undefined): string[];
         getParentRouteIdForPage(pageId: string): string | undefined;
         getParentRouteIdForRoute(routeId: string): string | undefined;
-        getFirstOrDefaultRoute(): import("../../../../brand-page").NavRoute;
+        getFirstOrDefaultRoute(): NavRoute;
         setCurrentActivePage({ pageId }: {
-            pageId?: string;
+            pageId?: string | undefined;
         }): void;
         setCurrentActivePageAndGoToPage({ pageId }: {
-            pageId?: string;
+            pageId?: string | undefined;
         }): void;
         setNav({ nav }: {
-            nav: import("../../../../brand-page").NavModel;
+            nav: import("@brand-page").NavModel;
         }): void;
-        addNavRoute(newRoute: import("../../../../brand-page").NavRoute, parentRouteId?: string): void;
+        addNavRoute(newRoute: NavRoute, parentRouteId?: string | undefined): void;
         removeNavRoute(routeId: string): void;
         onDisplayNameChange(routeId: string, newDisplayName: string): void;
         setRouteTitleAndSlugByPageId(pageId: string, displayName: string, slug: string): void;
         updateRouteVisibility(routeId: string, isHidden: boolean): void;
         reorderVisibleAndHiddenRoutes(): void;
         isRouteASubpage(navRouteId: string): boolean;
-        recalculateSlugForRoute(routeId: string, previousParentRouteId?: string): void;
+        recalculateSlugForRoute(routeId: string, previousParentRouteId?: string | undefined): void;
     }>;
 }, {
     newPageTitle: string;

package/lib/src/shared/page-settings/components/new-page-modal/NewPageModal.mixin.js

@@ -3,6 +3,8 @@ import { getPageTitleError } from '../../utils';
 import { useUiPageSettingsStore } from '../../store';
 import { useEventTracker } from '@brand-page-maker/composables/useEventTracker';
 import { usePageNavigationStore } from '../../../page-navigation/store/page-navigation-store';
+import { v4 as uuid } from 'uuid';
+import { getPageSlugFromPageTitle } from '@src/lib';
 export default defineComponent({
     setup() {
         const pageSettingsStore = useUiPageSettingsStore();