@pushengineering/umg-web-components 3.2.18 → 3.2.20

package/dist/components/header/header.d.ts

@@ -8,6 +8,7 @@ export declare class Header extends LitElement {
     logoHidden: boolean;
     menuHidden: boolean;
     socialsHidden: boolean;
+    socialsAlwaysVisible: boolean;
     signupHidden: boolean;
     sticky: boolean;
     stickyHideOnScroll: boolean;
@@ -15,23 +16,26 @@ export declare class Header extends LitElement {
     private _headerOuterHeight;
     private _transparentScrolling;
     private _currentScrollPosition;
-    private _slotHasChildren;
+    private _hasUserSlotContent;
+    private _hasSocialsSlotContent;
+    private _hasSignupSlotContent;
+    private _hasLogoSlotContent;
+    private _hasMenuSlotContent;
+    private _hasHeaderDrawerSlotContent;
     _header: HTMLElement;
-    _menu: Array<HTMLElement>;
+    private _resizeObserver?;
+    private _scrollAnimationFrame?;
+    private _isScrolling;
     updated(changedProperties: Map<string, any>): void;
     disconnectedCallback(): void;
-    private _resizeObserver?;
-    private _optionalSlotChildren;
-    private _debouncedEventsHandler;
     protected firstUpdated(): void;
     private _handleSlotChange;
+    private get _hasActionsContent();
+    private get _hasActionsGroupContent();
     private _initHeader;
-    private _eventsHandler;
-    private _removeTransparency;
-    private _stickyScroll;
-    headerClasses(): any;
-    headerStyles(): {};
-    headerInnerStyles(): {};
+    private _handleScroll;
+    private _processScroll;
+    private _updateStickyVisibility;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }

package/dist/components/header/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAU3C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAQxE,qBAEa,MAAO,SAAQ,UAAU;IAGlC,KAAK,EAAE,SAAS,CAAe;IAG/B,UAAU,EAAE,YAAY,CAAK;IAG7B,aAAa,EAAE,YAAY,CAAK;IAGhC,MAAM,EAAE,YAAY,CAAc;IAGlC,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,aAAa,UAAQ;IAGrB,YAAY,UAAQ;IAGpB,MAAM,UAAQ;IAGd,kBAAkB,UAAQ;IAG1B,WAAW,UAAQ;IAGnB,OAAO,CAAC,kBAAkB,CAAoB;IAG9C,OAAO,CAAC,qBAAqB,CAAQ;IAGrC,OAAO,CAAC,sBAAsB,CAAI;IAGlC,OAAO,CAAC,gBAAgB,CAAQ;IAGhC,OAAO,EAAG,WAAW,CAAA;IAGrB,KAAK,EAAG,KAAK,CAAC,WAAW,CAAC,CAAA;IAE1B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAqB3C,oBAAoB,IAAI,IAAI;IAU5B,OAAO,CAAC,eAAe,CAAC,CAAgB;IACxC,OAAO,CAAC,qBAAqB,CAA8B;IAC3D,OAAO,CAAC,uBAAuB,CAAmD;IAElF,SAAS,CAAC,YAAY,IAAI,IAAI;IAK9B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,cAAc,CAIrB;IAED,OAAO,CAAC,mBAAmB,CAO1B;IAED,OAAO,CAAC,aAAa;IAqBrB,aAAa;IAeb,YAAY;IA2BZ,iBAAiB;IAYjB,MAAM;IAuCN,MAAM,CAAC,MAAM,+BA0LX;CACL"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/header/header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAQ3C,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAQxE,qBAEa,MAAO,SAAQ,UAAU;IAGlC,KAAK,EAAE,SAAS,CAAe;IAG/B,UAAU,EAAE,YAAY,CAAK;IAG7B,aAAa,EAAE,YAAY,CAAK;IAGhC,MAAM,EAAE,YAAY,CAAc;IAGlC,UAAU,UAAQ;IAGlB,UAAU,UAAQ;IAGlB,aAAa,UAAQ;IAGrB,oBAAoB,UAAQ;IAG5B,YAAY,UAAQ;IAGpB,MAAM,UAAQ;IAGd,kBAAkB,UAAQ;IAG1B,WAAW,UAAQ;IAGnB,OAAO,CAAC,kBAAkB,CAAoB;IAG9C,OAAO,CAAC,qBAAqB,CAAQ;IAGrC,OAAO,CAAC,sBAAsB,CAAI;IAGlC,OAAO,CAAC,mBAAmB,CAAQ;IAGnC,OAAO,CAAC,sBAAsB,CAAQ;IAGtC,OAAO,CAAC,qBAAqB,CAAQ;IAGrC,OAAO,CAAC,mBAAmB,CAAQ;IAGnC,OAAO,CAAC,mBAAmB,CAAQ;IAGnC,OAAO,CAAC,2BAA2B,CAAQ;IAG3C,OAAO,EAAG,WAAW,CAAA;IAGrB,OAAO,CAAC,eAAe,CAAC,CAAgB;IACxC,OAAO,CAAC,qBAAqB,CAAC,CAAQ;IACtC,OAAO,CAAC,YAAY,CAAQ;IAG5B,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC;IAoB3C,oBAAoB,IAAI,IAAI;IAY5B,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B,OAAO,CAAC,iBAAiB;IA+BzB,OAAO,KAAK,kBAAkB,GAE7B;IAED,OAAO,KAAK,uBAAuB,GAElC;IAGD,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,aAAa,CASpB;IAED,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,uBAAuB;IAsB/B,MAAM;IA8DN,MAAM,CAAC,MAAM,+BAsNX;CACL"}

