@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.
Files changed (40) hide show
  1. package/lib/src/{CreatedOnBrandCrowd-de-de-DetHPGnD.js → CreatedOnBrandCrowd-de-de-BIMxJywc.js} +1 -1
  2. package/lib/src/{CreatedOnBrandCrowd-en-us-DregVZOZ.js → CreatedOnBrandCrowd-en-us-Lh5uh9n9.js} +1 -1
  3. package/lib/src/{CreatedOnBrandCrowd-es-es-BhIHzns6.js → CreatedOnBrandCrowd-es-es-FtLSqx3N.js} +1 -1
  4. package/lib/src/{CreatedOnBrandCrowd-fr-fr-DLkG0EVw.js → CreatedOnBrandCrowd-fr-ca-CvI8UTVG.js} +1 -1
  5. package/lib/src/{CreatedOnBrandCrowd-fr-ca-DLkG0EVw.js → CreatedOnBrandCrowd-fr-fr-CvI8UTVG.js} +1 -1
  6. package/lib/src/{CreatedOnBrandCrowd-pt-pt-Dbm1iuTb.js → CreatedOnBrandCrowd-pt-br-YWv5LU7d.js} +1 -1
  7. package/lib/src/{CreatedOnBrandCrowd-pt-br-Dbm1iuTb.js → CreatedOnBrandCrowd-pt-pt-YWv5LU7d.js} +1 -1
  8. package/lib/src/{CreatedOnDcom-de-de-CRHtfilV.js → CreatedOnDcom-de-de-Wje6FVis.js} +1 -1
  9. package/lib/src/{CreatedOnDcom-en-us-Cv0JKVvY.js → CreatedOnDcom-en-us-CcuDnx-O.js} +1 -1
  10. package/lib/src/{CreatedOnDcom-es-es-DfpoOGSe.js → CreatedOnDcom-es-es-BnqMImEL.js} +1 -1
  11. package/lib/src/{CreatedOnDcom-fr-ca-CoSXB7DX.js → CreatedOnDcom-fr-ca-D8VXXEme.js} +1 -1
  12. package/lib/src/{CreatedOnDcom-fr-fr-BEFJwrg-.js → CreatedOnDcom-fr-fr-DvXQ6K_p.js} +1 -1
  13. package/lib/src/{CreatedOnDcom-pt-br-Kk_lP6Xi.js → CreatedOnDcom-pt-br-2Avl0oIs.js} +1 -1
  14. package/lib/src/{CreatedOnDcom-pt-pt-ZC0pSDQ8.js → CreatedOnDcom-pt-pt-B782SEU7.js} +1 -1
  15. package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.d.ts +1 -1
  16. package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js +3 -3
  17. package/lib/src/brand-page/components/page/Page.mixin.d.ts +1 -1
  18. package/lib/src/brand-page/components/page/Page.mixin.js +2 -2
  19. package/lib/src/brand-page/constants/sections/header-display.constants.d.ts +2 -1
  20. package/lib/src/brand-page/constants/sections/header-display.constants.js +7 -1
  21. package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts +1 -1
  22. package/lib/src/css/library.brand-page-brandCrowd.min.css +174 -193
  23. package/lib/src/css/library.brand-page-brandPage.min.css +174 -193
  24. package/lib/src/css/library.brand-page-designCom.min.css +174 -193
  25. package/lib/src/css/library.brand-page-preview.min.css +174 -193
  26. package/lib/src/index.mjs +1 -1
  27. package/lib/src/{lib-DfB6kyv3.js → lib-1IZaC4T6.js} +12929 -12928
  28. package/package.json +1 -1
  29. package/src/brand-page/components/button/Button.vue +8 -8
  30. package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.ts +3 -3
  31. package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.vue +9 -9
  32. package/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.vue.test.ts +11 -11
  33. package/src/brand-page/components/page/Page.mixin.ts +2 -2
  34. package/src/brand-page/components/page/Page.vue +1 -1
  35. package/src/brand-page/components/page-header/HeaderLayout.vue +23 -41
  36. package/src/brand-page/components/page-header/PageHeader.vue +1 -1
  37. package/src/brand-page/components/page-header/PageHeader.vue.test.ts +3 -3
  38. package/src/brand-page/constants/sections/header-display.constants.test.ts +3 -3
  39. package/src/brand-page/constants/sections/header-display.constants.ts +15 -1
  40. package/src/shared/page-settings/components/page-settings-section-styles/HeaderDisplayStyle.vue +5 -23
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DfB6kyv3.js";
2
+ import { _ as t } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, h = {
4
4
  width: "275",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DfB6kyv3.js";
2
+ import { _ as t } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, h = {
4
4
  width: "251",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DfB6kyv3.js";
2
+ import { _ as t } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, h = {
4
4
  width: "250",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DfB6kyv3.js";
2
+ import { _ as t } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DfB6kyv3.js";
2
+ import { _ as t } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, h = {
4
4
  width: "237",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DfB6kyv3.js";
2
+ import { _ as t } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
2
- import { _ as t } from "./lib-DfB6kyv3.js";
2
+ import { _ as t } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, h = {
4
4
  width: "263",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DfB6kyv3.js";
2
+ import { _ as e } from "./lib-1IZaC4T6.js";
3
3
  const M = {}, Z = {
4
4
  width: "242",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DfB6kyv3.js";
2
+ import { _ as e } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, M = {
4
4
  width: "231",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DfB6kyv3.js";
2
+ import { _ as e } from "./lib-1IZaC4T6.js";
3
3
  const M = {}, Z = {
4
4
  width: "230",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DfB6kyv3.js";
2
+ import { _ as e } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as e } from "./lib-DfB6kyv3.js";
2
+ import { _ as e } from "./lib-1IZaC4T6.js";
3
3
  const i = {}, l = {
4
4
  width: "216",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-DfB6kyv3.js";
2
+ import { _ as M } from "./lib-1IZaC4T6.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -1,5 +1,5 @@
1
1
  import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
2
- import { _ as M } from "./lib-DfB6kyv3.js";
2
+ import { _ as M } from "./lib-1IZaC4T6.js";
3
3
  const Z = {}, e = {
4
4
  width: "232",
5
5
  height: "36",
@@ -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
- onDrawerCtaClick(event: MouseEvent): void;
42
+ onSideMenuCtaClick(event: MouseEvent): void;
43
43
  toggleExpanded(pageId: string): void;
44
44
  isExpanded(pageId: string): boolean;
45
45
  expandSubPageIfCurrentPage(): void;
@@ -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 drawer shows none.
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 drawer.
99
- onDrawerCtaClick(event) {
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
- drawerHeaderButtonViewModel(): ButtonViewModel | undefined;
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
- // Drawer shows the button exactly when the header row doesn't — never both.
280
- drawerHeaderButtonViewModel() {
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 drawer instead (unless the nav is hidden — then there is no drawer). */
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 drawer instead (unless the nav is hidden — then there is no drawer). */
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' &&
@@ -1435,7 +1435,7 @@ declare const _default: import("vue").DefineComponent<{}, {
1435
1435
  headerViewModelDesktop(): any;
1436
1436
  isNavigationEmbeddedInLogoMobile(): boolean;
1437
1437
  isNavigationEmbeddedInLogoDesktop(): boolean;
1438
- drawerHeaderButtonViewModel(): import("@brand-page").ButtonViewModel | undefined;
1438
+ sideMenuHeaderButtonViewModel(): import("@brand-page").ButtonViewModel | undefined;
1439
1439
  shouldShowNavigation(): boolean;
1440
1440
  showNavigationAfterLogoMobile(): boolean;
1441
1441
  showNavigationAfterLogoDesktop(): boolean;