@designcrowd/library.brand-page 6.1.8 → 6.1.9-ast-header-nav-1

package/lib/src/{CreatedOnBrandCrowd-de-de-s5PgrS4k.js → CreatedOnBrandCrowd-de-de-Dnx7Xy5k.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-21Llh7GA.js";
+import { _ as t } from "./lib-U2zn2JFW.js";
 const i = {}, h = {
   width: "275",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-en-us-DialvDTn.js → CreatedOnBrandCrowd-en-us-XmwdR7_u.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-21Llh7GA.js";
+import { _ as t } from "./lib-U2zn2JFW.js";
 const i = {}, h = {
   width: "251",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-es-es-CkWPaELu.js → CreatedOnBrandCrowd-es-es-DHqQbl_k.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-21Llh7GA.js";
+import { _ as t } from "./lib-U2zn2JFW.js";
 const i = {}, h = {
   width: "250",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-fr-DKsU-7B3.js → CreatedOnBrandCrowd-fr-ca-CIAqV_6Q.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-21Llh7GA.js";
+import { _ as t } from "./lib-U2zn2JFW.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-fr-ca-DKsU-7B3.js → CreatedOnBrandCrowd-fr-fr-CIAqV_6Q.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-21Llh7GA.js";
+import { _ as t } from "./lib-U2zn2JFW.js";
 const i = {}, h = {
   width: "237",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-pt-_nFRiTF7.js → CreatedOnBrandCrowd-pt-br-CT9PO0D0.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-21Llh7GA.js";
+import { _ as t } from "./lib-U2zn2JFW.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnBrandCrowd-pt-br-_nFRiTF7.js → CreatedOnBrandCrowd-pt-pt-CT9PO0D0.js}

@@ -1,5 +1,5 @@
 import { openBlock as e, createElementBlock as l, createStaticVNode as a } from "vue";
-import { _ as t } from "./lib-21Llh7GA.js";
+import { _ as t } from "./lib-U2zn2JFW.js";
 const i = {}, h = {
   width: "263",
   height: "36",

package/lib/src/{CreatedOnDcom-de-de-E3RR9E-W.js → CreatedOnDcom-de-de-CC-gPs5N.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-21Llh7GA.js";
+import { _ as e } from "./lib-U2zn2JFW.js";
 const M = {}, Z = {
   width: "242",
   height: "36",

package/lib/src/{CreatedOnDcom-en-us-BaKpfZyU.js → CreatedOnDcom-en-us-DA0VyuZ8.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-21Llh7GA.js";
+import { _ as e } from "./lib-U2zn2JFW.js";
 const i = {}, M = {
   width: "231",
   height: "36",

package/lib/src/{CreatedOnDcom-es-es-DAKlDkym.js → CreatedOnDcom-es-es-BbVBE26Q.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-21Llh7GA.js";
+import { _ as e } from "./lib-U2zn2JFW.js";
 const M = {}, Z = {
   width: "230",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-ca-COcb6S6R.js → CreatedOnDcom-fr-ca-BASOQZ0y.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-21Llh7GA.js";
+import { _ as e } from "./lib-U2zn2JFW.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-fr-fr-kIujhHbs.js → CreatedOnDcom-fr-fr-C3sJ3clo.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as e } from "./lib-21Llh7GA.js";
+import { _ as e } from "./lib-U2zn2JFW.js";
 const i = {}, l = {
   width: "216",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-br-q7aggQB7.js → CreatedOnDcom-pt-br-XUpNYIqV.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-21Llh7GA.js";
+import { _ as M } from "./lib-U2zn2JFW.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/{CreatedOnDcom-pt-pt-CWA39oCo.js → CreatedOnDcom-pt-pt-DBi9QxYw.js}

@@ -1,5 +1,5 @@
 import { openBlock as H, createElementBlock as V, createStaticVNode as t } from "vue";
-import { _ as M } from "./lib-21Llh7GA.js";
+import { _ as M } from "./lib-U2zn2JFW.js";
 const Z = {}, e = {
   width: "232",
   height: "36",

package/lib/src/brand-page/constants/index.d.ts

@@ -5,4 +5,5 @@ export * from './misc.constants';
 export * from './logo.constants';
 export * from './sections/header-display.constants';
 export * from './sections/navigation-display.constants';
+export * from './sections/navigation-type.constants';
 export * from './sections/footer-display.constants';

package/lib/src/brand-page/constants/index.js

@@ -5,4 +5,5 @@ export * from './misc.constants';
 export * from './logo.constants';
 export * from './sections/header-display.constants';
 export * from './sections/navigation-display.constants';
+export * from './sections/navigation-type.constants';
 export * from './sections/footer-display.constants';

package/lib/src/brand-page/constants/sections/header-display.constants.d.ts

@@ -1,4 +1,5 @@
 import type { ButtonGroupOption } from '@brand-page-maker/models/button-group.model';
+import type { NavigationType } from './navigation-type.constants';
 export declare const HEADER_DISPLAY: {
     /** @deprecated */
     readonly ALIGN_CENTERED: "centered";
@@ -37,7 +38,7 @@ export type PageSectionDisplayStyle = (typeof HEADER_DISPLAY)[keyof typeof HEADE
 export type HeaderDisplayStyle = PageSectionDisplayStyle;
 interface HeaderDisplayStyleConfig {
     viewMode: 'desktop' | 'mobile';
-    navType: 'tabs' | 'hamburger';
+    navType: NavigationType;
     supportLogo: boolean;
     supportedNavTypes: string[];
     option: ButtonGroupOption;

package/lib/src/brand-page/constants/sections/header-display.constants.js

@@ -44,7 +44,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_TAB_1,
             iconName: 'header-desktop-nav-style-tab-display-style-1',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_1,
             isSelected: false,
         },
@@ -57,7 +57,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_TAB_2,
             iconName: 'header-desktop-nav-style-tab-display-style-2',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_2,
             isSelected: false,
         },
@@ -70,7 +70,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_TAB_3,
             iconName: 'header-desktop-nav-style-tab-display-style-3',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_3,
             isSelected: false,
         },
@@ -83,7 +83,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_TAB_4,
             iconName: 'header-desktop-nav-style-tab-display-style-4',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_4,
             isSelected: false,
         },
@@ -96,7 +96,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_TAB_5,
             iconName: 'header-desktop-nav-style-tab-display-style-5',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_5,
             isSelected: false,
         },
@@ -109,7 +109,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_TAB_6,
             iconName: 'header-desktop-nav-style-tab-display-style-6',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_6,
             isSelected: false,
         },
@@ -123,7 +123,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_TAB_NO_LOGO_1,
             iconName: 'header-nav-style-tab-display-style-no-logo-1',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_NO_LOGO_1,
             isSelected: false,
         },
@@ -136,7 +136,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_TAB_NO_LOGO_2,
             iconName: 'header-nav-style-tab-display-style-no-logo-2',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_NO_LOGO_2,
             isSelected: false,
         },
@@ -149,7 +149,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_TAB_NO_LOGO_3,
             iconName: 'header-nav-style-tab-display-style-no-logo-3',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_TAB_NO_LOGO_3,
             isSelected: false,
         },
@@ -168,7 +168,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_HAMBURGER_1,
             iconName: 'header-desktop-nav-style-hamburger-display-style-1',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_HAMBURGER_1,
             isSelected: false,
         },
@@ -186,7 +186,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_HAMBURGER_2,
             iconName: 'header-desktop-nav-style-hamburger-display-style-2',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_HAMBURGER_2,
             isSelected: false,
         },
@@ -205,7 +205,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_HAMBURGER_NO_LOGO_1,
             iconName: 'header-nav-style-hamburger-display-style-no-logo-1',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_HAMBURGER_NO_LOGO_1,
             isSelected: false,
         },
@@ -223,7 +223,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_HAMBURGER_NO_LOGO_2,
             iconName: 'header-nav-style-hamburger-display-style-no-logo-2',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_HAMBURGER_NO_LOGO_2,
             isSelected: false,
         },
@@ -241,7 +241,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.DESKTOP_HAMBURGER_NO_LOGO_3,
             iconName: 'header-nav-style-hamburger-display-style-no-logo-3',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.DESKTOP_HAMBURGER_NO_LOGO_3,
             isSelected: false,
         },
@@ -255,7 +255,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_TAB_1,
             iconName: 'header-mobile-nav-style-tab-display-style-1',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_TAB_1,
             isSelected: false,
         },
@@ -268,7 +268,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_TAB_2,
             iconName: 'header-mobile-nav-style-tab-display-style-2',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_TAB_2,
             isSelected: false,
         },
@@ -282,7 +282,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_TAB_NO_LOGO_1,
             iconName: 'header-nav-style-tab-display-style-no-logo-2',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_TAB_NO_LOGO_1,
             isSelected: false,
         },
