@pushengineering/umg-web-components 2.0.10 → 3.0.2

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

@@ -2,9 +2,6 @@ import { LitElement } from 'lit';
 import '../disclosure/';
 import './menu-drawer';
 import '../icon/';
-interface menuDisclosure {
-    closeDisclosure: () => void;
-}
 interface MenuData {
     linkText: string;
     linkUrl: string;
@@ -14,19 +11,20 @@ export declare class HeaderDrawer extends LitElement {
     src: string;
     data?: MenuData[];
     direction: string;
-    colorText: undefined | string;
-    colorBg: undefined | string;
-    _drawerOpen: boolean;
-    _drawer: menuDisclosure;
+    private _drawerOpen;
+    private _drawer;
+    private _slotHasChildren;
     firstUpdated(): Promise<void>;
     fetchData(): Promise<void>;
     closeDrawer(): void;
+    private _handleSlotChange;
     private _openDrawer;
     private _closeDrawer;
     private _closeActiveDrawers;
-    menuDrawerStyles(): {};
-    menuList(): import("lit").TemplateResult<1> | undefined;
+    private menuDrawerClasses;
+    private menuList;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
 export {};
+//# sourceMappingURL=header-drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"header-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/header-drawer/header-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAa3C,OAAO,gBAAgB,CAAA;AACvB,OAAO,eAAe,CAAA;AACtB,OAAO,UAAU,CAAA;AAQjB,UAAU,QAAQ;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;CAC7B;AAID,qBAEa,YAAa,SAAQ,UAAU;IAGxC,GAAG,SAAK;IAGR,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAA;IAGjB,SAAS,SAAc;IAGvB,OAAO,CAAC,WAAW,CAAQ;IAG3B,OAAO,CAAC,OAAO,CAAiB;IAGhC,OAAO,CAAC,gBAAgB,CAAQ;IAE1B,YAAY;IAMZ,SAAS;IAKR,WAAW;IAOlB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,mBAAmB;IAY3B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,QAAQ;IAuEhB,MAAM;IAqDN,MAAM,CAAC,MAAM,+BAiHX;CACL"}

package/dist/components/header-drawer/header-drawer.js

@@ -1,147 +1,164 @@
-import { css as m, LitElement as d, html as t } from "lit";
-import { customElement as p } from "lit/decorators/custom-element.js";
-import { property as n } from "lit/decorators/property.js";
-import { state as h } from "lit/decorators/state.js";
-import { query as f } from "lit/decorators.js";
-import { styleMap as w } from "lit/directives/style-map.js";
-import { global as b } from "../../styles/global.js";
-import { settings as g } from "../../scripts/settings.js";
-import { mergeStyles as y } from "../../scripts/mergeStyles.js";
-import "../disclosure/disclosure.js";
-import "./menu-drawer.js";
-import "../icon/icon.js";
-var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (e, r, o, l) => {
-  for (var i = l > 1 ? void 0 : l ? _(r, o) : r, c = e.length - 1, u; c >= 0; c--)
-    (u = e[c]) && (i = (l ? u(r, o, i) : u(i)) || i);
-  return l && i && v(r, o, i), i;
-};
-const { prefix: x } = g;
-let s = class extends d {
-  constructor() {
-    super(...arguments), this.src = "", this.direction = "down", this._drawerOpen = !1;
-  }
-  async firstUpdated() {
-    this.data === void 0 && this.src && await this.fetchData();
-  }
-  async fetchData() {
-    this.data = await fetch(this.src).then((e) => e.json()), this.requestUpdate();
-  }
-  closeDrawer() {
-    this._drawerOpen = !1, this._drawer.closeDisclosure(), document.body.removeAttribute("style"), this._closeActiveDrawers();
-  }
-  _openDrawer() {
-    this._drawerOpen = !0, document.body.style.overflow = "hidden";
-  }
-  _closeDrawer() {
-    this._drawerOpen = !1, document.body.removeAttribute("style"), this._closeActiveDrawers();
-  }
-  _closeActiveDrawers() {
-    var e;
-    if (!this._drawerOpen) {
-      const r = (e = this.shadowRoot) == null ? void 0 : e.querySelectorAll("umg-menu-drawer");
-      r && r.length && r.forEach((o) => {
-        o.closeDrawer();
-      });
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { state } from 'lit/decorators/state.js';
+import { query } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.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';
+import '../disclosure/disclosure.js';
+import './menu-drawer.js';
+import '../icon/icon.js';
+
+const { prefix } = settings;
+let HeaderDrawer = class HeaderDrawer extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.src = '';
+        this.direction = 'from-left';
+        this._drawerOpen = false;
+        this._slotHasChildren = false;
+    }
+    async firstUpdated() {
+        if (this.data === undefined && this.src) {
+            await this.fetchData();
+        }
+    }
+    async fetchData() {
+        this.data = await fetch(this.src).then((res) => res.json());
+        this.requestUpdate();
+    }
+    closeDrawer() {
+        this._drawerOpen = false;
+        this._drawer.closeDisclosure();
+        document.body.removeAttribute('style');
+        this._closeActiveDrawers();
+    }
+    _handleSlotChange(e) {
+        this._slotHasChildren = slotInitialised(e, 'socials');
+    }
+    _openDrawer() {
+        this._drawerOpen = true;
+        document.body.style.overflow = 'hidden';
+    }
+    _closeDrawer() {
+        this._drawerOpen = false;
+        document.body.removeAttribute('style');
+        this._closeActiveDrawers();
+    }
+    _closeActiveDrawers() {
+        if (!this._drawerOpen) {
+            const drawers = this.shadowRoot?.querySelectorAll('umg-menu-drawer');
+            if (drawers && drawers.length) {
+                drawers.forEach(drawer => {
+                    drawer.closeDrawer();
+                });
+            }
+        }
+    }
+    menuDrawerClasses() {
+        const classes = {
+            'header-drawer--has-socials': this._slotHasChildren,
+            'header-drawer--overlay': this._drawerOpen,
+        };
+        return classes;
     }
-  }
-  menuDrawerStyles() {
-    let e = {};
-    return this.colorText && (e = {
-      ...e,
-      "--um-color-menu-drawer-text": this.colorText
-    }), this.colorBg && (e = {
-      ...e,
-      "--um-color-menu-drawer-bg": this.colorBg,
-      "--um-color-disclosure-bg": "var(--um-color-menu-drawer-bg)"
-    }), e;
-  }
-  menuList() {
-    if (this.data)
-      return t`
+    menuList() {
+        if (this.data) {
+            return html `
             <nav>
                 <ul class="menu__list" part="menu-list">
-                    ${this.data.map((e) => t`
+                    ${this.data.map((itemOne) => {
+                return html `
                         <li>
-                            ${e.subItems ? t`
+                            ${itemOne.subItems ? html `
                                 <umg-menu-drawer>
                                     <span slot="summary">
-                                        ${e.linkText}
+                                        ${itemOne.linkText}
                                     </span>
                                     <span slot="summary-back">
-                                        ${e.linkText}
+                                        ${itemOne.linkText}
                                     </span>
                                     <ul slot="submenu" class="submenu">
-                                        ${e.subItems.map((r) => t`
+                                        ${itemOne.subItems.map((itemTwo) => {
+                    return html `
                                             <li>
-                                                ${r.subItems ? t`
+                                                ${itemTwo.subItems ? html `
                                                     <umg-menu-drawer>
                                                         <span slot="summary">
-                                                            ${r.linkText}
+                                                            ${itemTwo.linkText}
                                                         </span>
                                                         <span slot="summary-back">
-                                                            ${r.linkText}
+                                                            ${itemTwo.linkText}
                                                         </span>
                                                         <ul slot="submenu" class="submenu">
-                                                            ${r.subItems.map((o) => t`
+                                                            ${itemTwo.subItems.map((itemThree) => {
+                        return html `
                                                                 <li>
                                                                     <a
                                                                         class="submenu__link"
-                                                                        href="${o.linkUrl}"
+                                                                        href="${itemThree.linkUrl}"
                                                                         @click=${this.closeDrawer}
                                                                         part="submenu-link"
                                                                         >
-                                                                        ${o.linkText}
+                                                                        ${itemThree.linkText}
                                                                     </a>
                                                                 </li>
-                                                            `)}
+                                                            `;
+                    })}
                                                         </ul>
                                                     </umg-menu-drawer>
-                                                ` : t`
+                                                ` : html `
                                                     <a
                                                         class="submenu__link"
-                                                        href="${r.linkUrl}"
+                                                        href="${itemTwo.linkUrl}"
                                                         @click=${this.closeDrawer}
                                                         part="submenu-link"
                                                         >
-                                                        ${r.linkText}
+                                                        ${itemTwo.linkText}
                                                     </a>
                                                 `}
                                             </li>
-                                        `)}
+                                        `;
+                })}
                                     </ul>
                                 </umg-menu-drawer>
-                            ` : t`
+                            ` : html `
                                 <a
                                     class="submenu__link"
-                                    href="${e.linkUrl}"
+                                    href="${itemOne.linkUrl}"
                                     @click=${this.closeDrawer}
                                     part="submenu-link"
                                     >
-                                    ${e.linkText}
+                                    ${itemOne.linkText}
                                 </a>
                             `}
                         </li>
-                    `)}
+                    `;
+            })}
                 </ul>
             </nav>
         `;
-  }
-  render() {
-    return t`
+        }
+    }
+    render() {
+        return html `
             <umg-disclosure
                 part="disclosure"
-                class="header-drawer"
-                style="${w(this.menuDrawerStyles())}"
+                class="header-drawer ${classMap(this.menuDrawerClasses())}"
                 direction=${this.direction}
                 overlay
                 exportparts="disclosure,disclosure-summary,disclosure-drawer,disclosure-content"
                 >
                 <span slot="icon">
                     <umg-icon
-                        part="icon"
-                        class="icon icon--open"
+                        part="menu-icon"
+                        class="menu-icon icon--open"
                         icon="bars"
-                        size="2xLarge"
+                        size="2xlarge"
                         ?open=${this._drawerOpen}
                         @click=${this._openDrawer}
                         role="presentation"
@@ -150,10 +167,10 @@ let s = class extends d {
                         >
                     </umg-icon>
                     <umg-icon
-                        part="icon"
-                        class="icon icon--close"
+                        part="menu-icon"
+                        class="menu-icon icon--close"
                         icon="close"
-                        size="2xLarge"
+                        size="2xlarge"
                         ?open=${this._drawerOpen}
                         @click=${this._closeDrawer}
                         role="presentation"
@@ -172,47 +189,70 @@ let s = class extends d {
                     <div
                         part="socials"
                         class="socials"
-                    >
-                        <slot name="socials"></slot>
+                        >
+                        <slot name="socials" @slotchange=${this._handleSlotChange}></slot>
                     </div>
                 </div>
             </umg-disclosure>
       `;
-  }
+    }
 };