package/dist/components/header/header.js

@@ -2,12 +2,10 @@ import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1
 import { css, LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators/custom-element.js';
 import { property } from 'lit/decorators/property.js';
-import { query, queryAssignedElements } from 'lit/decorators.js';
+import { query } from 'lit/decorators.js';
 import { state } from 'lit/decorators/state.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { styleMap } from 'lit/directives/style-map.js';
-import { debounce } from '../../scripts/utilities/debounce.js';
-import { slotInitialised } from '../../scripts/utilities/slotInitialised.js';
 import { global } from '../../styles/global.js';
 import { settings } from '../../scripts/settings.js';
 import { mergeStyles } from '../../scripts/mergeStyles.js';
@@ -23,66 +21,93 @@ let Header = class Header extends LitElement {
         this.logoHidden = false;
         this.menuHidden = false;
         this.socialsHidden = false;
+        this.socialsAlwaysVisible = false;
         this.signupHidden = false;
         this.sticky = false;
         this.stickyHideOnScroll = false;
         this.transparent = false;
         this._transparentScrolling = false;
         this._currentScrollPosition = 0;
-        this._slotHasChildren = false;
-        this._optionalSlotChildren = ['user', 'socials', 'signup'];
-        this._debouncedEventsHandler = debounce((e) => { this._eventsHandler(e); }, 100);
-        this._eventsHandler = (e) => {
-            if (e.type === 'scroll') {
-                this._stickyScroll();
-            }
-        };
-        this._removeTransparency = () => {
-            const newScrollPosition = window.scrollY || document.documentElement.scrollTop;
-            if (newScrollPosition > 0) {
-                this._transparentScrolling = true;
-            }
-            else {
-                this._transparentScrolling = false;
+        this._hasUserSlotContent = false;
+        this._hasSocialsSlotContent = false;
+        this._hasSignupSlotContent = false;
+        this._hasLogoSlotContent = false;
+        this._hasMenuSlotContent = false;
+        this._hasHeaderDrawerSlotContent = false;
+        this._isScrolling = false;
+        this._handleScroll = () => {
+            if (!this._isScrolling) {
+                this._isScrolling = true;
+                this._scrollAnimationFrame = requestAnimationFrame(() => {
+                    this._processScroll();
+                    this._isScrolling = false;
+                });
             }
         };
     }
     updated(changedProperties) {
         super.updated(changedProperties);
-        if (changedProperties.has('stickyHideOnScroll')) {
-            if (this.stickyHideOnScroll) {
-                window.addEventListener('scroll', this._debouncedEventsHandler);
+        const needsScrollListener = this.stickyHideOnScroll || (this.sticky && this.transparent);
+        if (changedProperties.has('stickyHideOnScroll') || changedProperties.has('transparent') || changedProperties.has('sticky')) {
+            window.removeEventListener('scroll', this._handleScroll);
+            if (needsScrollListener) {
+                window.addEventListener('scroll', this._handleScroll, { passive: true });
             }
             else {
-                window.removeEventListener('scroll', this._debouncedEventsHandler);
                 this.removeAttribute('scrolling-down');
-            }
-        }
-        if (changedProperties.has('transparent')) {
-            if (this.sticky && this.transparent) {
-                window.addEventListener('scroll', this._removeTransparency);
-            }
-            else {
-                window.removeEventListener('scroll', this._removeTransparency);
                 this._transparentScrolling = false;
             }
         }
     }
     disconnectedCallback() {
-        if (this.sticky && this.transparent) {
-            window.removeEventListener('scroll', this._removeTransparency);
+        window.removeEventListener('scroll', this._handleScroll);
+        if (this._scrollAnimationFrame) {
+            cancelAnimationFrame(this._scrollAnimationFrame);
         }
-        if (this.sticky && this.stickyHideOnScroll) {
-            window.removeEventListener('scroll', this._debouncedEventsHandler);
+        if (this._resizeObserver) {
+            this._resizeObserver.disconnect();
+            this._resizeObserver = undefined;
         }
         super.disconnectedCallback();
     }
     firstUpdated() {
-        this._resizeObserver = new ResizeObserver(() => this._initHeader());
+        this._resizeObserver = new ResizeObserver(() => {
+            requestAnimationFrame(() => this._initHeader());
+        });
         this._resizeObserver.observe(this);
     }
     _handleSlotChange(e) {
-        this._slotHasChildren = slotInitialised(e, this._optionalSlotChildren);
+        const slot = e.target;
+        const slotName = slot.name;
+        const hasContent = slot.assignedElements().length > 0 ||
+            (slot.assignedNodes().filter(node => node.nodeType === Node.TEXT_NODE &&
+                node.textContent?.trim() !== '').length > 0);
+        switch (slotName) {
+            case 'user':
+                this._hasUserSlotContent = hasContent;
+                break;
+            case 'socials':
+                this._hasSocialsSlotContent = hasContent;
+                break;
+            case 'signup':
+                this._hasSignupSlotContent = hasContent;
+                break;
+            case 'logo':
+                this._hasLogoSlotContent = hasContent;
+                break;
+            case 'menu':
+                this._hasMenuSlotContent = hasContent;
+                break;
+            case 'header-drawer':
+                this._hasHeaderDrawerSlotContent = hasContent;
+                break;
+        }
+    }
+    get _hasActionsContent() {
+        return this._hasUserSlotContent || this._hasSocialsSlotContent || this._hasSignupSlotContent;
+    }
+    get _hasActionsGroupContent() {
+        return (!this.socialsHidden && this._hasSocialsSlotContent) || (!this.signupHidden && this._hasSignupSlotContent);
     }
     _initHeader() {
         this._currentScrollPosition = window.scrollY || document.documentElement.scrollTop;
@@ -99,100 +124,95 @@ let Header = class Header extends LitElement {
         });
         this.dispatchEvent(headerEvent);
     }
-    _stickyScroll() {
-        const newScrollPosition = window.scrollY || document.documentElement.scrollTop;
-        if (this.stickyHideOnScroll) {
-            if (this._headerOuterHeight && newScrollPosition <= this._headerOuterHeight) {
-                this.removeAttribute('scrolling-down');
-            }
-            else if (newScrollPosition > this._currentScrollPosition) {
-                this.setAttribute('scrolling-down', '');
-            }
-            else {
-                this.removeAttribute('scrolling-down');
+    _processScroll() {
+        const newScrollPosition = window.scrollY;
+        if (this.sticky && this.transparent) {
+            const wasTransparentScrolling = this._transparentScrolling;
+            this._transparentScrolling = newScrollPosition > 0;
+            if (wasTransparentScrolling !== this._transparentScrolling) {
+                this.requestUpdate();
             }
         }
-        else {
-            this.removeAttribute('scrolling-down');
-        }
-        this._currentScrollPosition = newScrollPosition <= 0 ? 0 : newScrollPosition;
-    }
-    headerClasses() {
-        const classes = {
-            'header--logo-hidden': this.logoHidden,
-            'header--menu-hidden': this.menuHidden,
-            'header--socials-hidden': this.socialsHidden,
-            'header--signup-hidden': this.signupHidden,
-            'header--actions-show': this._slotHasChildren,
-        };
-        if (this.layout) {
-            classes['header--' + this.layout] = true;
+        if (this.stickyHideOnScroll) {
+            this._updateStickyVisibility(newScrollPosition);
         }
-        return classes;
+        this._currentScrollPosition = newScrollPosition;
     }
-    headerStyles() {
-        let styles = {};
-        if (this.paddingTop) {
-            styles = {
-                ...styles,
-                '--umg-space-header-padding-top': 'var(--umg-space-' + this.paddingTop + ')'
-            };
+    _updateStickyVisibility(newScrollPosition) {
+        const wasScrollingDown = this.hasAttribute('scrolling-down');
+        let shouldScrollDown = false;
+        if (this._headerOuterHeight && newScrollPosition <= this._headerOuterHeight) {
+            shouldScrollDown = false;
         }
-        if (this.paddingBottom) {
-            styles = {
-                ...styles,
-                '--umg-space-header-padding-bottom': 'var(--umg-space-' + this.paddingBottom + ')'
-            };
+        else if (newScrollPosition > this._currentScrollPosition) {
+            shouldScrollDown = true;
         }
-        if (this.transparent && !this._transparentScrolling) {
-            styles = {
-                ...styles,
-                '--umg-color-base-background': 'transparent',
-            };
+        else {
+            shouldScrollDown = false;
         }
-        return styles;
-    }
-    headerInnerStyles() {
-        let styles = {};
-        if (this.width === 'full-width') {
-            styles = {
-                ...styles,
-                '--umg-size-content-max-width': '100%',
-            };
+        if (shouldScrollDown !== wasScrollingDown) {
+            if (shouldScrollDown) {
+                this.setAttribute('scrolling-down', '');
+            }
+            else {
+                this.removeAttribute('scrolling-down');
+            }
         }
-        return styles;
     }
     render() {
         return html `
             <header>
                 <div
                     part="header"
-                    class="header${classMap(this.headerClasses())}"
-                    style="${styleMap(this.headerStyles())}"
+                    class="header${classMap({
+            [`header--${this.layout}`]: !!this.layout,
+            'header--actions-show': this._hasActionsContent,
+            'header--socials-always-visible': this.socialsAlwaysVisible
+        })}"
+                    style="${styleMap({
+            '--umg-space-header-padding-top': this.paddingTop ? `var(--umg-space-${this.paddingTop})` : '',
+            '--umg-space-header-padding-bottom': this.paddingBottom ? `var(--umg-space-${this.paddingBottom})` : '',
+            '--umg-color-base-background': (this.transparent && !this._transparentScrolling) ? 'transparent' : ''
+        })}"
                     >
                     <div
                         part="header-inner"
                         class="header__inner"
-                        style="${styleMap(this.headerInnerStyles())}"
+                        style="${styleMap({
+            '--umg-size-header-width': this.width === 'full-width' ? 'min(100vw, var(--umg-size-screen-max-width, 100vw))' : ''
+        })}"
                         >
-                        <div part="menu-drawer" class="header__menu-drawer">
-                            <slot name="header-drawer"></slot>
+                        <div part="menu-drawer" class="header__menu-drawer" 
+                             ?hidden=${!this._hasHeaderDrawerSlotContent}>
+                            <slot name="header-drawer" @slotchange=${this._handleSlotChange}></slot>
                         </div>
-                        <div part="logo" class="header__logo">
-                            <slot name="logo"></slot>
+                        
+                        <div part="logo" class="header__logo" 
+                             ?hidden=${this.logoHidden || !this._hasLogoSlotContent}>
+                            <slot name="logo" @slotchange=${this._handleSlotChange}></slot>
                         </div>
-                        <div part="menu" class="header__menu">
-                            <slot name="menu"></slot>
+                        
+                        <div part="menu" class="header__menu" 
+                             ?hidden=${this.menuHidden || !this._hasMenuSlotContent}>
+                            <slot name="menu" @slotchange=${this._handleSlotChange}></slot>
                         </div>
-                        <div part="actions" class="header__actions">
-                            <div part="cart" class="header__cart">
+                        
+                        <div part="actions" class="header__actions" 
+                             ?hidden=${!this._hasActionsContent}>
+                            <div part="cart" class="header__cart" 
+                                 ?hidden=${!this._hasUserSlotContent}>
                                 <slot name="user" @slotchange=${this._handleSlotChange}></slot>
                             </div>
-                            <div part="socials" class="header__socials">
-                                <slot name="socials" @slotchange=${this._handleSlotChange}></slot>
-                            </div>
-                            <div part="signup" class="header__signup">
-                                <slot name="signup" @slotchange=${this._handleSlotChange}></slot>
+                            <div class="header__actions-group" 
+                                 ?hidden=${!this._hasActionsGroupContent}>
+                                <div part="socials" class="header__socials" 
+                                     ?hidden=${this.socialsHidden || !this._hasSocialsSlotContent}>
+                                    <slot name="socials" @slotchange=${this._handleSlotChange}></slot>
+                                </div>
+                                <div part="signup" class="header__signup" 
+                                     ?hidden=${this.signupHidden || !this._hasSignupSlotContent}>
+                                    <slot name="signup" @slotchange=${this._handleSlotChange}></slot>
+                                </div>
                             </div>
                         </div>
                     </div>
@@ -205,12 +225,12 @@ Header.styles = mergeStyles([
     global,
     css `
             :host {
-                display:block;
+                display: block;
                 position: relative;
                 z-index: 501; /* over overlay z-index */
             }
 
-            /* Header */
+            /* Header base styles */
             .header {
                 transition: all var(--umg-animation, 0.4s) ease;
                 overflow: hidden;
@@ -218,12 +238,14 @@ Header.styles = mergeStyles([
                 background-color: var(--umg-color-base-background, rgb(240,240,240));
                 --umg-color-icon-text: var(--umg-color-base-text);
             }
+            
             @supports (color: rgb(from white r g b)) {
                 .header {
                     color: rgb(from var(--umg-color-base-text, rgb(0,0,0)) r g b);
                     background-color: rgb(from var(--umg-color-base-background, rgb(240,240,240)) r g b / alpha);
                 }
             }
+            
             .header__inner {
                 display: flex;
                 align-items: center;
@@ -231,6 +253,8 @@ Header.styles = mergeStyles([
                 max-width: var(--umg-size-header-width, var(--umg-size-content-max-width, 75rem));
                 transition: padding var(--umg-animation, 0.4s) ease;
             }
+
+            /* Responsive padding and spacing */
             @media screen and (max-width: 48rem) {
                 .header {
                     padding-top: calc(var(--umg-space-header-padding-top, 1rem) * 0.5);
@@ -238,10 +262,11 @@ Header.styles = mergeStyles([
                 }
                 .header__inner {
                     gap: var(--umg-space-24, 1rem);
-                    padding-left: var(--umg-space-base-side-padding-mobile, 1.5rem);
-                    padding-right: var(--umg-space-base-side-padding-mobile, 1.5rem);
+                    padding-left: var(--umg-space-base-side-padding-mobile, 1rem);
+                    padding-right: var(--umg-space-base-side-padding-mobile, 1rem);
                 }
             }
+            
             @media screen and (min-width: 48.06rem) {
                 .header {
                     padding-top: var(--umg-space-header-padding-top, 1rem);
@@ -254,64 +279,69 @@ Header.styles = mergeStyles([
                 }
             }
 
-            /* Sticky header */
+            /* Sticky header behavior */
             :host([sticky]) {
                 position: sticky;
                 top: 0;
                 z-index: 501; /* over overlay z-index */
             }
+            
             :host([transparent]) {
                 position: absolute;
                 width: 100%;
             }
+            
             :host([transparent][sticky]) {
                 position: fixed;
                 width: 100%;
             }
+            
             :host([sticky][scrolling-down]) header {
-                transform: translateY(-100%)
+                transform: translateY(-100%);
             }
+            
             header {
                 transition: all var(--umg-animation, 0.4s) ease;
             }
 
-            /* Header Contents */
+            /* Header content layout */
             .header .header__menu {
                 margin-right: auto;
             }
+            
             .header__actions {
                 display: none;
                 align-items: center;
                 gap: var(--umg-space-32, 2rem);
                 margin-left: auto;
             }
+            
             .header--actions-show .header__actions {
                 display: flex;
             }
+            
+            .header__actions-group {
+                display: flex;
+                align-items: center;
+                gap: var(--umg-space-gap-normal, var(--umg-space-16, 1rem));
+            }
+            
             .header__signup {
                 white-space: nowrap;
             }
 
-            /* Hidden header contents */
-            .header--logo-hidden .header__logo slot,
-            .header--menu-hidden .header__menu slot,
-            .header--socials-hidden .header__socials,
-            .header--signup-hidden .header__signup {
-                display: none;
-            }
-
             /* Mobile header */
             .header__menu-drawer {
                 display: block;
             }
 
+            /* Desktop layouts */
             @media only screen and (min-width: 64.06rem) {
                 .header__menu-drawer {
                     display: none;
                 }
 
-                /* Alternative header layouts */
-                /* Logo center */
+                /* Logo center layout */
                 .header--logo-center .header__menu {
                     width: 100%;
                 }
@@ -326,21 +356,18 @@ Header.styles = mergeStyles([
                     order: 3;
                     width: 100%;
                 }
-                .header--logo-center.header--menu-hidden .header__logo {
-                    width: 66.666%;
-                }
 
-                /* Nav center */
+                /* Nav center layout */
                 .header--nav-center .header__menu {
                     display: flex;
                     flex: 1;
                     justify-content: center;
                 }
                 .header--nav-center .header__logo {
-                    margin-right: auto
+                    margin-right: auto;
                 }
                 .header--nav-center .header__actions {
-                    margin-left: auto
+                    margin-left: auto;
                 }
                 .header--nav-center .header__logo,
                 .header--nav-center .header__actions {
@@ -351,26 +378,31 @@ Header.styles = mergeStyles([
                     justify-content: flex-end;
                 }
 
-                /* Logo left Content right */
+                /* Content right layout */
                 .header--content-right .header__menu {
                     display: flex;
                     flex: 1;
                     justify-content: right;
                 }
-
                 .header--content-right .header__logo {
-                    margin-left: auto
-                }
-                .header--content-right.header--socials-hidden.header--signup-hidden .header__inner {
-                    padding-right: 0;
+                    margin-left: auto;
                 }
             }
+            
+            /* Mobile responsive overrides */
             @media only screen and (max-width: 64rem) {
                 .header__menu,
                 .header__socials,
                 .header--nav-center .header__menu {
                     display: none;
                 }
+                
+                /* Override mobile hiding for socials when always visible */
+                .header--socials-always-visible .header__socials {
+                    display: block;
+                    --umg-space-gap-normal: 0.5rem;
+                }
+                
                 .header__menu-drawer {
                     display: block;
                     margin-right: auto;
@@ -386,6 +418,22 @@ Header.styles = mergeStyles([
                     width: 100%;
                 }
             }
+
+            /* Mobile logo alignment when socials always visible */
+            @media only screen and (max-width: 48rem) {
+                .header--socials-always-visible .header__logo {
+                    justify-content: flex-start;
+                }
+                .header--socials-always-visible .header__actions {
+                    flex: 1 0 auto;
+                    width: auto;
+
+                }
+                .header--socials-always-visible .header__menu-drawer {
+                    width: auto;
+                    margin-right: 0;
+                }
+            }
         `,
 ]);
 __decorate([
@@ -409,6 +457,9 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], Header.prototype, "socialsHidden", undefined);
+__decorate([
+    property({ type: Boolean })
+], Header.prototype, "socialsAlwaysVisible", undefined);
 __decorate([
     property({ type: Boolean })
 ], Header.prototype, "signupHidden", undefined);
@@ -432,13 +483,25 @@ __decorate([
 ], Header.prototype, "_currentScrollPosition", undefined);
 __decorate([
     state()
-], Header.prototype, "_slotHasChildren", undefined);
+], Header.prototype, "_hasUserSlotContent", undefined);
+__decorate([
+    state()
+], Header.prototype, "_hasSocialsSlotContent", undefined);
+__decorate([
+    state()
+], Header.prototype, "_hasSignupSlotContent", undefined);
+__decorate([
+    state()
+], Header.prototype, "_hasLogoSlotContent", undefined);
+__decorate([
+    state()
+], Header.prototype, "_hasMenuSlotContent", undefined);
+__decorate([
+    state()
+], Header.prototype, "_hasHeaderDrawerSlotContent", undefined);
 __decorate([
     query('.header')
 ], Header.prototype, "_header", undefined);
-__decorate([
-    queryAssignedElements({ slot: 'menu' })
-], Header.prototype, "_menu", undefined);
 Header = __decorate([
     customElement(`${prefix}-header`)
 ], Header);

package/dist/components/header/header.js.map

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

package/dist/components/link-group/link-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"link-group.d.ts","sourceRoot":"","sources":["../../../src/components/link-group/link-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAI3C,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAgB3D,qBAEa,SAAU,SAAQ,UAAU;IAGrC,OAAO,EAAE,YAAY,CAAW;IAGhC,OAAO,EAAE,UAAU,CAAU;IAG7B,aAAa,EAAE,UAAU,GAAG,SAAS,CAAA;IAGrC,MAAM,UAAQ;IAGd,KAAK,UAAQ;IAGb,WAAW,UAAQ;IAEnB,YAAY;IAuBZ,MAAM;IAWN,MAAM,CAAC,MAAM,+BAiEX;CACL"}
+{"version":3,"file":"link-group.d.ts","sourceRoot":"","sources":["../../../src/components/link-group/link-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAI3C,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAgB3D,qBAEa,SAAU,SAAQ,UAAU;IAGrC,OAAO,EAAE,YAAY,CAAW;IAGhC,OAAO,EAAE,UAAU,CAAU;IAG7B,aAAa,EAAE,UAAU,GAAG,SAAS,CAAA;IAGrC,MAAM,UAAQ;IAGd,KAAK,UAAQ;IAGb,WAAW,UAAQ;IAEnB,YAAY;IAuBZ,MAAM;IAWN,MAAM,CAAC,MAAM,+BAyCX;CACL"}

package/dist/components/link-group/link-group.js

@@ -81,30 +81,6 @@ LinkGroup.styles = mergeStyles([
                 padding: var(--umg-space-8) 0;
             }
 
-            .group--no-wrap ::slotted(:last-child) {
-                margin-right: var(--umg-space-24);
-            }
-
-            /** Horizontal scrolling */
-            @media (hover: none) {
-                .group--no-wrap::-webkit-scrollbar {
-                    display: none;
-                }
-            }
-            @media (hover: hover) {
-                .group--no-wrap::-webkit-scrollbar {
-                    height: 0.25rem;
-                }
-                .group--no-wrap::-webkit-scrollbar-track {
-                    background: rgb(var(--umg-color-base-text, 0,0,0), 0.05);
-                    border-radius: var(--umg-border-radius-30);
-                }
-                .group--no-wrap::-webkit-scrollbar-thumb {
-                    background: rgb(var(--umg-color-base-text, 0,0,0), 0.1);
-                    border-radius: var(--umg-border-radius-30);
-                }
-            }
-
             /** Force vertical stacking */
             @media screen and (max-width: 48rem) {
                 .group--mobile-stack:not(.group--no-wrap) {

package/dist/components/link-group/link-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-group.js","sources":["../../../src/components/link-group/link-group.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAkBA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ;AAIpB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU,CAAA;AAAlC,IAAA,WAAA,GAAA;;QAGH,IAAO,CAAA,OAAA,GAAiB,QAAQ;QAGhC,IAAO,CAAA,OAAA,GAAe,OAAO;QAM7B,IAAM,CAAA,MAAA,GAAG,KAAK;QAGd,IAAK,CAAA,KAAA,GAAG,KAAK;QAGb,IAAW,CAAA,WAAA,GAAG,KAAK;;IAEnB,YAAY,GAAA;QACR,MAAM,OAAO,GAAQ,EAAE;QACvB,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;AAChD,QAAA,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,MAAM;AACvC,QAAA,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,KAAK;AACpC,QAAA,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC,WAAW;AAEjD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;;aAC3C;YACH,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;;AAEpD,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,OAAO,CAAC,sBAAsB,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI;;AACxD,aAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YAC3B,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI;;aAC1D;YACH,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;;AAG3D,QAAA,OAAO,OAAO;;IAGlB,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA;;;AAGgB,iCAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAA;;;;SAIvD;;;AAGE,SAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;IACN,YAAY;IACZ,kBAAkB;IAClB,gBAAgB;IAChB,YAAY;IACZ,UAAU;AACV,IAAA,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDF,QAAA,CAAA;AACJ,CAAA,CAAC;AApHF,UAAA,CAAA;AADC,IAAA,QAAQ;AACuB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CAAA;AAGhC,UAAA,CAAA;AADC,IAAA,QAAQ;AACoB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CAAA;AAG7B,UAAA,CAAA;AADC,IAAA,QAAQ;AAC4B,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,eAAA,EAAA,SAAA,CAAA;AAGrC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,QAAA,EAAA,SAAA,CAAA;AAGd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACd,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,OAAA,EAAA,SAAA,CAAA;AAGb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACR,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,aAAA,EAAA,SAAA,CAAA;AAlBV,SAAS,GAAA,UAAA,CAAA;AAFrB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,WAAA,CAAa;AAExB,CAAA,EAAA,SAAS,CAwHrB;;;;"}
+{"version":3,"file":"link-group.js","sources":["../../../src/components/link-group/link-group.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAkBA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ;AAIpB,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU,CAAA;AAAlC,IAAA,WAAA,GAAA;;QAGH,IAAO,CAAA,OAAA,GAAiB,QAAQ;QAGhC,IAAO,CAAA,OAAA,GAAe,OAAO;QAM7B,IAAM,CAAA,MAAA,GAAG,KAAK;QAGd,IAAK,CAAA,KAAA,GAAG,KAAK;QAGb,IAAW,CAAA,WAAA,GAAG,KAAK;;IAEnB,YAAY,GAAA;QACR,MAAM,OAAO,GAAQ,EAAE;QACvB,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;AAChD,QAAA,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAAC,MAAM;AACvC,QAAA,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC,KAAK;AACpC,QAAA,OAAO,CAAC,qBAAqB,CAAC,GAAG,IAAI,CAAC,WAAW;AAEjD,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACZ,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;;aAC3C;YACH,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;;AAEpD,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE;YAClB,OAAO,CAAC,sBAAsB,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI;;AACxD,aAAA,IAAI,IAAI,CAAC,aAAa,EAAE;YAC3B,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,IAAI;;aAC1D;YACH,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,IAAI;;AAG3D,QAAA,OAAO,OAAO;;IAGlB,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA;;;AAGgB,iCAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAA;;;;SAIvD;;;AAGE,SAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;IACN,YAAY;IACZ,kBAAkB;IAClB,gBAAgB;IAChB,YAAY;IACZ,UAAU;AACV,IAAA,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCF,QAAA,CAAA;AACJ,CAAA,CAAC;AA5FF,UAAA,CAAA;AADC,IAAA,QAAQ;AACuB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CAAA;AAGhC,UAAA,CAAA;AADC,IAAA,QAAQ;AACoB,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CAAA;AAG7B,UAAA,CAAA;AADC,IAAA,QAAQ;AAC4B,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,eAAA,EAAA,SAAA,CAAA;AAGrC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,QAAA,EAAA,SAAA,CAAA;AAGd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACd,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,OAAA,EAAA,SAAA,CAAA;AAGb,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACR,CAAA,EAAA,SAAA,CAAA,SAAA,EAAA,aAAA,EAAA,SAAA,CAAA;AAlBV,SAAS,GAAA,UAAA,CAAA;AAFrB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,WAAA,CAAa;AAExB,CAAA,EAAA,SAAS,CAgGrB;;;;"}

package/dist/docs/header/header.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/header/header.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAKxE,OAAO,yBAAyB,CAAA;AAChC,OAAO,gCAAgC,CAAA;AACvC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,0BAA0B,CAAA;AACjC,OAAO,0BAA0B,CAAA;AACjC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,8BAA8B,CAAA;AACrC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAI9B,QAAA,MAAM,IAAI,EAAE,IAmJX,CAAA;AACD,eAAe,IAAI,CAAA;AAenB,eAAO,MAAM,OAAO,EAAE,KA6ErB,CAAA;AAKD,eAAO,MAAM,WAAW,EAAE,KA8EzB,CAAA;AAID,eAAO,MAAM,iBAAiB,EAAE,KA2E/B,CAAA;AAKD,eAAO,MAAM,oBAAoB,EAAE,KA2ElC,CAAA;AAKD,eAAO,MAAM,MAAM,EAAE,KAyFpB,CAAA"}
+{"version":3,"file":"header.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/header/header.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAKxE,OAAO,yBAAyB,CAAA;AAChC,OAAO,gCAAgC,CAAA;AACvC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,0BAA0B,CAAA;AACjC,OAAO,0BAA0B,CAAA;AACjC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,8BAA8B,CAAA;AACrC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,uBAAuB,CAAA;AAI9B,QAAA,MAAM,IAAI,EAAE,IA4JX,CAAA;AACD,eAAe,IAAI,CAAA;AAenB,eAAO,MAAM,OAAO,EAAE,KA8ErB,CAAA;AAKD,eAAO,MAAM,WAAW,EAAE,KA+EzB,CAAA;AAID,eAAO,MAAM,iBAAiB,EAAE,KA4E/B,CAAA;AAKD,eAAO,MAAM,oBAAoB,EAAE,KA4ElC,CAAA;AAKD,eAAO,MAAM,MAAM,EAAE,KA0FpB,CAAA"}

package/dist/styles/group.js

@@ -2,16 +2,16 @@ import { css } from 'lit';
 
 const groupSpacing = css `
     .group-spacing--none {
-        gap: var(--umg-space-base-gap, var(--umg-space-0, 0rem));
+        gap: var(--umg-space-gap-none, var(--umg-space-0, 0rem));
     }
     .group-spacing--compact {
-        gap: var(--umg-space-base-gap, var(--umg-space-8, 0.5rem));
+        gap: var(--umg-space-gap-compact, var(--umg-space-8, 0.5rem));
     }
     .group-spacing--normal {
-        gap: var(--umg-space-base-gap, var(--umg-space-16, 1rem));
+        gap: var(--umg-space-gap-normal, var(--umg-space-16, 1rem));
     }
     .group-spacing--loose {
-        gap: var(--umg-space-base-gap, var(--umg-space-24, 1.5rem));
+        gap: var(--umg-space-gap-loose, var(--umg-space-24, 1.5rem));
     }
     .group-spacing--spread {
         justify-content: space-between;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushengineering/umg-web-components",
-  "version": "3.2.18",
+  "version": "3.2.20",
   "type": "module",
   "module": "dist/components/index.js",
   "types": "dist/components/index.d.ts",