@@ -301,7 +301,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_HAMBURGER_1,
             iconName: 'header-mobile-nav-style-hamburger-display-style-1',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_HAMBURGER_1,
             isSelected: false,
         },
@@ -319,7 +319,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_HAMBURGER_2,
             iconName: 'header-mobile-nav-style-hamburger-display-style-2',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_HAMBURGER_2,
             isSelected: false,
         },
@@ -337,7 +337,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_HAMBURGER_3,
             iconName: 'header-mobile-nav-style-hamburger-display-style-3',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_HAMBURGER_3,
             isSelected: false,
         },
@@ -355,7 +355,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_HAMBURGER_4,
             iconName: 'header-mobile-nav-style-hamburger-display-style-4',
-            iconViewBox: '0 0 169 57',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_HAMBURGER_4,
             isSelected: false,
         },
@@ -374,7 +374,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_HAMBURGER_NO_LOGO_1,
             iconName: 'header-nav-style-hamburger-display-style-no-logo-1',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_HAMBURGER_NO_LOGO_1,
             isSelected: false,
         },
@@ -392,7 +392,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_HAMBURGER_NO_LOGO_2,
             iconName: 'header-nav-style-hamburger-display-style-no-logo-2',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_HAMBURGER_NO_LOGO_2,
             isSelected: false,
         },
