@nldd/design-system 0.8.43 → 0.8.45

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts

@@ -33,7 +33,12 @@ export declare class NLDDTopNavigationBar extends NLDDTopNavigationBar_base {
     private _resizeObserver;
     private _compactRAF;
     private _setupRAF;
+    private _appliedMenuBarLabels;
     willUpdate(changed: PropertyValues): void;
+    /** Items live inside the consumer-supplied <nldd-menu-bar> in the given slot. */
+    private _getSlottedMenuBar;
+    private _getSlottedItems;
+    private _syncSlottedMenuBarLabels;
     /** @internal Used by template */
     get _hasBackButton(): boolean;
     /** @internal Used by template */
@@ -53,7 +58,10 @@ export declare class NLDDTopNavigationBar extends NLDDTopNavigationBar_base {
     private _handleItemSelect;
     private _setupCompactDetection;
     private _cleanupCompactDetection;
-    private _onGlobalSlotChange;
+    /** @internal Used by template */
+    _onGlobalSlotChange: () => void;
+    /** @internal Used by template */
+    _onUtilitySlotChange: () => void;
     private _scheduleCompactUpdate;
     /** Update has-global-items class on host based on global slot content. */
     private _syncHasGlobalItems;

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigation-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,mCAAmC,CAAC;AAE3C,OAAO,yBAAyB,CAAC;AAEjC,OAAO,4BAA4B,CAAC;;;;;;;;;;;;AAYpC,qBACa,oBAAqB,SAAQ,yBAA8D;IACvG,OAAgB,MAAM,0BAA0B;IAKhD,YAAY,SAAM;IAGlB,MAAM,UAAS;IAKf,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,mBAAmB,SAAM;IAGzB,mBAAmB,SAAM;IAKzB,QAAQ,SAAM;IAGd,WAAW,SAAM;IAKjB,QAAQ,SAAM;IAGd,QAAQ,SAAM;IAKd,OAAO,CAAC,WAAW,CAAe;IAGlC,OAAO,CAAC,WAAW,CAAmB;IAGtC,OAAO,CAAC,YAAY,CAAmB;IAEvC,OAAO,CAAC,gBAAgB,CAAsB;IAC9C,OAAO,CAAC,oBAAoB,CAA4B;IAExD,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,SAAS,CAAuB;IAE/B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAWlD,iCAAiC;IACjC,IAAI,cAAc,IAAI,OAAO,CAE5B;IAED,iCAAiC;IACjC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,iCAAiC;IACjC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAIQ,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAU5B,YAAY,IAAI,IAAI;IAM7B;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB,CAsBvB;IAIF,OAAO,CAAC,sBAAsB;IAgB9B,OAAO,CAAC,wBAAwB;IAkBhC,OAAO,CAAC,mBAAmB,CAEzB;IAEF,OAAO,CAAC,sBAAsB,CAK5B;IAEF,0EAA0E;IAC1E,OAAO,CAAC,mBAAmB;IAM3B,8EAA8E;IAC9E,OAAO,CAAC,qBAAqB;IAmB7B,iEAAiE;IACjE,OAAO,CAAC,eAAe;YAQT,gCAAgC;IAY9C,OAAO,CAAC,sBAAsB;IA2B9B,OAAO,CAAC,yBAAyB;IAgCjC,iCAAiC;IACjC,kBAAkB,QAAa,OAAO,CAAC,IAAI,CAAC,CA0B1C;IAIF,iCAAiC;IACjC,gBAAgB,GAAI,GAAG,KAAK,KAAG,IAAI,CAUjC;IAIO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}
+{"version":3,"file":"top-navigation-bar.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAMtD,OAAO,mCAAmC,CAAC;AAE3C,OAAO,yBAAyB,CAAC;AAEjC,OAAO,4BAA4B,CAAC;;;;;;;;;;;;AAYpC,qBACa,oBAAqB,SAAQ,yBAA8D;IACvG,OAAgB,MAAM,0BAA0B;IAKhD,YAAY,SAAM;IAGlB,MAAM,UAAS;IAKf,SAAS,SAAM;IAGf,YAAY,SAAM;IAGlB,mBAAmB,SAAM;IAGzB,mBAAmB,SAAM;IAKzB,QAAQ,SAAM;IAGd,WAAW,SAAM;IAKjB,QAAQ,SAAM;IAGd,QAAQ,SAAM;IAKd,OAAO,CAAC,WAAW,CAAe;IAGlC,OAAO,CAAC,WAAW,CAAmB;IAGtC,OAAO,CAAC,YAAY,CAAmB;IAEvC,OAAO,CAAC,gBAAgB,CAAsB;IAC9C,OAAO,CAAC,oBAAoB,CAA4B;IAExD,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,SAAS,CAAuB;IAKxC,OAAO,CAAC,qBAAqB,CAAsC;IAE1D,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAYlD,iFAAiF;IACjF,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,yBAAyB;IAyBjC,iCAAiC;IACjC,IAAI,cAAc,IAAI,OAAO,CAE5B;IAED,iCAAiC;IACjC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAED,iCAAiC;IACjC,IAAI,SAAS,IAAI,MAAM,CAEtB;IAIQ,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAU5B,YAAY,IAAI,IAAI;IAM7B;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB,CAsBvB;IAIF,OAAO,CAAC,sBAAsB;IAa9B,OAAO,CAAC,wBAAwB;IAehC,iCAAiC;IACjC,mBAAmB,QAAO,IAAI,CAI5B;IAEF,iCAAiC;IACjC,oBAAoB,QAAO,IAAI,CAG7B;IAEF,OAAO,CAAC,sBAAsB,CAK5B;IAEF,0EAA0E;IAC1E,OAAO,CAAC,mBAAmB;IAI3B,8EAA8E;IAC9E,OAAO,CAAC,qBAAqB;IAsB7B,iEAAiE;IACjE,OAAO,CAAC,eAAe;YAQT,gCAAgC;IAY9C,OAAO,CAAC,sBAAsB;IA2B9B,OAAO,CAAC,yBAAyB;IA+BjC,iCAAiC;IACjC,kBAAkB,QAAa,OAAO,CAAC,IAAI,CAAC,CA0B1C;IAIF,iCAAiC;IACjC,gBAAgB,GAAI,GAAG,KAAK,KAAG,IAAI,CAUjC;IAIO,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,yBAAyB,EAAE,oBAAoB,CAAC;KAChD;CACD"}

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js

@@ -38,6 +38,10 @@ let NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(L
         this._resizeObserver = null;
         this._compactRAF = null;
         this._setupRAF = null;
+        // Tracks the accessible-label we last applied to each slotted menu-bar, so
+        // our default can follow translation changes while a consumer-set label is
+        // left untouched — including one set asynchronously after the first sync.
+        this._appliedMenuBarLabels = new WeakMap();
         /**
          * Handles selection of global menu items.
          * Sets `current` on the clicked item and removes it from siblings.
@@ -49,8 +53,8 @@ let NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(L
             const detail = event.detail;
             if (!detail?.item)
                 return;
-            const slottedItems = this._globalSlot?.assignedElements({ flatten: true }) ?? [];
-            if (!slottedItems.includes(detail.item))
+            const globalItems = this._getSlottedItems(this._globalSlot);
+            if (!globalItems.includes(detail.item))
                 return;
             const selectEvent = new CustomEvent('itemselect', {
                 bubbles: true,
@@ -61,15 +65,23 @@ let NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(L
             this.dispatchEvent(selectEvent);
             if (!selectEvent.defaultPrevented) {
                 detail.item.current = true;
-                slottedItems.forEach(item => {
+                globalItems.forEach(item => {
                     if (item !== detail.item) {
                         item.removeAttribute('current');
                     }
                 });
             }
         };
+        /** @internal Used by template */
         this._onGlobalSlotChange = () => {
             this._syncHasGlobalItems();
+            this._syncSlottedMenuBarLabels();
+            this._syncCompactAttribute();
+        };
+        /** @internal Used by template */
+        this._onUtilitySlotChange = () => {
+            this._syncSlottedMenuBarLabels();
+            this._syncCompactAttribute();
         };
         this._scheduleCompactUpdate = () => {
             if (this._compactRAF)
@@ -129,8 +141,41 @@ let NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(L
             this._globalMenuSheet?.setAttribute('accessible-label', this._t('components.top-navigation-bar.menu-action'));
             this._globalMenuSheet?.querySelector('nldd-top-title-bar')?.setAttribute('text', this._menuText);
             this._globalMenuSheet?.querySelector('nldd-top-title-bar')?.setAttribute('dismiss-text', this._t('components.top-navigation-bar.menu-sheet-dismiss-action'));
+            this._syncSlottedMenuBarLabels();
         }
     }
+    // ## Slotted menu-bars
+    /** Items live inside the consumer-supplied <nldd-menu-bar> in the given slot. */
+    _getSlottedMenuBar(slot) {
+        const assigned = slot?.assignedElements({ flatten: true }) ?? [];
+        return assigned.find(el => el.tagName === 'NLDD-MENU-BAR') ?? null;
+    }
+    _getSlottedItems(slot) {
+        const menuBar = this._getSlottedMenuBar(slot);
+        if (!menuBar)
+            return [];
+        return Array.from(menuBar.querySelectorAll(':scope > nldd-menu-bar-item'));
+    }
+    _syncSlottedMenuBarLabels() {
+        const setDefault = (menuBar, labelKey) => {
+            if (!menuBar)
+                return;
+            const current = menuBar.getAttribute('accessible-label');
+            const ourLast = this._appliedMenuBarLabels.get(menuBar);
+            // Consumer owns the label if they set one we never applied, or
+            // changed it away from our last applied value (even asynchronously
+            // after the first sync). Stop managing it in both cases.
+            if (current !== null && current !== ourLast) {
+                this._appliedMenuBarLabels.delete(menuBar);
+                return;
+            }
+            const next = this._t(labelKey);
+            menuBar.setAttribute('accessible-label', next);
+            this._appliedMenuBarLabels.set(menuBar, next);
+        };
+        setDefault(this._getSlottedMenuBar(this._globalSlot), 'components.top-navigation-bar.global-menu-bar-label');
+        setDefault(this._getSlottedMenuBar(this._utilitySlot), 'components.top-navigation-bar.utility-menu-bar-label');
+    }
     // ## Computed properties
     /** @internal Used by template */
     get _hasBackButton() {
@@ -174,9 +219,6 @@ let NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(L
                 this._scheduleCompactUpdate();
             });
             this._resizeObserver.observe(this);
-            if (this._globalSlot) {
-                this._globalSlot.addEventListener('slotchange', this._onGlobalSlotChange);
-            }
             this._scheduleCompactUpdate();
         });
     }
