@pushengineering/umg-web-components 3.2.18 → 3.2.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/header/header.d.ts +13 -11
  2. package/dist/components/header/header.d.ts.map +1 -1
  3. package/dist/components/header/header.js +157 -134
  4. package/dist/components/header/header.js.map +1 -1
  5. package/dist/styles/group.js +4 -4
  6. package/package.json +1 -1
package/dist/components/header/header.d.ts CHANGED
@@ -15,23 +15,25 @@ export declare class Header extends LitElement {
15
15
  private _headerOuterHeight;
16
16
  private _transparentScrolling;
17
17
  private _currentScrollPosition;
18
- private _slotHasChildren;
18
+ private _hasUserSlotContent;
19
+ private _hasSocialsSlotContent;
20
+ private _hasSignupSlotContent;
21
+ private _hasLogoSlotContent;
22
+ private _hasMenuSlotContent;
23
+ private _hasHeaderDrawerSlotContent;
19
24
  _header: HTMLElement;
20
- _menu: Array<HTMLElement>;
25
+ private _resizeObserver?;
26
+ private _scrollAnimationFrame?;
27
+ private _isScrolling;
21
28
  updated(changedProperties: Map<string, any>): void;
22
29
  disconnectedCallback(): void;
23
- private _resizeObserver?;
24
- private _optionalSlotChildren;
25
- private _debouncedEventsHandler;
26
30
  protected firstUpdated(): void;
27
31
  private _handleSlotChange;
32
+ private get _hasActionsContent();
28
33
  private _initHeader;
29
- private _eventsHandler;
30
- private _removeTransparency;
31
- private _stickyScroll;
32
- headerClasses(): any;
33
- headerStyles(): {};
34
- headerInnerStyles(): {};
34
+ private _handleScroll;
35
+ private _processScroll;
36
+ private _updateStickyVisibility;
35
37
  render(): import("lit").TemplateResult<1>;
36
38
  static styles: import("lit").CSSResultArray;
37
39
  }
package/dist/components/header/header.d.ts.map CHANGED
@@ -1 +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"}
1
+ {"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,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;IAGD,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,aAAa,CASpB;IAED,OAAO,CAAC,cAAc;IAwBtB,OAAO,CAAC,uBAAuB;IAsB/B,MAAM;IA0DN,MAAM,CAAC,MAAM,+BAyLX;CACL"}
package/dist/components/header/header.js CHANGED
@@ -2,12 +2,10 @@ import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@1
2
2
  import { css, LitElement, html } from 'lit';
3
3
  import { customElement } from 'lit/decorators/custom-element.js';
4
4
  import { property } from 'lit/decorators/property.js';
5
- import { query, queryAssignedElements } from 'lit/decorators.js';
5
+ import { query } from 'lit/decorators.js';
6
6
  import { state } from 'lit/decorators/state.js';
7
7
  import { classMap } from 'lit/directives/class-map.js';
8
8
  import { styleMap } from 'lit/directives/style-map.js';
9
- import { debounce } from '../../scripts/utilities/debounce.js';
10
- import { slotInitialised } from '../../scripts/utilities/slotInitialised.js';
11
9
  import { global } from '../../styles/global.js';
12
10
  import { settings } from '../../scripts/settings.js';
13
11
  import { mergeStyles } from '../../scripts/mergeStyles.js';