@@ -410,7 +410,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
         option: {
             value: HEADER_DISPLAY.MOBILE_HAMBURGER_NO_LOGO_3,
             iconName: 'header-nav-style-hamburger-display-style-no-logo-3',
-            iconViewBox: '0 0 169 75',
+            iconViewBox: '0 0 160 56',
             dataAttribute: HEADER_DISPLAY.MOBILE_HAMBURGER_NO_LOGO_3,
             isSelected: false,
         },

package/lib/src/brand-page/constants/sections/navigation-type.constants.d.ts

@@ -0,0 +1,9 @@
+import type { NavigationDisplayType } from './navigation-display.constants';
+export declare const NAVIGATION_TYPE: {
+    readonly bar: "tabs";
+    readonly hamburger: "hamburger";
+};
+export type NavigationType = (typeof NAVIGATION_TYPE)[keyof typeof NAVIGATION_TYPE];
+export declare const NAVIGATION_TYPE_BY_DISPLAY_TYPE: Record<NavigationDisplayType, NavigationType>;
+export declare const NAVIGATION_TYPE_DEFAULT_DISPLAY_TYPE: Record<NavigationType, NavigationDisplayType>;
+export declare const getNavigationType: (displayType: string) => NavigationType;

package/lib/src/brand-page/constants/sections/navigation-type.constants.js

