@designcrowd/library.brand-page 6.1.17-ast-optional-button-2 → 6.1.17-ast-optional-button-4

package/lib/src/{CreatedOnBrandCrowd-de-de-DZSdwMx1.js → CreatedOnBrandCrowd-de-de-Cu_ukOxI.js}

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

package/lib/src/{CreatedOnBrandCrowd-en-us-LK3d278c.js → CreatedOnBrandCrowd-en-us-BK04pmL9.js}

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

package/lib/src/{CreatedOnBrandCrowd-es-es-CxkrES9f.js → CreatedOnBrandCrowd-es-es-DfREN5ib.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-fr-5E7XsN__.js → CreatedOnBrandCrowd-fr-ca-C0_zl1cL.js}

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

package/lib/src/{CreatedOnBrandCrowd-fr-ca-5E7XsN__.js → CreatedOnBrandCrowd-fr-fr-C0_zl1cL.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-pt-tci-AkYB.js → CreatedOnBrandCrowd-pt-br-CKQK6zH9.js}

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

package/lib/src/{CreatedOnBrandCrowd-pt-br-tci-AkYB.js → CreatedOnBrandCrowd-pt-pt-CKQK6zH9.js}

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

package/lib/src/{CreatedOnDcom-de-de-C9C75cDL.js → CreatedOnDcom-de-de-yrdfxkUi.js}

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

package/lib/src/{CreatedOnDcom-en-us-DRgIbDtW.js → CreatedOnDcom-en-us-DanUrMxL.js}

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

package/lib/src/{CreatedOnDcom-es-es-DsmIVL33.js → CreatedOnDcom-es-es-D8d_PqxB.js}

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

package/lib/src/{CreatedOnDcom-fr-ca-Dr4V8xwm.js → CreatedOnDcom-fr-ca-C1-28hQH.js}

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

package/lib/src/{CreatedOnDcom-fr-fr-BAaLwFdX.js → CreatedOnDcom-fr-fr-DKm8kfeQ.js}

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

package/lib/src/{CreatedOnDcom-pt-br-CyGfCb6e.js → CreatedOnDcom-pt-br-DQN8j45I.js}

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

package/lib/src/{CreatedOnDcom-pt-pt-DC1XBRP2.js → CreatedOnDcom-pt-pt-Bq9n3MeJ.js}

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

package/lib/src/brand-page/components/navigation/navigation-side-menu/NavigationSideMenu.mixin.js

@@ -1,5 +1,6 @@
 import { defineComponent } from 'vue';
 import { resolveSubNavItemBackgroundColor } from '../../../models';
+import { guardPreviewClick } from '../../../utils/context.util';
 export default defineComponent({
     props: {
         context: {
@@ -95,14 +96,11 @@ export default defineComponent({
         closeSideMenu() {
             this.$emit('close-side-menu');
         },
-        // Preview: inert (same guard as onHeaderCtaClick); published: follow link, close the side menu.
+        // Preview: inert; published: follow the link and close the side menu behind it.
         onSideMenuCtaClick(event) {
-            if (this.context.isPreview) {
-                event.preventDefault();
-                event.stopPropagation();
-                return;
+            if (!guardPreviewClick(event, this.context)) {
+                this.closeSideMenu();
             }
-            this.closeSideMenu();
         },
         toggleExpanded(pageId) {
             const isCurrentlyExpanded = this.expandedItems[pageId];

package/lib/src/brand-page/components/page-header/PageHeader.mixin.js

@@ -1,6 +1,7 @@
 import { defineComponent } from 'vue';
 import { LOGO_SLIDER_DESKTOP_MAX } from '../../constants';
 import { hasVisibleNavigation } from '../../utils/route.util';
+import { guardPreviewClick } from '../../utils/context.util';
 export default defineComponent({
     props: {
         navId: {
@@ -48,10 +49,7 @@ export default defineComponent({
         },
         // Preview only: deliberately inert — no link-follow, no Header Settings open.
         onHeaderCtaClick(event) {
-            if (this.context.isPreview) {
-                event.preventDefault();
-                event.stopPropagation();
-            }
+            guardPreviewClick(event, this.context);
         },
     },
 });

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

@@ -178,6 +178,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
             dataAttribute: HEADER_DISPLAY.DESKTOP_HAMBURGER_1,
             isSelected: false,
         },
+        withButtonIconName: 'header-desktop-nav-style-hamburger-display-style-with-button-1',
     },
     {
         viewMode: 'desktop',
@@ -196,6 +197,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
             dataAttribute: HEADER_DISPLAY.DESKTOP_HAMBURGER_2,
             isSelected: false,
         },
+        withButtonIconName: 'header-desktop-nav-style-hamburger-display-style-with-button-2',
     },
     // desktop - hamburger no logo
     {
@@ -265,6 +267,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
             dataAttribute: HEADER_DISPLAY.MOBILE_TAB_1,
             isSelected: false,
         },
+        withButtonIconName: 'header-mobile-nav-style-tab-display-style-with-button-1',
     },
     {
         viewMode: 'mobile',
@@ -278,6 +281,7 @@ export const HEADER_DISPLAY_STYLE_CONFIGS = [
             dataAttribute: HEADER_DISPLAY.MOBILE_TAB_2,
             isSelected: false,
         },
+        withButtonIconName: 'header-mobile-nav-style-tab-display-style-with-button-2',
     },
     // mobile - tab with no logo
     {

package/lib/src/brand-page/utils/context.util.d.ts

@@ -8,3 +8,4 @@ export declare const getSlugFromContext: (context: BrandPageContext) => string;
  * placeholders) must keep reading `context.isPreview` directly.
  */
 export declare const isPreviewMode: (context: BrandPageContext) => boolean;
+export declare const guardPreviewClick: (event: MouseEvent, context: BrandPageContext) => boolean;

package/lib/src/brand-page/utils/context.util.js

@@ -12,3 +12,12 @@ export const getSlugFromContext = (context) => {
  * placeholders) must keep reading `context.isPreview` directly.
  */
 export const isPreviewMode = (context) => !!(context.isPreview || context.isLivePreview);
+// Blocks a click in the maker preview (no link-follow, no bubbling); true when it fired.
+export const guardPreviewClick = (event, context) => {
+    if (!context.isPreview) {
+        return false;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    return true;
+};

package/lib/src/brand-page/utils/view-model.util.js

@@ -722,6 +722,12 @@ const mapToHeaderButtonViewModel = (headerButton, styles) => {
     }, styles, { titleStyle });
     return {
         ...viewModel,
+        // A wrapped label justifies; the last (or only) line stays centered like a short label.
+        titleStyle: {
+            ...viewModel.titleStyle,
+            textAlign: 'justify',
+            textAlignLast: 'center',
+        },
         styles: {
             ...viewModel.styles,
             style: {