@@ -29,60 +27,83 @@ let Header = class Header extends LitElement {
29
27
  this.transparent = false;
30
28
  this._transparentScrolling = false;
31
29
  this._currentScrollPosition = 0;
32
- this._slotHasChildren = false;
33
- this._optionalSlotChildren = ['user', 'socials', 'signup'];
34
- this._debouncedEventsHandler = debounce((e) => { this._eventsHandler(e); }, 100);
35
- this._eventsHandler = (e) => {
36
- if (e.type === 'scroll') {
37
- this._stickyScroll();
38
- }
39
- };
40
- this._removeTransparency = () => {
41
- const newScrollPosition = window.scrollY || document.documentElement.scrollTop;
42
- if (newScrollPosition > 0) {
43
- this._transparentScrolling = true;
44
- }
45
- else {
46
- this._transparentScrolling = false;
30
+ this._hasUserSlotContent = false;
31
+ this._hasSocialsSlotContent = false;
32
+ this._hasSignupSlotContent = false;
33
+ this._hasLogoSlotContent = false;
34
+ this._hasMenuSlotContent = false;
35
+ this._hasHeaderDrawerSlotContent = false;
36
+ this._isScrolling = false;
37
+ this._handleScroll = () => {
38
+ if (!this._isScrolling) {
39
+ this._isScrolling = true;
40
+ this._scrollAnimationFrame = requestAnimationFrame(() => {
41
+ this._processScroll();
42
+ this._isScrolling = false;
43
+ });
47
44
  }
48
45
  };
49
46
  }
50
47
  updated(changedProperties) {
51
48
  super.updated(changedProperties);
52
- if (changedProperties.has('stickyHideOnScroll')) {
53
- if (this.stickyHideOnScroll) {
54
- window.addEventListener('scroll', this._debouncedEventsHandler);
49
+ const needsScrollListener = this.stickyHideOnScroll || (this.sticky && this.transparent);
50
+ if (changedProperties.has('stickyHideOnScroll') || changedProperties.has('transparent') || changedProperties.has('sticky')) {
51
+ window.removeEventListener('scroll', this._handleScroll);
52
+ if (needsScrollListener) {
53
+ window.addEventListener('scroll', this._handleScroll, { passive: true });
55
54
  }
56
55
  else {
57
- window.removeEventListener('scroll', this._debouncedEventsHandler);
58
56
  this.removeAttribute('scrolling-down');
59
- }
60
- }
61
- if (changedProperties.has('transparent')) {
62
- if (this.sticky && this.transparent) {
63
- window.addEventListener('scroll', this._removeTransparency);
64
- }
65
- else {
66
- window.removeEventListener('scroll', this._removeTransparency);
67
57
  this._transparentScrolling = false;
68
58
  }
69
59
  }
70
60
  }
71
61
  disconnectedCallback() {
72
- if (this.sticky && this.transparent) {
73
- window.removeEventListener('scroll', this._removeTransparency);
62
+ window.removeEventListener('scroll', this._handleScroll);
63
+ if (this._scrollAnimationFrame) {
64
+ cancelAnimationFrame(this._scrollAnimationFrame);
74
65
  }
75
- if (this.sticky && this.stickyHideOnScroll) {
76
- window.removeEventListener('scroll', this._debouncedEventsHandler);
66
+ if (this._resizeObserver) {
67
+ this._resizeObserver.disconnect();
68
+ this._resizeObserver = undefined;
77
69
  }
78
70
  super.disconnectedCallback();
79
71
  }
80
72
  firstUpdated() {
81
- this._resizeObserver = new ResizeObserver(() => this._initHeader());
73
+ this._resizeObserver = new ResizeObserver(() => {
74
+ requestAnimationFrame(() => this._initHeader());
75
+ });
82
76
  this._resizeObserver.observe(this);
83
77
  }
84
78
  _handleSlotChange(e) {
85
- this._slotHasChildren = slotInitialised(e, this._optionalSlotChildren);
79
+ const slot = e.target;
80
+ const slotName = slot.name;
81
+ const hasContent = slot.assignedElements().length > 0 ||
82
+ (slot.assignedNodes().filter(node => node.nodeType === Node.TEXT_NODE &&
83
+ node.textContent?.trim() !== '').length > 0);
84
+ switch (slotName) {
85
+ case 'user':
86
+ this._hasUserSlotContent = hasContent;
87
+ break;
88
+ case 'socials':
89
+ this._hasSocialsSlotContent = hasContent;
90
+ break;
91
+ case 'signup':
92
+ this._hasSignupSlotContent = hasContent;
93
+ break;
94
+ case 'logo':
95
+ this._hasLogoSlotContent = hasContent;
96
+ break;
97
+ case 'menu':
98
+ this._hasMenuSlotContent = hasContent;
99
+ break;
100
+ case 'header-drawer':
101
+ this._hasHeaderDrawerSlotContent = hasContent;
102
+ break;
103
+ }
104
+ }
105
+ get _hasActionsContent() {
106
+ return this._hasUserSlotContent || this._hasSocialsSlotContent || this._hasSignupSlotContent;
86
107
  }
87
108
  _initHeader() {
88
109
  this._currentScrollPosition = window.scrollY || document.documentElement.scrollTop;
@@ -99,99 +120,90 @@ let Header = class Header extends LitElement {
99
120
  });
100
121
  this.dispatchEvent(headerEvent);
101
122
  }
102
- _stickyScroll() {
103
- const newScrollPosition = window.scrollY || document.documentElement.scrollTop;
104
- if (this.stickyHideOnScroll) {
105
- if (this._headerOuterHeight && newScrollPosition <= this._headerOuterHeight) {
106
- this.removeAttribute('scrolling-down');
107
- }
108
- else if (newScrollPosition > this._currentScrollPosition) {
109
- this.setAttribute('scrolling-down', '');
110
- }
111
- else {
112
- this.removeAttribute('scrolling-down');
123
+ _processScroll() {
124
+ const newScrollPosition = window.scrollY;
125
+ if (this.sticky && this.transparent) {
126
+ const wasTransparentScrolling = this._transparentScrolling;
127
+ this._transparentScrolling = newScrollPosition > 0;
128
+ if (wasTransparentScrolling !== this._transparentScrolling) {
129
+ this.requestUpdate();
113
130
  }
114
131
  }
115
- else {
116
- this.removeAttribute('scrolling-down');
117
- }
118
- this._currentScrollPosition = newScrollPosition <= 0 ? 0 : newScrollPosition;
119
- }
120
- headerClasses() {
121
- const classes = {
122
- 'header--logo-hidden': this.logoHidden,
123
- 'header--menu-hidden': this.menuHidden,
124
- 'header--socials-hidden': this.socialsHidden,
125
- 'header--signup-hidden': this.signupHidden,
126
- 'header--actions-show': this._slotHasChildren,
127
- };
128
- if (this.layout) {
129
- classes['header--' + this.layout] = true;
132
+ if (this.stickyHideOnScroll) {
133
+ this._updateStickyVisibility(newScrollPosition);
130
134
  }
131
- return classes;
135
+ this._currentScrollPosition = newScrollPosition;
132
136
  }
133
- headerStyles() {
134
- let styles = {};
135
- if (this.paddingTop) {
136
- styles = {
137
- ...styles,
138
- '--umg-space-header-padding-top': 'var(--umg-space-' + this.paddingTop + ')'
139
- };
137
+ _updateStickyVisibility(newScrollPosition) {
138
+ const wasScrollingDown = this.hasAttribute('scrolling-down');
139
+ let shouldScrollDown = false;
140
+ if (this._headerOuterHeight && newScrollPosition <= this._headerOuterHeight) {
141
+ shouldScrollDown = false;
140
142
  }
141
- if (this.paddingBottom) {
142
- styles = {
143
- ...styles,
144
- '--umg-space-header-padding-bottom': 'var(--umg-space-' + this.paddingBottom + ')'
145
- };
143
+ else if (newScrollPosition > this._currentScrollPosition) {
144
+ shouldScrollDown = true;
146
145
  }
147
- if (this.transparent && !this._transparentScrolling) {
148
- styles = {
149
- ...styles,
150
- '--umg-color-base-background': 'transparent',
151
- };
146
+ else {
147
+ shouldScrollDown = false;
152
148
  }
153
- return styles;
154
- }
155
- headerInnerStyles() {
156
- let styles = {};
157
- if (this.width === 'full-width') {
158
- styles = {
159
- ...styles,
160
- '--umg-size-content-max-width': '100%',
161
- };
149
+ if (shouldScrollDown !== wasScrollingDown) {
150
+ if (shouldScrollDown) {
151
+ this.setAttribute('scrolling-down', '');
152
+ }
153
+ else {
154
+ this.removeAttribute('scrolling-down');
155
+ }
162
156
  }
163
- return styles;
164
157
  }
165
158
  render() {
166
159
  return html `
167
160
  <header>
168
161
  <div
169
162
  part="header"
170
- class="header${classMap(this.headerClasses())}"
171
- style="${styleMap(this.headerStyles())}"
163
+ class="header${classMap({
164
+ [`header--${this.layout}`]: !!this.layout,
165
+ 'header--actions-show': this._hasActionsContent
166
+ })}"
167
+ style="${styleMap({
168
+ '--umg-space-header-padding-top': this.paddingTop ? `var(--umg-space-${this.paddingTop})` : '',
169
+ '--umg-space-header-padding-bottom': this.paddingBottom ? `var(--umg-space-${this.paddingBottom})` : '',
170
+ '--umg-color-base-background': (this.transparent && !this._transparentScrolling) ? 'transparent' : ''
171
+ })}"
172
172
  >
173
173
  <div
174
174
  part="header-inner"
175
175
  class="header__inner"
176
- style="${styleMap(this.headerInnerStyles())}"
176
+ style="${styleMap({
177
+ '--umg-size-header-width': this.width === 'full-width' ? 'min(100vw, var(--umg-size-screen-max-width, 100vw))' : ''
178
+ })}"
177
179
  >
178
- <div part="menu-drawer" class="header__menu-drawer">
179
- <slot name="header-drawer"></slot>
180
+ <div part="menu-drawer" class="header__menu-drawer"
181
+ ?hidden=${!this._hasHeaderDrawerSlotContent}>
182
+ <slot name="header-drawer" @slotchange=${this._handleSlotChange}></slot>
180
183
  </div>
181
- <div part="logo" class="header__logo">
182
- <slot name="logo"></slot>
184
+
185
+ <div part="logo" class="header__logo"
186
+ ?hidden=${this.logoHidden || !this._hasLogoSlotContent}>
187
+ <slot name="logo" @slotchange=${this._handleSlotChange}></slot>
183
188
  </div>
184
- <div part="menu" class="header__menu">
185
- <slot name="menu"></slot>
189
+
190
+ <div part="menu" class="header__menu"
191
+ ?hidden=${this.menuHidden || !this._hasMenuSlotContent}>
192
+ <slot name="menu" @slotchange=${this._handleSlotChange}></slot>
186
193
  </div>
187
- <div part="actions" class="header__actions">
188
- <div part="cart" class="header__cart">
194
+
195
+ <div part="actions" class="header__actions"
196
+ ?hidden=${!this._hasActionsContent}>
197
+ <div part="cart" class="header__cart"
198
+ ?hidden=${!this._hasUserSlotContent}>
189
199
  <slot name="user" @slotchange=${this._handleSlotChange}></slot>
190
200
  </div>
191
- <div part="socials" class="header__socials">
201
+ <div part="socials" class="header__socials"
202
+ ?hidden=${this.socialsHidden || !this._hasSocialsSlotContent}>
192
203
  <slot name="socials" @slotchange=${this._handleSlotChange}></slot>
193
204
  </div>
194
- <div part="signup" class="header__signup">
205
+ <div part="signup" class="header__signup"
206
+ ?hidden=${this.signupHidden || !this._hasSignupSlotContent}>
195
207
  <slot name="signup" @slotchange=${this._handleSlotChange}></slot>
196
208
  </div>
197
209
  </div>
@@ -205,12 +217,12 @@ Header.styles = mergeStyles([
205
217
  global,
206
218
  css `
207
219
  :host {
208
- display:block;
220
+ display: block;
209
221
  position: relative;
210
222
  z-index: 501; /* over overlay z-index */
211
223
  }
212
224
 
213
- /* Header */
225
+ /* Header base styles */
214
226
  .header {
215
227
  transition: all var(--umg-animation, 0.4s) ease;
216
228
  overflow: hidden;
@@ -218,12 +230,14 @@ Header.styles = mergeStyles([
218
230
  background-color: var(--umg-color-base-background, rgb(240,240,240));
219
231
  --umg-color-icon-text: var(--umg-color-base-text);
220
232
  }
233
+
221
234
  @supports (color: rgb(from white r g b)) {
222
235
  .header {
223
236
  color: rgb(from var(--umg-color-base-text, rgb(0,0,0)) r g b);
224
237
  background-color: rgb(from var(--umg-color-base-background, rgb(240,240,240)) r g b / alpha);
225
238
  }
226
239
  }
240
+
227
241
  .header__inner {
228
242
  display: flex;
229
243
  align-items: center;
@@ -231,6 +245,8 @@ Header.styles = mergeStyles([
231
245
  max-width: var(--umg-size-header-width, var(--umg-size-content-max-width, 75rem));
232
246
  transition: padding var(--umg-animation, 0.4s) ease;
233
247
  }
248
+
249
+ /* Responsive padding and spacing */
234
250
  @media screen and (max-width: 48rem) {
235
251
  .header {
236
252
  padding-top: calc(var(--umg-space-header-padding-top, 1rem) * 0.5);
@@ -242,6 +258,7 @@ Header.styles = mergeStyles([
242
258
  padding-right: var(--umg-space-base-side-padding-mobile, 1.5rem);
243
259
  }
244
260
  }
261
+
245
262
  @media screen and (min-width: 48.06rem) {
246
263
  .header {
247
264
  padding-top: var(--umg-space-header-padding-top, 1rem);
@@ -254,64 +271,63 @@ Header.styles = mergeStyles([
254
271
  }
255
272
  }
256
273
 
257
- /* Sticky header */
274
+ /* Sticky header behavior */
258
275
  :host([sticky]) {
259
276
  position: sticky;
260
277
  top: 0;
261
278
  z-index: 501; /* over overlay z-index */
262
279
  }
280
+
263
281
  :host([transparent]) {
264
282
  position: absolute;
265
283
  width: 100%;
266
284
  }
285
+
267
286
  :host([transparent][sticky]) {
268
287
  position: fixed;
269
288
  width: 100%;
270
289
  }
290
+
271
291
  :host([sticky][scrolling-down]) header {
272
- transform: translateY(-100%)
292
+ transform: translateY(-100%);
273
293
  }
294
+
274
295
  header {
275
296
  transition: all var(--umg-animation, 0.4s) ease;
276
297
  }
277
298
 
278
- /* Header Contents */
299
+ /* Header content layout */
279
300
  .header .header__menu {
280
301
  margin-right: auto;
281
302
  }
303
+
282
304
  .header__actions {
283
305
  display: none;
284
306
  align-items: center;
285
307
  gap: var(--umg-space-32, 2rem);
286
308
  margin-left: auto;
287
309
  }
310
+
288
311
  .header--actions-show .header__actions {
289
312
  display: flex;
290
313
  }
314
+
291
315
  .header__signup {
292
316
  white-space: nowrap;
293
317
  }
294
318
 
295
- /* Hidden header contents */
296
- .header--logo-hidden .header__logo slot,
297
- .header--menu-hidden .header__menu slot,
298
- .header--socials-hidden .header__socials,
299
- .header--signup-hidden .header__signup {
300
- display: none;
301
- }
302
-
303
319
  /* Mobile header */
304
320
  .header__menu-drawer {
305
321
  display: block;
306
322
  }
307
323
 
324
+ /* Desktop layouts */
308
325
  @media only screen and (min-width: 64.06rem) {
309
326
  .header__menu-drawer {
310
327
  display: none;
311
328
  }
312
329
 
313
- /* Alternative header layouts */
314
- /* Logo center */
330
+ /* Logo center layout */
315
331
  .header--logo-center .header__menu {
316
332
  width: 100%;
317
333
  }
@@ -326,21 +342,18 @@ Header.styles = mergeStyles([
326
342
  order: 3;
327
343
  width: 100%;
328
344
  }
329
- .header--logo-center.header--menu-hidden .header__logo {
330
- width: 66.666%;
331
- }
332
345
 
333
- /* Nav center */
346
+ /* Nav center layout */
334
347
  .header--nav-center .header__menu {
335
348
  display: flex;
336
349
  flex: 1;
337
350
  justify-content: center;
338
351
  }
339
352
  .header--nav-center .header__logo {
340
- margin-right: auto
353
+ margin-right: auto;
341
354
  }
342
355
  .header--nav-center .header__actions {
343
- margin-left: auto
356
+ margin-left: auto;
344
357
  }
345
358
  .header--nav-center .header__logo,
346
359
  .header--nav-center .header__actions {
@@ -351,20 +364,18 @@ Header.styles = mergeStyles([
351
364
  justify-content: flex-end;
352
365
  }
353
366
 
354
- /* Logo left Content right */
367
+ /* Content right layout */
355
368
  .header--content-right .header__menu {
356
369
  display: flex;
357
370
  flex: 1;
358
371
  justify-content: right;
359
372
  }
360
-
361
373
  .header--content-right .header__logo {
362
- margin-left: auto
363
- }
364
- .header--content-right.header--socials-hidden.header--signup-hidden .header__inner {
365
- padding-right: 0;
374
+ margin-left: auto;
366
375
  }
367
376
  }
377
+
378
+ /* Mobile responsive overrides */
368
379
  @media only screen and (max-width: 64rem) {
369
380
  .header__menu,
370
381
  .header__socials,
@@ -432,13 +443,25 @@ __decorate([
432
443
  ], Header.prototype, "_currentScrollPosition", undefined);
433
444
  __decorate([
434
445
  state()
435
- ], Header.prototype, "_slotHasChildren", undefined);
446
+ ], Header.prototype, "_hasUserSlotContent", undefined);
447
+ __decorate([
448
+ state()
449
+ ], Header.prototype, "_hasSocialsSlotContent", undefined);
450
+ __decorate([
451
+ state()
452
+ ], Header.prototype, "_hasSignupSlotContent", undefined);
453
+ __decorate([
454
+ state()
455
+ ], Header.prototype, "_hasLogoSlotContent", undefined);
456
+ __decorate([
457
+ state()
458
+ ], Header.prototype, "_hasMenuSlotContent", undefined);
459
+ __decorate([
460
+ state()
461
+ ], Header.prototype, "_hasHeaderDrawerSlotContent", undefined);
436
462
  __decorate([
437
463
  query('.header')
438
464
  ], Header.prototype, "_header", undefined);
439
- __decorate([
440
- queryAssignedElements({ slot: 'menu' })
441
- ], Header.prototype, "_menu", undefined);
442
465
  Header = __decorate([
443
466
  customElement(`${prefix}-header`)
444
467
  ], Header);
package/dist/components/header/header.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"header.js","sources":["../../../src/components/header/header.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"header.js","sources":["../../../src/components/header/header.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAcA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ;AAIpB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU,CAAA;AAA/B,IAAA,WAAA,GAAA;;QAGH,IAAK,CAAA,KAAA,GAAc,YAAY;QAG/B,IAAU,CAAA,UAAA,GAAiB,EAAE;QAG7B,IAAa,CAAA,aAAA,GAAiB,EAAE;QAGhC,IAAM,CAAA,MAAA,GAAiB,WAAW;QAGlC,IAAU,CAAA,UAAA,GAAG,KAAK;QAGlB,IAAU,CAAA,UAAA,GAAG,KAAK;QAGlB,IAAa,CAAA,aAAA,GAAG,KAAK;QAGrB,IAAY,CAAA,YAAA,GAAG,KAAK;QAGpB,IAAM,CAAA,MAAA,GAAG,KAAK;QAGd,IAAkB,CAAA,kBAAA,GAAG,KAAK;QAG1B,IAAW,CAAA,WAAA,GAAG,KAAK;QAMX,IAAqB,CAAA,qBAAA,GAAG,KAAK;QAG7B,IAAsB,CAAA,sBAAA,GAAG,CAAC;QAG1B,IAAmB,CAAA,mBAAA,GAAG,KAAK;QAG3B,IAAsB,CAAA,sBAAA,GAAG,KAAK;QAG9B,IAAqB,CAAA,qBAAA,GAAG,KAAK;QAG7B,IAAmB,CAAA,mBAAA,GAAG,KAAK;QAG3B,IAAmB,CAAA,mBAAA,GAAG,KAAK;QAG3B,IAA2B,CAAA,2BAAA,GAAG,KAAK;QAQnC,IAAY,CAAA,YAAA,GAAG,KAAK;QAkGpB,IAAa,CAAA,aAAA,GAAG,MAAK;AAEzB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACpB,gBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,gBAAA,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,MAAK;oBACpD,IAAI,CAAC,cAAc,EAAE;AACrB,oBAAA,IAAI,CAAC,YAAY,GAAG,KAAK;AAC7B,iBAAC,CAAC;;AAEV,SAAC;;AAxGD,IAAA,OAAO,CAAC,iBAAmC,EAAA;AACvC,QAAA,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC;AAGhC,QAAA,MAAM,mBAAmB,GAAG,IAAI,CAAC,kBAAkB,KAAK,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,CAAC;QAExF,IAAI,iBAAiB,CAAC,GAAG,CAAC,oBAAoB,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YAExH,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC;YAExD,IAAI,mBAAmB,EAAE;AACrB,gBAAA,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAA6B,CAAC;;iBAChG;AAEH,gBAAA,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC;AACtC,gBAAA,IAAI,CAAC,qBAAqB,GAAG,KAAK;;;;IAK9C,oBAAoB,GAAA;QAChB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC;AACxD,QAAA,IAAI,IAAI,CAAC,qBAAqB,EAAE;AAC5B,YAAA,oBAAoB,CAAC,IAAI,CAAC,qBAAqB,CAAC;;AAEpD,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACtB,YAAA,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE;AACjC,YAAA,IAAI,CAAC,eAAe,GAAG,SAAS;;QAEpC,KAAK,CAAC,oBAAoB,EAAE;;IAGtB,YAAY,GAAA;AAClB,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,MAAK;YAE3C,qBAAqB,CAAC,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;AACnD,SAAC,CAAC;AACF,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC;;AAI9B,IAAA,iBAAiB,CAAC,CAAQ,EAAA;AAC9B,QAAA,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB;AACxC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI;QAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,GAAG,CAAC;AACnC,aAAC,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,IAAI,IAC7B,IAAI,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS;AAChC,gBAAA,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,CAClC,CAAC,MAAM,GAAG,CAAC,CAAC;QAE/B,QAAQ,QAAQ;AACZ,YAAA,KAAK,MAAM;AACP,gBAAA,IAAI,CAAC,mBAAmB,GAAG,UAAU;gBACrC;AACJ,YAAA,KAAK,SAAS;AACV,gBAAA,IAAI,CAAC,sBAAsB,GAAG,UAAU;gBACxC;AACJ,YAAA,KAAK,QAAQ;AACT,gBAAA,IAAI,CAAC,qBAAqB,GAAG,UAAU;gBACvC;AACJ,YAAA,KAAK,MAAM;AACP,gBAAA,IAAI,CAAC,mBAAmB,GAAG,UAAU;gBACrC;AACJ,YAAA,KAAK,MAAM;AACP,gBAAA,IAAI,CAAC,mBAAmB,GAAG,UAAU;gBACrC;AACJ,YAAA,KAAK,eAAe;AAChB,gBAAA,IAAI,CAAC,2BAA2B,GAAG,UAAU;gBAC7C;;;AAIZ,IAAA,IAAY,kBAAkB,GAAA;QAC1B,OAAO,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,sBAAsB,IAAI,IAAI,CAAC,qBAAqB;;IAIxF,WAAW,GAAA;AACf,QAAA,IAAI,CAAC,sBAAsB,GAAG,MAAM,CAAC,OAAO,IAAI,QAAQ,CAAC,eAAe,CAAC,SAAS;QAClF,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM;AAC7D,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,YAAY;AAC3C,QAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,gCAAgC,EAAE,CAAA,EAAG,iBAAiB,GAAG,EAAE,CAAA,GAAA,CAAK,CAAC;AACxF,QAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,gCAAgC,EAAE,CAAG,EAAA,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAA,GAAA,CAAK,CAAC;AAE9F,QAAA,MAAM,WAAW,GAAG,IAAI,WAAW,CAAC,gBAAgB,EAAE;AAClD,YAAA,MAAM,EAAE;gBACJ,MAAM,EAAE,IAAI,CAAC,kBAAkB;AAClC,aAAA;AACD,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE;AACb,SAAA,CAAC;AAEF,QAAA,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC;;IAc3B,cAAc,GAAA;AAElB,QAAA,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO;QAGxC,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE;AACjC,YAAA,MAAM,uBAAuB,GAAG,IAAI,CAAC,qBAAqB;AAC1D,YAAA,IAAI,CAAC,qBAAqB,GAAG,iBAAiB,GAAG,CAAC;AAGlD,YAAA,IAAI,uBAAuB,KAAK,IAAI,CAAC,qBAAqB,EAAE;gBACxD,IAAI,CAAC,aAAa,EAAE;;;AAK5B,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;AACzB,YAAA,IAAI,CAAC,uBAAuB,CAAC,iBAAiB,CAAC;;AAInD,QAAA,IAAI,CAAC,sBAAsB,GAAG,iBAAiB;;AAG3C,IAAA,uBAAuB,CAAC,iBAAyB,EAAA;QACrD,MAAM,gBAAgB,GAAG,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC;QAC5D,IAAI,gBAAgB,GAAG,KAAK;QAE5B,IAAI,IAAI,CAAC,kBAAkB,IAAI,iBAAiB,IAAI,IAAI,CAAC,kBAAkB,EAAE;YACzE,gBAAgB,GAAG,KAAK;;AACrB,aAAA,IAAI,iBAAiB,GAAG,IAAI,CAAC,sBAAsB,EAAE;YACxD,gBAAgB,GAAG,IAAI;;aACpB;YACH,gBAAgB,GAAG,KAAK;;AAI5B,QAAA,IAAI,gBAAgB,KAAK,gBAAgB,EAAE;YACvC,IAAI,gBAAgB,EAAE;AAClB,gBAAA,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,EAAE,CAAC;;iBACpC;AACH,gBAAA,IAAI,CAAC,eAAe,CAAC,gBAAgB,CAAC;;;;IAKlD,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA;;;;AAIgB,iCAAA,EAAA,QAAQ,CAAC;YACpB,CAAC,CAAA,QAAA,EAAW,IAAI,CAAC,MAAM,CAAA,CAAE,GAAG,CAAC,CAAC,IAAI,CAAC,MAAM;YACzC,sBAAsB,EAAE,IAAI,CAAC;SAChC,CAAC,CAAA;AACO,2BAAA,EAAA,QAAQ,CAAC;AACd,YAAA,gCAAgC,EAAE,IAAI,CAAC,UAAU,GAAG,CAAmB,gBAAA,EAAA,IAAI,CAAC,UAAU,CAAA,CAAA,CAAG,GAAG,EAAE;AAC9F,YAAA,mCAAmC,EAAE,IAAI,CAAC,aAAa,GAAG,CAAmB,gBAAA,EAAA,IAAI,CAAC,aAAa,CAAA,CAAA,CAAG,GAAG,EAAE;AACvG,YAAA,6BAA6B,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,qBAAqB,IAAI,aAAa,GAAG;SACtG,CAAC,CAAA;;;;;AAKW,+BAAA,EAAA,QAAQ,CAAC;AACd,YAAA,yBAAyB,EAAE,IAAI,CAAC,KAAK,KAAK,YAAY,GAAG,qDAAqD,GAAG;SACpH,CAAC,CAAA;;;uCAGa,CAAC,IAAI,CAAC,2BAA2B,CAAA;AACH,mEAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;;;;AAIpD,qCAAA,EAAA,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAA;AACvB,0DAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;;;;AAI3C,qCAAA,EAAA,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAA;AACvB,0DAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;;;;uCAI3C,CAAC,IAAI,CAAC,kBAAkB,CAAA;;2CAEpB,CAAC,IAAI,CAAC,mBAAmB,CAAA;AACJ,8DAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;;;AAG3C,yCAAA,EAAA,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAA;AAC1B,iEAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;;;AAG9C,yCAAA,EAAA,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAA;AACzB,gEAAA,EAAA,IAAI,CAAC,iBAAiB,CAAA;;;;;;SAM/E;;;AAGE,MAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsLF,QAAA,CAAA;AACJ,CAAA,CAAC;AA/cF,UAAA,CAAA;AADC,IAAA,QAAQ;AACsB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,OAAA,EAAA,SAAA,CAAA;AAG/B,UAAA,CAAA;AADC,IAAA,QAAQ;AACoB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,YAAA,EAAA,SAAA,CAAA;AAG7B,UAAA,CAAA;AADC,IAAA,QAAQ;AACuB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,eAAA,EAAA,SAAA,CAAA;AAGhC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACQ,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,QAAA,EAAA,SAAA,CAAA;AAGlC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACT,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,YAAA,EAAA,SAAA,CAAA;AAGlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACT,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,YAAA,EAAA,SAAA,CAAA;AAGlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACN,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,eAAA,EAAA,SAAA,CAAA;AAGrB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACP,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,cAAA,EAAA,SAAA,CAAA;AAGpB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,QAAA,EAAA,SAAA,CAAA;AAGd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACD,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,SAAA,CAAA;AAG1B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACR,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,aAAA,EAAA,SAAA,CAAA;AAGX,UAAA,CAAA;AADP,IAAA,KAAK;AACwC,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,oBAAA,EAAA,SAAA,CAAA;AAGtC,UAAA,CAAA;AADP,IAAA,KAAK;AAC+B,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,uBAAA,EAAA,SAAA,CAAA;AAG7B,UAAA,CAAA;AADP,IAAA,KAAK;AAC4B,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,wBAAA,EAAA,SAAA,CAAA;AAG1B,UAAA,CAAA;AADP,IAAA,KAAK;AAC6B,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,SAAA,CAAA;AAG3B,UAAA,CAAA;AADP,IAAA,KAAK;AACgC,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,wBAAA,EAAA,SAAA,CAAA;AAG9B,UAAA,CAAA;AADP,IAAA,KAAK;AAC+B,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,uBAAA,EAAA,SAAA,CAAA;AAG7B,UAAA,CAAA;AADP,IAAA,KAAK;AAC6B,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,SAAA,CAAA;AAG3B,UAAA,CAAA;AADP,IAAA,KAAK;AAC6B,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,qBAAA,EAAA,SAAA,CAAA;AAG3B,UAAA,CAAA;AADP,IAAA,KAAK;AACqC,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,6BAAA,EAAA,SAAA,CAAA;AAG3C,UAAA,CAAA;IADC,KAAK,CAAC,SAAS;AACK,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CAAA;AA/DZ,MAAM,GAAA,UAAA,CAAA;AAFlB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,OAAA,CAAS;AAEpB,CAAA,EAAA,MAAM,CAmdlB;;;;"}
package/dist/styles/group.js CHANGED
@@ -2,16 +2,16 @@ import { css } from 'lit';
2
2
 
3
3
  const groupSpacing = css `
4
4
  .group-spacing--none {
5
- gap: var(--umg-space-base-gap, var(--umg-space-0, 0rem));
5
+ gap: var(--umg-space-gap-none, var(--umg-space-0, 0rem));
6
6
  }
7
7
  .group-spacing--compact {
8
- gap: var(--umg-space-base-gap, var(--umg-space-8, 0.5rem));
8
+ gap: var(--umg-space-gap-compact, var(--umg-space-8, 0.5rem));
9
9
  }
10
10
  .group-spacing--normal {
11
- gap: var(--umg-space-base-gap, var(--umg-space-16, 1rem));
11
+ gap: var(--umg-space-gap-normal, var(--umg-space-16, 1rem));
12
12
  }
13
13
  .group-spacing--loose {
14
- gap: var(--umg-space-base-gap, var(--umg-space-24, 1.5rem));
14
+ gap: var(--umg-space-gap-loose, var(--umg-space-24, 1.5rem));
15
15
  }
16
16
  .group-spacing--spread {
17
17
  justify-content: space-between;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pushengineering/umg-web-components",
3
- "version": "3.2.18",
3
+ "version": "3.2.19",
4
4
  "type": "module",
5
5
  "module": "dist/components/index.js",
6
6
  "types": "dist/components/index.d.ts",