@@ -0,0 +1,31 @@
+import { NAVIGATION_DISPLAY } from './navigation-display.constants';
+export const NAVIGATION_TYPE = {
+    bar: 'tabs',
+    hamburger: 'hamburger',
+};
+// Exhaustive: TS forces every NAVIGATION_DISPLAY value (current + deprecated legacy) to be classified
+// into a group here, so a future style can't be added without deciding which group it belongs to.
+export const NAVIGATION_TYPE_BY_DISPLAY_TYPE = {
+    [NAVIGATION_DISPLAY.TAB_1]: NAVIGATION_TYPE.bar,
+    [NAVIGATION_DISPLAY.TAB_2]: NAVIGATION_TYPE.bar,
+    [NAVIGATION_DISPLAY.HAMBURGER_1]: NAVIGATION_TYPE.hamburger,
+    [NAVIGATION_DISPLAY.HAMBURGER_2]: NAVIGATION_TYPE.hamburger,
+    [NAVIGATION_DISPLAY.HAMBURGER_3]: NAVIGATION_TYPE.hamburger,
+    [NAVIGATION_DISPLAY.HAMBURGER_4]: NAVIGATION_TYPE.hamburger,
+    [NAVIGATION_DISPLAY.tabs]: NAVIGATION_TYPE.bar,
+    [NAVIGATION_DISPLAY.buttons]: NAVIGATION_TYPE.bar,
+    [NAVIGATION_DISPLAY.hamburger]: NAVIGATION_TYPE.hamburger,
+    [NAVIGATION_DISPLAY.hamburgerLight]: NAVIGATION_TYPE.hamburger,
+    [NAVIGATION_DISPLAY.hamburgerLightHalf]: NAVIGATION_TYPE.hamburger,
+    [NAVIGATION_DISPLAY.hamburgerRounded]: NAVIGATION_TYPE.hamburger,
+};
+export const NAVIGATION_TYPE_DEFAULT_DISPLAY_TYPE = {
+    [NAVIGATION_TYPE.bar]: NAVIGATION_DISPLAY.TAB_1,
+    [NAVIGATION_TYPE.hamburger]: NAVIGATION_DISPLAY.HAMBURGER_1,
+};
+// Falls back to a substring sniff for any value not in the map (e.g. a hand-edited
+// or not-yet-migrated draft) so this can never fail to classify a stored displayType.
+export const getNavigationType = (displayType) => NAVIGATION_TYPE_BY_DISPLAY_TYPE[displayType] ??
+    (displayType.includes('hamburger')
+        ? NAVIGATION_TYPE.hamburger
+        : NAVIGATION_TYPE.bar);

package/lib/src/brand-page-maker/components/brand-page-maker/BrandPageMaker.mixin.d.ts

@@ -1185,6 +1185,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }): void;
         collapseAllSections(): void;
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
+        setPreviousSelectedNavigationDisplayType(viewport: string, displayType: string): void;
     }>;
     uiTemplateSettingsStore: import("pinia").Store<"uiTemplateSettings", import("@shared/template-settings/store").TemplatesSettingState, {
         renderAsImage(): boolean;

package/lib/src/brand-page-maker/components/brandpage-maker-page/BrandPageMakerPage.mixin.d.ts

@@ -1197,6 +1197,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         }): void;
         collapseAllSections(): void;
         setPreviousSelectedDisplayStyle(viewport: string, displayStyle: string): void;
+        setPreviousSelectedNavigationDisplayType(viewport: string, displayType: string): void;
     }>;
     eventTracker: {
         sendShippingToggleEvent: (isEnabled: boolean) => void;

package/lib/src/brand-page-maker/models/navigation-style-configs.d.ts

@@ -20,6 +20,7 @@ export interface NavigationStyleConfig extends Omit<NavigationDesktop | Navigati
     options: NavigationStyleConfigOption[];
 }
 export declare const availableNavigationStyleConfigs: NavigationStyleConfig[];