@@ -193,22 +235,20 @@ let NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(L
             this._resizeObserver.disconnect();
             this._resizeObserver = null;
         }
-        if (this._globalSlot) {
-            this._globalSlot.removeEventListener('slotchange', this._onGlobalSlotChange);
-        }
     }
     /** Update has-global-items class on host based on global slot content. */
     _syncHasGlobalItems() {
-        const globalItems = this._globalSlot?.assignedElements({ flatten: true }) ?? [];
-        const hasGlobalItems = globalItems.some(el => el.tagName === 'NLDD-MENU-BAR-ITEM');
-        this.classList.toggle('has-global-items', hasGlobalItems);
+        this.classList.toggle('has-global-items', this._getSlottedItems(this._globalSlot).length > 0);
     }
     /** Propagate compact to menu-bars and internal items when container is sm. */
     _syncCompactAttribute() {
         const isCompact = this._isSmBreakpoint();
-        // Menu bars (propagate compact + trigger overflow recalculation)
-        const menuBars = this.shadowRoot?.querySelectorAll('nldd-menu-bar') ?? [];
-        for (const menuBar of menuBars) {
+        // Slotted menu-bars (consumer-supplied)
+        const slottedMenuBars = [
+            this._getSlottedMenuBar(this._globalSlot),
+            this._getSlottedMenuBar(this._utilitySlot),
+        ].filter((mb) => mb !== null);
+        for (const menuBar of slottedMenuBars) {
             menuBar.toggleAttribute('compact', isCompact);
             menuBar.requestOverflowUpdate();
         }
@@ -263,8 +303,7 @@ let NLDDTopNavigationBar = class NLDDTopNavigationBar extends withTranslations(L
         if (!this._globalMenuSheetList)
             return;
         this._globalMenuSheetList.replaceChildren();
-        const slottedElements = this._globalSlot?.assignedElements({ flatten: true }) ?? [];
-        const items = slottedElements.filter(el => el.tagName === 'NLDD-MENU-BAR-ITEM');
+        const items = this._getSlottedItems(this._globalSlot);
         for (const item of items) {
             const listItem = document.createElement('nldd-list-item');
             const safeHref = sanitizeUrl(item.href);

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigation-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"top-navigation-bar.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.ts"],"names":[],"mappings":"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"}

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,sBAAsB,yBA6TlC,CAAC"}
+{"version":3,"file":"top-navigation-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,yBAsTlC,CAAC"}

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js

@@ -1,9 +1,9 @@
 import { css, unsafeCSS } from 'lit';
 import { breakpoints } from '../../../assets/styles/breakpoints.js';
+const smMax = unsafeCSS(breakpoints.smMax);
 const mdMin = unsafeCSS(breakpoints.mdMin);
 const mdMax = unsafeCSS(breakpoints.mdMax);
 const lgMin = unsafeCSS(breakpoints.lgMin);
-// # Top navigation bar styles
 export const topNavigationBarStyles = css `
 
 
@@ -12,24 +12,9 @@ export const topNavigationBarStyles = css `
 	:host {
 		--_logo-width: var(--primitives-space-40);
 		--_wordmark-content-color: light-dark(var(--primitives-color-reference-lintblauw), var(--primitives-color-neutral-1000));
+
 		display: block;
 		width: 100%;
-
-		@media (min-width: ${mdMin}) {
-			--_logo-width: var(--primitives-space-44);
-		}
-
-		@media (min-width: ${lgMin}) {
-			--_logo-width: var(--primitives-space-48);
-		}
-
-		@container layout-container (min-width: ${mdMin}) {
-			--_logo-width: var(--primitives-space-44);
-		}
-
-		@container layout-container (min-width: ${lgMin}) {
-			--_logo-width: var(--primitives-space-48);
-		}
 	}
 
 	:host([hidden]) {
@@ -40,13 +25,13 @@ export const topNavigationBarStyles = css `
 	/* # Block */
 
 	.top-navigation-bar {
-		display: flex;
-		flex-direction: column;
-		width: 100%;
-		margin: 0 auto;
 		box-sizing: border-box;
+		display: flex;
 		container-type: inline-size;
-		container-name: top-navigation-bar;
+		container-name: top-navigation-bar-container;
+		margin: 0 auto;
+		width: 100%;
+		flex-direction: column;
 	}
 
 
@@ -57,21 +42,16 @@ export const topNavigationBarStyles = css `
 		grid-template-columns: 1fr auto 1fr;
 		gap: var(--primitives-space-8);
 		align-items: center;
-		padding-inline: var(--semantics-page-sections-sm-margin-inline);
 
-		@media (min-width: ${mdMin}) {
-			padding-inline: var(--semantics-page-sections-md-margin-inline);
+		@container top-navigation-bar-container (max-width: ${smMax}) {
+			padding-inline: var(--semantics-page-sections-sm-margin-inline);
 		}
 
-		@media (min-width: ${lgMin}) {
-			padding-inline: var(--semantics-page-sections-lg-margin-inline);
-		}
-
-		@container layout-container (min-width: ${mdMin}) {
+		@container top-navigation-bar-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
 			padding-inline: var(--semantics-page-sections-md-margin-inline);
 		}
 
-		@container layout-container (min-width: ${lgMin}) {
+		@container top-navigation-bar-container (min-width: ${lgMin}) {
 			padding-inline: var(--semantics-page-sections-lg-margin-inline);
 		}
 	}
@@ -79,13 +59,25 @@ export const topNavigationBarStyles = css `
 	/* ## Logo */
 
 	.top-navigation-bar__logo {
+		display: flex;
+		width: var(--_logo-width);
+		height: calc(var(--_logo-width) * 2);
 		grid-column: 2;
 		align-self: start;
-		display: flex;
 		align-items: center;
 		justify-content: center;
-		width: var(--_logo-width);
-		height: calc(var(--_logo-width) * 2);
+
+		@container top-navigation-bar-container (max-width: ${smMax}) {
+			--_logo-width: var(--primitives-space-40);
+		}
+
+		@container top-navigation-bar-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
+			--_logo-width: var(--primitives-space-44);
+		}
+
+		@container top-navigation-bar-container (min-width: ${lgMin}) {
+			--_logo-width: var(--primitives-space-48);
+		}
 	}
 
 	.top-navigation-bar__logo svg {
@@ -107,8 +99,8 @@ export const topNavigationBarStyles = css `
 	/* ## Logo and wordmark */
 
 	.top-navigation-bar__logo-and-wordmark {
-		grid-column: 2 / 4;
 		display: grid;
+		grid-column: 2 / 4;
 		grid-template-columns: subgrid;
 		align-items: center;
 	}
@@ -134,17 +126,17 @@ export const topNavigationBarStyles = css `
 	/* ## Wordmark */
 
 	.top-navigation-bar__wordmark {
-		grid-column: 3;
 		display: flex;
-		flex-direction: column;
 		min-height: calc(var(--_logo-width) * 2);
+		grid-column: 3;
+		flex-direction: column;
 		color: var(--_wordmark-content-color);
 	}
 
 	.top-navigation-bar__wordmark-spacer {
+		height: var(--_logo-width);
 		flex-grow: 0;
 		flex-shrink: 0;
-		height: var(--_logo-width);
 	}
 
 	.top-navigation-bar__wordmark-content {
@@ -156,18 +148,18 @@ export const topNavigationBarStyles = css `
 	}
 
 	.top-navigation-bar__wordmark-title {
-		font: var(--primitives-font-body-sm-bold-flat);
 		margin: 0;
+		font: var(--primitives-font-body-sm-bold-flat);
 	}
 
 	.top-navigation-bar__wordmark-subtitle {
-		font: var(--primitives-font-body-xs-regular-flat);
 		margin: 0;
+		font: var(--primitives-font-body-xs-regular-flat);
 	}
 
 	.top-navigation-bar__wordmark-supporting-text {
-		font: var(--primitives-font-body-xxs-regular-flat);
 		margin: 0;
+		font: var(--primitives-font-body-xxs-regular-flat);
 	}
 
 
@@ -175,26 +167,20 @@ export const topNavigationBarStyles = css `
 
 	.top-navigation-bar__main-bar {
 		display: flex;
-		flex-direction: column;
-		padding-inline: calc(var(--semantics-page-sections-sm-margin-inline) - var(--components-menu-bar-item-inline-padding));
-
-		@media (min-width: ${mdMin}) {
-			padding-inline: var(--semantics-page-sections-md-margin-inline);
-		}
 
-		@media (min-width: ${lgMin}) {
-			padding-inline: var(--semantics-page-sections-lg-margin-inline);
+		@container top-navigation-bar-container (max-width: ${smMax}) {
+			padding-inline: var(--semantics-page-sections-sm-margin-inline);
+			flex-direction: column;
 		}
 
-		@container layout-container (min-width: ${mdMin}) {
+		@container top-navigation-bar-container (min-width: ${mdMin}) and (max-width: ${mdMax}) {
 			padding-inline: var(--semantics-page-sections-md-margin-inline);
+			flex-direction: row;
+			align-items: center;
 		}
 
-		@container layout-container (min-width: ${lgMin}) {
+		@container top-navigation-bar-container (min-width: ${lgMin}) {
 			padding-inline: var(--semantics-page-sections-lg-margin-inline);
-		}
-
-		@container top-navigation-bar (min-width: ${mdMin}) {
 			flex-direction: row;
 			align-items: center;
 		}
@@ -204,13 +190,13 @@ export const topNavigationBarStyles = css `
 
 	.top-navigation-bar__website-title-bar {
 		display: flex;
+		padding: var(--primitives-space-4) var(--primitives-space-8);
 		align-items: center;
 		justify-content: center;
-		padding: var(--primitives-space-4) var(--primitives-space-8);
 
-		@container top-navigation-bar (min-width: ${mdMin}) {
-			justify-content: flex-start;
+		@container top-navigation-bar-container (min-width: ${mdMin}) {
 			padding: 0;
+			justify-content: flex-start;
 		}
 	}
 
@@ -221,22 +207,20 @@ export const topNavigationBarStyles = css `
 		color: var(--semantics-content-color);
 		white-space: nowrap;
 
-		@container top-navigation-bar (min-width: ${mdMin}) {
+		@container top-navigation-bar-container (min-width: ${mdMin}) {
 			font: var(--components-top-navigation-bar-title-md-font);
-			/* Create spacing between title and menu-bar on md+ where they sit
-			   on the same row. On sm the title-bar stacks above the menu-bar
-			   and this margin would visually offset the centered title. */
+			/* md+ only: title shares the row with the menu-bar; on sm it stacks and this margin would offset the centered title */
 			margin-inline-end: var(--primitives-space-8);
 		}
 
-		@container top-navigation-bar (min-width: ${lgMin}) {
+		@container top-navigation-bar-container (min-width: ${lgMin}) {
 			font: var(--components-top-navigation-bar-title-lg-font);
 		}
 	}
 
 	a.top-navigation-bar__website-title {
-		text-decoration: none;
 		border-radius: var(--primitives-corner-radius-xxs);
+		text-decoration: none;
 	}
 
 	a.top-navigation-bar__website-title:focus-visible {
@@ -249,24 +233,26 @@ export const topNavigationBarStyles = css `
 
 	.top-navigation-bar__menu-bar {
 		display: flex;
+		min-width: 0;
 		align-items: center;
+		gap: var(--primitives-space-12);
 		flex-grow: 1;
-		min-width: 0;
 	}
 
 	/* ## Menu bar start */
 
 	.top-navigation-bar__menu-bar-start {
 		display: flex;
-		align-items: center;
 		min-width: 0;
-		flex-grow: 1;
+		align-items: center;
 
-		@container top-navigation-bar (max-width: ${mdMax}) {
+		@container top-navigation-bar-container (max-width: ${mdMax}) {
+			flex-grow: 0;
 			flex-shrink: 0;
 		}
 
-		@container top-navigation-bar (min-width: ${lgMin}) {
+		@container top-navigation-bar-container (min-width: ${lgMin}) {
+			flex-grow: 1;
 			flex-shrink: 1;
 		}
 	}
@@ -275,14 +261,16 @@ export const topNavigationBarStyles = css `
 
 	.top-navigation-bar__menu-bar-end {
 		display: flex;
-		align-items: center;
 		min-width: 0;
+		align-items: center;
 
-		@container top-navigation-bar (max-width: ${mdMax}) {
+		@container top-navigation-bar-container (max-width: ${mdMax}) {
+			flex-grow: 1;
 			flex-shrink: 1;
 		}
 
-		@container top-navigation-bar (min-width: ${lgMin}) {
+		@container top-navigation-bar-container (min-width: ${lgMin}) {
+			flex-grow: 0;
 			flex-shrink: 0;
 		}
 	}
@@ -291,10 +279,10 @@ export const topNavigationBarStyles = css `
 
 	.top-navigation-bar__global-menu-bar {
 		display: none;
+		min-width: 0;
 		flex-grow: 1;
 		flex-shrink: 1;
-		min-width: 0;
-		@container top-navigation-bar (min-width: ${lgMin}) {
+		@container top-navigation-bar-container (min-width: ${lgMin}) {
 			:host(.has-global-items) & {
 				display: flex;
 			}
@@ -306,7 +294,7 @@ export const topNavigationBarStyles = css `
 	.top-navigation-bar__menu-button {
 		display: none;
 
-		@container top-navigation-bar (max-width: ${mdMax}) {
+		@container top-navigation-bar-container (max-width: ${mdMax}) {
 			:host(.has-global-items) & {
 				display: inline-block;
 			}
@@ -317,9 +305,14 @@ export const topNavigationBarStyles = css `
 
 	.top-navigation-bar__utility-menu-bar {
 		display: flex;
+		min-width: 0;
 		flex-grow: 1;
 		flex-shrink: 1;
-		min-width: 0;
+		justify-content: flex-end;
+	}
+
+	slot[name="utility"]::slotted(nldd-menu-bar) {
+		flex-grow: 0;
 	}
 `;
 //# sourceMappingURL=top-navigation-bar.styles.js.map

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,8BAA8B;AAE9B,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;uBAWlB,KAAK;;;;uBAIL,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAgC1B,KAAK;;;;uBAIL,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA2G1B,KAAK;;;;uBAIL,KAAK;;;;4CAIgB,KAAK;;;;4CAIL,KAAK;;;;8CAIH,KAAK;;;;;;;;;;;;;;8CAcL,KAAK;;;;;;;;;;;;;8CAaL,KAAK;;;;;;;;8CAQL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAiCL,KAAK;;;;8CAIL,KAAK;;;;;;;;;;;;8CAYL,KAAK;;;;8CAIL,KAAK;;;;;;;;;;;;8CAYL,KAAK;;;;;;;;;;;;8CAYL,KAAK;;;;;;;;;;;;;;;CAelD,CAAC"}
+{"version":3,"file":"top-navigation-bar.styles.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAuCe,KAAK;;;;wDAIL,KAAK,qBAAqB,KAAK;;;;wDAI/B,KAAK;;;;;;;;;;;;;;;;wDAgBL,KAAK;;;;wDAIL,KAAK,qBAAqB,KAAK;;;;wDAI/B,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDA6FL,KAAK;;;;;wDAKL,KAAK,qBAAqB,KAAK;;;;;;wDAM/B,KAAK;;;;;;;;;;;;;;;wDAeL,KAAK;;;;;;;;;;;;;wDAaL,KAAK;;;;;;wDAML,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wDAiCL,KAAK;;;;;wDAKL,KAAK;;;;;;;;;;;;;wDAaL,KAAK;;;;;wDAKL,KAAK;;;;;;;;;;;;;wDAaL,KAAK;;;;;;;;;;;;wDAYL,KAAK;;;;;;;;;;;;;;;;;;;;CAoB5D,CAAC"}

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigation-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAkCpE,wBAAgB,QAAQ,CAAC,SAAS,EAAE,oBAAoB,wCA6FvD"}
+{"version":3,"file":"top-navigation-bar.template.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAkCpE,wBAAgB,QAAQ,CAAC,SAAS,EAAE,oBAAoB,wCAyFvD"}

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js

@@ -102,20 +102,16 @@ export function template(component) {
 							></nldd-menu-bar-item>
 						</div>
 						<div class="top-navigation-bar__global-menu-bar">
-							<nldd-menu-bar
-								accessible-label="${component._t('components.top-navigation-bar.global-menu-bar-label')}"
-							>
-								<slot name="global"></slot>
-							</nldd-menu-bar>
+							<slot name="global"
+								@slotchange=${component._onGlobalSlotChange}
+							></slot>
 						</div>
 					</div>
 					<div class="top-navigation-bar__menu-bar-end">
 						<div class="top-navigation-bar__utility-menu-bar">
-							<nldd-menu-bar
-								accessible-label="${component._t('components.top-navigation-bar.utility-menu-bar-label')}"
-							>
-								<slot name="utility"></slot>
-							</nldd-menu-bar>
+							<slot name="utility"
+								@slotchange=${component._onUtilitySlotChange}
+							></slot>
 						</div>
 					</div>
 				</div>

package/dist/components/navigation/top-navigation-bar/top-navigation-bar.template.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-navigation-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,gCAAgC;AAEhC,SAAS,eAAe,CAAC,SAA+B;IACvD,OAAO,IAAI,CAAA;;;;;OAKL,SAAS,CAAC,SAAS;;MAEpB,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,SAAS,CAAC,YAAY;;KAEzB,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,SAA+B;IACvD,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE3D,OAAO,IAAI,CAAA;;KAEP,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;MACvB,SAAS,CAAC,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAElC,YAAY;;;;;SAKjB,UAAU,CAAC,OAAO,CAAC;;QAEpB,eAAe,CAAC,SAAS,CAAC;;KAE7B,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEb,YAAY;oBACN,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;iCAE3C,UAAU,CAAC,OAAO,CAAC;;KAE/C,CAAC,CAAC,CAAC,IAAI,CAAA;;;oBAGQ,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;QAEpE,UAAU,CAAC,OAAO,CAAC;;OAEpB,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO;KAC5D;UACK,CAAC,CAAC,CAAC,OAAO;;MAEd,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;gBAEd,eAAe;;UAErB,SAAS,CAAC,YAAY;;OAEzB,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEJ,SAAS,CAAC,YAAY;;OAEzB;;KAEF,CAAC,CAAC,CAAC,OAAO;;;QAGP,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;;;;iBAItB,SAAS,CAAC,SAAS;gBACpB,SAAS,CAAC,QAAQ,IAAI,OAAO;6BAChB,SAAS,CAAC,SAAS;kBAC9B,SAAS,CAAC,gBAAgB;;;OAGrC,CAAC,CAAC,CAAC,OAAO;;;;gBAID,SAAS,CAAC,SAAS;;iBAElB,SAAS,CAAC,kBAAkB;;;;;4BAKjB,SAAS,CAAC,EAAE,CAAC,qDAAqD,CAAC;;;;;;;;;4BASnE,SAAS,CAAC,EAAE,CAAC,sDAAsD,CAAC;;;;;;;;;EAS9F,CAAC;AACH,CAAC"}
+{"version":3,"file":"top-navigation-bar.template.js","sourceRoot":"","sources":["../../../../src/components/navigation/top-navigation-bar/top-navigation-bar.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,OAAO,MAAM,WAAW,CAAC;AAEhC,gCAAgC;AAEhC,SAAS,eAAe,CAAC,SAA+B;IACvD,OAAO,IAAI,CAAA;;;;;OAKL,SAAS,CAAC,SAAS;;MAEpB,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,SAAS,CAAC,YAAY;;KAEzB,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;MACT,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;QAElC,SAAS,CAAC,mBAAmB;;KAEhC,CAAC,CAAC,CAAC,OAAO;;;EAGb,CAAC;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,SAA+B;IACvD,MAAM,YAAY,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IACrD,MAAM,eAAe,GAAG,WAAW,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE3D,OAAO,IAAI,CAAA;;KAEP,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA;MACvB,SAAS,CAAC,SAAS,IAAI,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAElC,YAAY;;;;;SAKjB,UAAU,CAAC,OAAO,CAAC;;QAEpB,eAAe,CAAC,SAAS,CAAC;;KAE7B,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;cAEb,YAAY;oBACN,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;iCAE3C,UAAU,CAAC,OAAO,CAAC;;KAE/C,CAAC,CAAC,CAAC,IAAI,CAAA;;;oBAGQ,SAAS,CAAC,EAAE,CAAC,0CAA0C,CAAC;;QAEpE,UAAU,CAAC,OAAO,CAAC;;OAEpB,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,OAAO;KAC5D;UACK,CAAC,CAAC,CAAC,OAAO;;MAEd,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA;;QAE3B,eAAe,CAAC,CAAC,CAAC,IAAI,CAAA;;gBAEd,eAAe;;UAErB,SAAS,CAAC,YAAY;;OAEzB,CAAC,CAAC,CAAC,IAAI,CAAA;;UAEJ,SAAS,CAAC,YAAY;;OAEzB;;KAEF,CAAC,CAAC,CAAC,OAAO;;;QAGP,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAA;;;;iBAItB,SAAS,CAAC,SAAS;gBACpB,SAAS,CAAC,QAAQ,IAAI,OAAO;6BAChB,SAAS,CAAC,SAAS;kBAC9B,SAAS,CAAC,gBAAgB;;;OAGrC,CAAC,CAAC,CAAC,OAAO;;;;gBAID,SAAS,CAAC,SAAS;;iBAElB,SAAS,CAAC,kBAAkB;;;;;sBAKvB,SAAS,CAAC,mBAAmB;;;;;;;sBAO7B,SAAS,CAAC,oBAAoB;;;;;;;EAOlD,CAAC;AACH,CAAC"}

package/dist/components/navigation/top-title-bar/top-title-bar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-title-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBA8J7B,CAAC"}
+{"version":3,"file":"top-title-bar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/top-title-bar/top-title-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,yBAyI7B,CAAC"}