npm - @designcrowd/library.brand-page - Versions diffs - 6.2.0 → 6.2.1 - Mend

@designcrowd/library.brand-page 6.2.0 → 6.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (121) hide show

package/lib/src/shared/content-settings/components/content-settings/ContentSettings.mixin.d.ts CHANGED Viewed

@@ -468,6 +468,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     pageNavigationStore: import("pinia").Store<"pageNavigation", import("../../../../shared/page-navigation/store/page-navigation-store").PageNavigationState, {
         nav(): import("@brand-page").NavModel;
+        hasVisibleNavigation(): boolean;
     }, {
         getPageSlugsForDepth(parentRouteId?: string): string[];
         getParentRouteIdForPage(pageId: string): string | undefined;
@@ -527,7 +528,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             sectionName: import("../../../page-settings/store").PageSettingsSection;
             propName: keyof import("../../../page-settings/store").PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | import("@brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;

package/lib/src/shared/content-settings/components/content-settings/ReplaceImageSettingsForContent.mixin.d.ts CHANGED Viewed

@@ -536,7 +536,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             sectionName: import("../../../page-settings/store").PageSettingsSection;
             propName: keyof PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | import("@brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;

package/lib/src/shared/content-settings/components/content-settings-item/ContentSettingsItemField.mixin.d.ts CHANGED Viewed

@@ -758,7 +758,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sectionName: import("../../../page-settings/store").PageSettingsSection;
             propName: keyof import("../../../page-settings/store").PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | import("@brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;

package/lib/src/shared/content-settings/components/payment-config-field/PaymentConfigField.mixin.d.ts CHANGED Viewed

@@ -560,7 +560,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sectionName: import("@shared/page-settings/store").PageSettingsSection;
             propName: keyof import("@shared/page-settings/store").PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("@brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("@brand-page").ImageGalleryItem> | import("@brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("@brand-page").ViewportsType;
         }): void;

package/lib/src/shared/content-settings/components/text-field/TextField.mixin.d.ts CHANGED Viewed

@@ -1,4 +1,9 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    showErrorWhenEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {}, {}, {}, {}, import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     attrs: {
         type: ObjectConstructor;
         required: false;
@@ -197,5 +202,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
 }, {}, {
     TextInput: any;
     Textarea: any;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    showErrorWhenEmpty: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    showErrorWhenEmpty: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/src/shared/content-settings/components/text-field/TextField.mixin.js CHANGED Viewed

@@ -2,4 +2,18 @@ import { defineComponent } from 'vue';
 import GenericTextInputMixin from '../GenericTextInput.mixin';
 export default defineComponent({
     mixins: [GenericTextInputMixin],
+    props: {
+        // Opt-in: clearing the field shows its error at once, not only after blur.
+        showErrorWhenEmpty: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    watch: {
+        value(value) {
+            if (this.showErrorWhenEmpty && !(value || '').trim()) {
+                this.isDirty = false;
+            }
+        },
+    },
 });

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

@@ -727,7 +727,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             sectionName: import("@shared/page-settings/store").PageSettingsSection;
             propName: keyof import("@shared/page-settings/store").PageSettingsStateSectionStyles;
             index?: number;
-            value: string | boolean | import("../../../brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("../../../brand-page").ImageGalleryItem> | number | null | undefined;
+            value: string | boolean | import("../../../brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("../../../brand-page").ImageGalleryItem> | import("../../../brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("../../../brand-page").ViewportsType;
         }): void;

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

@@ -6,6 +6,7 @@ export interface PageNavigationState {
 }
 export declare const usePageNavigationStore: import("pinia").StoreDefinition<"pageNavigation", PageNavigationState, {
     nav(): NavModel;
+    hasVisibleNavigation(): boolean;
 }, {
     getPageSlugsForDepth(parentRouteId?: string): string[];
     getParentRouteIdForPage(pageId: string): string | undefined;

package/lib/src/shared/page-navigation/store/page-navigation-store.js CHANGED Viewed

@@ -45,6 +45,18 @@ export const usePageNavigationStore = defineStore('pageNavigation', {
                 orders: this.orders,
             });
         },
+        // Mirrors the renderer's hasVisibleNavigation (route.util.ts) on the maker's nav state:
+        // the header shows a nav for >1 visible top-level page, or 1 with a visible subpage.
+        hasVisibleNavigation() {
+            const isVisible = (order) => {
+                const route = this.routes.find((r) => r.id === order.routeId);
+                return route !== undefined && !route.isHidden;
+            };
+            const visibleOrders = this.orders.filter(isVisible);
+            return (visibleOrders.length > 1 ||
+                (visibleOrders.length === 1 &&
+                    visibleOrders[0].subRoutes.some(isVisible)));
+        },
     },
     actions: {
         getPageSlugsForDepth(parentRouteId) {

package/lib/src/shared/page-settings/components/delete-page-modal/DeletePageModal.mixin.d.ts CHANGED Viewed

@@ -35,8 +35,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
+    isVisible: boolean;
     pageId: string;
     pageTitle: string;
-    isVisible: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             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;
+            value: string | boolean | import("../../../../brand-page").LinksItem[] | BrandPageCssStyle | Partial<import("../../../../brand-page").ImageGalleryItem> | import("../../../../brand-page").HeaderButton | number | null | undefined;
             merge?: boolean;
             viewport: import("../../../../brand-page").ViewportsType;
         }): void;
@@ -79,6 +79,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     }>;
     pageNavigationStore: import("pinia").Store<"pageNavigation", import("../../../page-navigation/store/page-navigation-store").PageNavigationState, {
         nav(): import("../../../../brand-page").NavModel;
+        hasVisibleNavigation(): boolean;
     }, {
         getPageSlugsForDepth(parentRouteId?: string): string[];
         getParentRouteIdForPage(pageId: string): string | undefined;