-s.styles = y([
-  b,
-  m`
+HeaderDrawer.styles = mergeStyles([
+    global,
+    css `
             /* Burger button */
-            .icon--close {
+            .menu-icon[open].icon--close {
+                display: block;
+            }
+            .menu-icon[open].icon--open {
                 display: none;
             }
-            .icon[open].icon--close {
-                display: block;
+            .icon--close {
+                display: none;
             }
             .icon--open {
                 display: block;
             }
-            .icon[open].icon--open {
-                display: none;
-            }
-
+            
             /* Header drawer */
             .header-drawer {
                 position: initial;
+                --umg-space-summary-padding: 0;
+
+            }
+            .header-drawer--overlay:after {
+                content: '';
+                position: fixed;
+                inset: 0;
+                z-index:-1;
+                background-color: var(--umg-color-overlay-background, rgb(0,0,0,0.4));
+            }
+
+            @supports (color: rgb(from white r g b)) {
+                .header-drawer--overlay:after {
+                    background-color: rgb(from var(--umg-color-overlay-background, rgb(0,0,0,0.4)) r g b / alpha);
+                }
             }
+
             .header-drawer::part(disclosure-drawer) {
-                top: var(--um-size-header-inner-height, 0);
+                --umg-color-base-border: transparent;
+                --umg-color-base-text: var(--umg-color-menu-drawer-text);
+                --umg-color-icon-text: var(--umg-color-menu-drawer-text);
+                --umg-color-summary-background: transparent;
+                --umg-color-details-background: var(--umg-color-menu-drawer-background, rgb(240,240,240));
+                --umg-space-disclosure-distance: var(--umg-size-header-inner-height, 0);
+                --umg-space-details-padding: 0;
+                width: 90%;
             }
 
             /* Menu drawer */
             .menu {
                 display: flex;
                 flex-direction: column;
-                height: calc(100svh - var(--um-size-header-outer-height));
-                font-family: var(--um-font-family-menu, inherit);
-                font-size: var(--um-font-size-menu, inherit);
+                font-family: var(--umg-font-menu-family, inherit);
+                font-size: var(--umg-font-menu-size, inherit);
                 letter-spacing: 0.05rem;
+                height: calc(100svh - var(--umg-size-header-outer-height));
             }
             .menu-drawer {
                 flex: 1;
@@ -223,10 +263,15 @@ s.styles = y([
             .menu__list {
                 display: flex;
                 flex-direction: column;
-                color: rgb(var(--um-color-menu-drawer-text, var(--um-color-section-text, var(--um-color-base-text, 62,62,62))), 1);
                 list-style: none;
                 margin: 0;
-                padding: var(--um-space-32, 2rem) 0;
+                padding: var(--umg-space-32, 2rem) 0;
+                color: var(--umg-color-menu-drawer-text, var(--umg-color-base-text, rgb(0,0,0)));
+            }
+            @supports (color: rgb(from white r g b)) {
+                .menu__list {
+                    color: rgb(from var(--umg-color-menu-drawer-text, var(--umg-color-base-text, rgb(0,0,0))) r g b / 1);
+                }
             }
 
             /* Submenus */
@@ -241,49 +286,52 @@ s.styles = y([
             .submenu__link {
                 display: block;
                 color: inherit;
-                padding: var(--um-space-12, 0.75rem) var(--um-space-24, 1.5rem);
+                padding: var(--umg-space-12, 0.75rem) var(--umg-space-24, 1.5rem);
                 text-decoration: none;
-                transition: background-color var(--um-animation-duration-04, 0.4s) ease;
+                transition: background-color var(--umg-animation-duration-04, 0.4s) ease;
             }
             .submenu__link:hover {
-                background-color: rgba(var(--um-color-page-bg), 0.7);
+                background-color: var(--umg-color-base-background);
+            }
+            @supports (color: rgb(from white r g b)) {
+                .submenu__link:hover {
+                    background-color: rgb(from var(--umg-color-base-background) r g b / 0.7);
+                }
             }
 
             /* Socials */
             .socials {
-                display: flex;
+                display: none;
                 align-items: center;
                 justify-content: center;
-                padding: var(--um-space-16, 1rem);
-                background-color: rgb(var(--um-color-menu-drawer-text, var(--um-color-section-text, var(--um-color-page-text, 62,62,62))), 0.5);
-                --um-color-icon-text: rgba(var(--um-color-disclosure-bg, var(--um-color-section-bg, 240, 240, 240)), 1);
+                padding: var(--umg-space-24, 1.5rem) var(--umg-space-16, 1.5rem) var(--umg-space-48, 3rem);
             }
-        `
+            .header-drawer--has-socials .socials {
+                display: flex;
+            }
+        `,
 ]);
-a([
-  n()
-], s.prototype, "src", 2);
-a([
-  n({ type: Object })
-], s.prototype, "data", 2);
-a([
-  n({ type: String })
-], s.prototype, "direction", 2);
-a([
-  n()
-], s.prototype, "colorText", 2);
-a([
-  n()
-], s.prototype, "colorBg", 2);
-a([
-  h()
-], s.prototype, "_drawerOpen", 2);
-a([
-  f("umg-disclosure")
-], s.prototype, "_drawer", 2);
-s = a([
-  p(`${x}-header-drawer`)
-], s);
-export {
-  s as HeaderDrawer
-};
+__decorate([
+    property()
+], HeaderDrawer.prototype, "src", void 0);
+__decorate([
+    property({ type: Object })
+], HeaderDrawer.prototype, "data", void 0);
+__decorate([
+    property({ type: String })
+], HeaderDrawer.prototype, "direction", void 0);
+__decorate([
+    state()
+], HeaderDrawer.prototype, "_drawerOpen", void 0);
+__decorate([
+    query('umg-disclosure')
+], HeaderDrawer.prototype, "_drawer", void 0);
+__decorate([
+    state()
+], HeaderDrawer.prototype, "_slotHasChildren", void 0);
+HeaderDrawer = __decorate([
+    customElement(`${prefix}-header-drawer`)
+], HeaderDrawer);
+
+export { HeaderDrawer };
+//# sourceMappingURL=header-drawer.js.map

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

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

package/dist/components/header-drawer/index.d.ts

@@ -1,2 +1,3 @@
 import { HeaderDrawer } from './header-drawer';
 export { HeaderDrawer };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/header-drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header-drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/header-drawer/menu-drawer.d.ts

@@ -11,3 +11,4 @@ export declare class MenuDrawer extends LitElement {
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=menu-drawer.d.ts.map

package/dist/components/header-drawer/menu-drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/header-drawer/menu-drawer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAY3C,qBAEa,UAAW,SAAQ,UAAU;IAGtC,eAAe,SAAK;IAGpB,eAAe,SAAK;IAGpB,WAAW,UAAQ;IAGnB,WAAW,EAAG,kBAAkB,CAAA;IAEhC,WAAW,EAAE,MAAM,IAAI,CAAA;;IAavB,OAAO,CAAC,mBAAmB;IAO3B,eAAe;IAMf,MAAM;IAuDN,MAAM,CAAC,MAAM,+BA2FX;CACL"}