+export declare const navigationTypeOptions: () => ButtonGroupOption[];
 export interface NavigationStylesTypeConfig {
     type: PageSection;
     isLogoFieldsOptional: boolean;

package/lib/src/brand-page-maker/models/navigation-style-configs.js

@@ -1,4 +1,4 @@
-import { defaultHamburgerNavigation, NAVIGATION_DISPLAY, FONT_FAMILY_CONFIGS, DEFAULT_FONT_FAMILY_KEY, FONT_SIZE_BODY, DEFAULT_TEXT_ALIGN, } from '@brand-page';
+import { defaultHamburgerNavigation, NAVIGATION_DISPLAY, NAVIGATION_TYPE, FONT_FAMILY_CONFIGS, DEFAULT_FONT_FAMILY_KEY, FONT_SIZE_BODY, DEFAULT_TEXT_ALIGN, } from '@brand-page';
 import { PAGE_SECTIONS } from '@shared/page-settings/models';
 import { commonTr, modelsTr } from '@src/composables/useTranslate';
 export const NavigationStyleConfigOptions = {
@@ -76,7 +76,8 @@ export const availableNavigationStyleConfigs = [
         buttonGroupOption: {
             value: NAVIGATION_DISPLAY.TAB_1,
             iconName: 'nav-style-tab-display-style-1',
-            iconViewBox: '0 0 94 50',
+            iconViewBox: '0 0 160 56',
+            dataAttribute: 'data-nav-style-tab-1',
             isSelected: false,
         },
         renderAfterLogo: false,
@@ -113,7 +114,8 @@ export const availableNavigationStyleConfigs = [
         buttonGroupOption: {
             value: NAVIGATION_DISPLAY.TAB_2,
             iconName: 'nav-style-tab-display-style-2',
-            iconViewBox: '0 0 94 50',
+            iconViewBox: '0 0 160 56',
+            dataAttribute: 'data-nav-style-tab-2',
             isSelected: false,
         },
         renderAfterLogo: false,
@@ -125,7 +127,8 @@ export const availableNavigationStyleConfigs = [
         buttonGroupOption: {
             value: NAVIGATION_DISPLAY.HAMBURGER_1,
             iconName: 'nav-style-hamburger-display-style-1',
-            iconViewBox: '0 0 94 50',
+            iconViewBox: '0 0 33 33',
+            dataAttribute: 'data-nav-style-hamburger-1',
             isSelected: false,
         },
         renderAfterLogo: false,
@@ -136,7 +139,8 @@ export const availableNavigationStyleConfigs = [
         buttonGroupOption: {
             value: NAVIGATION_DISPLAY.HAMBURGER_2,
             iconName: 'nav-style-hamburger-display-style-2',
-            iconViewBox: '0 0 94 50',
+            iconViewBox: '0 0 33 33',
+            dataAttribute: 'data-nav-style-hamburger-2',
             isSelected: false,
         },
         renderAfterLogo: false,
@@ -147,7 +151,8 @@ export const availableNavigationStyleConfigs = [
         buttonGroupOption: {
             value: NAVIGATION_DISPLAY.HAMBURGER_3,
             iconName: 'nav-style-hamburger-display-style-3',
-            iconViewBox: '0 0 94 50',
+            iconViewBox: '0 0 33 33',
+            dataAttribute: 'data-nav-style-hamburger-3',
             isSelected: false,
         },
         renderAfterLogo: false,
@@ -158,12 +163,31 @@ export const availableNavigationStyleConfigs = [
         buttonGroupOption: {
             value: NAVIGATION_DISPLAY.HAMBURGER_4,
             iconName: 'nav-style-hamburger-display-style-4',
-            iconViewBox: '0 0 94 50',
+            iconViewBox: '0 0 33 33',
+            dataAttribute: 'data-nav-style-hamburger-4',
             isSelected: false,
         },
         renderAfterLogo: false,
     },
 ];
+export const navigationTypeOptions = () => [
+    {
+        value: NAVIGATION_TYPE.bar,
+        iconName: 'nav-style-type-bar',
+        iconViewBox: '0 0 160 56',
+        title: modelsTr('navigationTypeBar'),
+        dataAttribute: 'data-nav-type-bar',
+        isSelected: false,
+    },
+    {
+        value: NAVIGATION_TYPE.hamburger,
+        iconName: 'nav-style-type-hamburger',
+        iconViewBox: '0 0 160 56',
+        title: modelsTr('navigationTypeHamburger'),
+        dataAttribute: 'data-nav-type-hamburger',
+        isSelected: false,
+    },
+];
 export const navigationStyleTypeConfigs = {
     header: {
         type: PAGE_SECTIONS.header,