@designcrowd/library.brand-page 6.1.17-ast-header-button-4 → 6.1.17-ast-header-button-6
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.
- package/lib/src/{CreatedOnBrandCrowd-de-de-DetHPGnD.js → CreatedOnBrandCrowd-de-de-BIMxJywc.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-en-us-DregVZOZ.js → CreatedOnBrandCrowd-en-us-Lh5uh9n9.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-es-es-BhIHzns6.js → CreatedOnBrandCrowd-es-es-FtLSqx3N.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-fr-DLkG0EVw.js → CreatedOnBrandCrowd-fr-ca-CvI8UTVG.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-fr-ca-DLkG0EVw.js → CreatedOnBrandCrowd-fr-fr-CvI8UTVG.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-pt-Dbm1iuTb.js → CreatedOnBrandCrowd-pt-br-YWv5LU7d.js} +1 -1
- package/lib/src/{CreatedOnBrandCrowd-pt-br-Dbm1iuTb.js → CreatedOnBrandCrowd-pt-pt-YWv5LU7d.js} +1 -1
- package/lib/src/{CreatedOnDcom-de-de-CRHtfilV.js → CreatedOnDcom-de-de-Wje6FVis.js} +1 -1
- package/lib/src/{CreatedOnDcom-en-us-Cv0JKVvY.js → CreatedOnDcom-en-us-CcuDnx-O.js} +1 -1
- package/lib/src/{CreatedOnDcom-es-es-DfpoOGSe.js → CreatedOnDcom-es-es-BnqMImEL.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-ca-CoSXB7DX.js → CreatedOnDcom-fr-ca-D8VXXEme.js} +1 -1
- package/lib/src/{CreatedOnDcom-fr-fr-BEFJwrg-.js → CreatedOnDcom-fr-fr-DvXQ6K_p.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-br-Kk_lP6Xi.js → CreatedOnDcom-pt-br-2Avl0oIs.js} +1 -1
- package/lib/src/{CreatedOnDcom-pt-pt-ZC0pSDQ8.js → CreatedOnDcom-pt-pt-B782SEU7.js} +1 -1
- package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.d.ts +1 -1
- package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js +3 -3
- package/lib/src/brand-page/components/page/Page.mixin.d.ts +1 -1
- package/lib/src/brand-page/components/page/Page.mixin.js +2 -2
- package/lib/src/brand-page/constants/sections/header-display.constants.d.ts +2 -1
- package/lib/src/brand-page/constants/sections/header-display.constants.js +7 -1
- package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -1
- package/lib/src/css/library.brand-page-brandCrowd.min.css +174 -193
- package/lib/src/css/library.brand-page-brandPage.min.css +174 -193
- package/lib/src/css/library.brand-page-designCom.min.css +174 -193
- package/lib/src/css/library.brand-page-preview.min.css +174 -193
- package/lib/src/index.mjs +1 -1
- package/lib/src/{lib-DfB6kyv3.js → lib-1IZaC4T6.js} +12929 -12928
- package/package.json +1 -1
- package/src/brand-page/components/button/Button.vue +8 -8
- package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.ts +3 -3
- package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.vue +9 -9
- package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.vue.test.ts +11 -11
- package/src/brand-page/components/page/Page.mixin.ts +2 -2
- package/src/brand-page/components/page/Page.vue +1 -1
- package/src/brand-page/components/page-header/HeaderLayout.vue +23 -41
- package/src/brand-page/components/page-header/PageHeader.vue +1 -1
- package/src/brand-page/components/page-header/PageHeader.vue.test.ts +3 -3
- package/src/brand-page/constants/sections/header-display.constants.test.ts +3 -3
- package/src/brand-page/constants/sections/header-display.constants.ts +15 -1
- package/src/shared/page-settings/components/page-settings-section-styles/HeaderDisplayStyle.vue +5 -23
package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.d.ts
CHANGED
|
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
39
39
|
isCurrentPage(navItem: NavItemViewModel): boolean;
|
|
40
40
|
getSubNavItemStyle(navItem: NavItemViewModel): BrandPageCssStyle;
|
|
41
41
|
closeSideMenu(): void;
|
|
42
|
-
|
|
42
|
+
onSideMenuCtaClick(event: MouseEvent): void;
|
|
43
43
|
toggleExpanded(pageId: string): void;
|
|
44
44
|
isExpanded(pageId: string): boolean;
|
|
45
45
|
expandSubPageIfCurrentPage(): void;
|
package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js
CHANGED
|
@@ -19,7 +19,7 @@ export default defineComponent({
|
|
|
19
19
|
required: true,
|
|
20
20
|
},
|
|
21
21
|
// Provided only when the header row does not render the CTA (the caller
|
|
22
|
-
// decides via headerRowRendersCta) — absent means the
|
|
22
|
+
// decides via headerRowRendersCta) — absent means the side menu shows none.
|
|
23
23
|
headerButtonViewModel: {
|
|
24
24
|
type: Object,
|
|
25
25
|
required: false,
|
|
@@ -95,8 +95,8 @@ export default defineComponent({
|
|
|
95
95
|
closeSideMenu() {
|
|
96
96
|
this.$emit('close-side-menu');
|
|
97
97
|
},
|
|
98
|
-
// Preview: inert (same guard as onHeaderCtaClick); published: follow link, close
|
|
99
|
-
|
|
98
|
+
// Preview: inert (same guard as onHeaderCtaClick); published: follow link, close the side menu.
|
|
99
|
+
onSideMenuCtaClick(event) {
|
|
100
100
|
if (this.context.isPreview) {
|
|
101
101
|
event.preventDefault();
|
|
102
102
|
event.stopPropagation();
|
|
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
81
81
|
headerViewModelDesktop(): any;
|
|
82
82
|
isNavigationEmbeddedInLogoMobile(): boolean;
|
|
83
83
|
isNavigationEmbeddedInLogoDesktop(): boolean;
|
|
84
|
-
|
|
84
|
+
sideMenuHeaderButtonViewModel(): ButtonViewModel | undefined;
|
|
85
85
|
shouldShowNavigation(): boolean;
|
|
86
86
|
showNavigationAfterLogoMobile(): boolean;
|
|
87
87
|
showNavigationAfterLogoDesktop(): boolean;
|
|
@@ -276,8 +276,8 @@ export default defineComponent({
|
|
|
276
276
|
this.contents[0]?.type === 'logo' &&
|
|
277
277
|
this.viewModel.pages.length > 1);
|
|
278
278
|
},
|
|
279
|
-
//
|
|
280
|
-
|
|
279
|
+
// The side menu shows the button exactly when the header row doesn't — never both.
|
|
280
|
+
sideMenuHeaderButtonViewModel() {
|
|
281
281
|
const header = this.viewModel.headerViewModelMobile;
|
|
282
282
|
if (!header.headerButtonViewModel ||
|
|
283
283
|
headerRowRendersCta(header.displayStyle, this.shouldShowNavigation)) {
|
|
@@ -42,8 +42,9 @@ interface HeaderDisplayStyleConfig {
|
|
|
42
42
|
supportLogo: boolean;
|
|
43
43
|
supportedNavTypes: string[];
|
|
44
44
|
option: ButtonGroupOption;
|
|
45
|
+
withButtonIconName?: string;
|
|
45
46
|
}
|
|
46
47
|
export declare const HEADER_DISPLAY_STYLE_CONFIGS: HeaderDisplayStyleConfig[];
|
|
47
|
-
/** True when the header row shows the button; mobile hamburger styles put it in the
|
|
48
|
+
/** True when the header row shows the button; mobile hamburger styles put it in the side menu instead (unless the nav is hidden — then there is no side menu). */
|
|
48
49
|
export declare const headerRowRendersCta: (displayStyle: string, showNav: boolean) => boolean;
|
|
49
50
|
export {};
|
|
@@ -48,6 +48,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
|
|
|
48
48
|
dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_1,
|
|
49
49
|
isSelected: false,
|
|
50
50
|
},
|
|
51
|
+
withButtonIconName: 'header-desktop-nav-style-tab-display-style-with-button-1',
|
|
51
52
|
},
|
|
52
53
|
{
|
|
53
54
|
viewMode: 'desktop',
|
|
@@ -61,6 +62,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
|
|
|
61
62
|
dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_2,
|
|
62
63
|
isSelected: false,
|
|
63
64
|
},
|
|
65
|
+
withButtonIconName: 'header-desktop-nav-style-tab-display-style-with-button-2',
|
|
64
66
|
},
|
|
65
67
|
{
|
|
66
68
|
viewMode: 'desktop',
|
|
@@ -74,6 +76,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
|
|
|
74
76
|
dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_3,
|
|
75
77
|
isSelected: false,
|
|
76
78
|
},
|
|
79
|
+
withButtonIconName: 'header-desktop-nav-style-tab-display-style-with-button-3',
|
|
77
80
|
},
|
|
78
81
|
{
|
|
79
82
|
viewMode: 'desktop',
|
|
@@ -87,6 +90,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
|
|
|
87
90
|
dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_4,
|
|
88
91
|
isSelected: false,
|
|
89
92
|
},
|
|
93
|
+
withButtonIconName: 'header-desktop-nav-style-tab-display-style-with-button-4',
|
|
90
94
|
},
|
|
91
95
|
{
|
|
92
96
|
viewMode: 'desktop',
|
|
@@ -100,6 +104,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
|
|
|
100
104
|
dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_5,
|
|
101
105
|
isSelected: false,
|
|
102
106
|
},
|
|
107
|
+
withButtonIconName: 'header-desktop-nav-style-tab-display-style-with-button-5',
|
|
103
108
|
},
|
|
104
109
|
{
|
|
105
110
|
viewMode: 'desktop',
|
|
@@ -113,6 +118,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
|
|
|
113
118
|
dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_6,
|
|
114
119
|
isSelected: false,
|
|
115
120
|
},
|
|
121
|
+
withButtonIconName: 'header-desktop-nav-style-tab-display-style-with-button-6',
|
|
116
122
|
},
|
|
117
123
|
// desktop - tab with no logo
|
|
118
124
|
{
|
|
@@ -416,7 +422,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
|
|
|
416
422
|
},
|
|
417
423
|
},
|
|
418
424
|
];
|
|
419
|
-
/** True when the header row shows the button; mobile hamburger styles put it in the
|
|
425
|
+
/** True when the header row shows the button; mobile hamburger styles put it in the side menu instead (unless the nav is hidden — then there is no side menu). */
|
|
420
426
|
export const headerRowRendersCta = (displayStyle, showNav) => !showNav ||
|
|
421
427
|
!HEADER_DISPLAY_STYLE_CONFIGS.some((config) => config.option.value === displayStyle &&
|
|
422
428
|
config.viewMode === 'mobile' &&
|
package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts
CHANGED
|
@@ -1435,7 +1435,7 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
1435
1435
|
headerViewModelDesktop(): any;
|
|
1436
1436
|
isNavigationEmbeddedInLogoMobile(): boolean;
|
|
1437
1437
|
isNavigationEmbeddedInLogoDesktop(): boolean;
|
|
1438
|
-
|
|
1438
|
+
sideMenuHeaderButtonViewModel(): import("@brand-page").ButtonViewModel | undefined;
|
|
1439
1439
|
shouldShowNavigation(): boolean;
|
|
1440
1440
|
showNavigationAfterLogoMobile(): boolean;
|
|
1441
1441
|
showNavigationAfterLogoDesktop(): boolean;
|