@pushengineering/umg-web-components 2.0.10 → 3.0.2

package/dist/components/overlay/overlay.js

@@ -1,46 +1,53 @@
-import { css as c, LitElement as p, html as m } from "lit";
-import { customElement as d } from "lit/decorators/custom-element.js";
-import { property as v } from "lit/decorators/property.js";
-import { state as y } from "lit/decorators/state.js";
-import { classMap as b } from "lit/directives/class-map.js";
-import { global as h } from "../../styles/global.js";
-import { settings as u } from "../../scripts/settings.js";
-import { mergeStyles as f } from "../../scripts/mergeStyles.js";
-var w = Object.defineProperty, O = Object.getOwnPropertyDescriptor, l = (r, s, i, t) => {
-  for (var e = t > 1 ? void 0 : t ? O(s, i) : s, n = r.length - 1, a; n >= 0; n--)
-    (a = r[n]) && (e = (t ? a(s, i, e) : a(e)) || e);
-  return t && e && w(s, i, e), e;
-};
-const { prefix: _ } = u;
-let o = class extends p {
-  constructor() {
-    super(...arguments), this.colorText = "", this.colorBg = "", this._visible = !1;
-  }
-  connectedCallback() {
-    super.connectedCallback(), window.addEventListener("overlay-open", this.openOverlay.bind(this)), window.addEventListener("overlay-close", this.closeOverlay.bind(this));
-  }
-  disconnectedCallback() {
-    window.removeEventListener("overlay-open", this.openOverlay.bind(this)), window.removeEventListener("overlay-close", this.closeOverlay.bind(this)), super.disconnectedCallback();
-  }
-  openOverlay() {
-    this._visible = !0;
-  }
-  closeOverlay() {
-    this._visible = !1;
-  }
-  overlayClasses() {
-    const r = {};
-    return this._visible && (r["menu-overlay--visible"] = !0), r;
-  }
-  render() {
-    return m`
-            <div class="menu-overlay${b(this.overlayClasses())}"></div>
+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 { classMap } from 'lit/directives/class-map.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let Overlay = class Overlay extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.colorText = '';
+        this.colorBg = '';
+        this._visible = false;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        window.addEventListener('overlay-open', this.openOverlay.bind(this));
+        window.addEventListener('overlay-close', this.closeOverlay.bind(this));
+    }
+    disconnectedCallback() {
+        window.removeEventListener('overlay-open', this.openOverlay.bind(this));
+        window.removeEventListener('overlay-close', this.closeOverlay.bind(this));
+        super.disconnectedCallback();
+    }
+    openOverlay() {
+        this._visible = true;
+    }
+    closeOverlay() {
+        this._visible = false;
+    }
+    overlayClasses() {
+        const classes = {};
+        if (this._visible) {
+            classes['menu-overlay--visible'] = true;
+        }
+        return classes;
+    }
+    render() {
+        return html `
+            <div class="menu-overlay${classMap(this.overlayClasses())}"></div>
         `;
-  }
+    }
 };
-o.styles = f([
-  h,
-  c`
+Overlay.styles = mergeStyles([
+    global,
+    css `
             .menu-overlay {
                 display: none;
                 position: absolute;
@@ -48,27 +55,27 @@ o.styles = f([
                 height: 100%;
                 width: 100%;
                 z-index: 500;
-                background-color: rgb(var(--um-color-modal-bg, 0,0,0), 0.7);
+                background-color: rgb(var(--umg-color-modal-background, 0,0,0), 0.7);
                 pointer-events: none;
             }
 
             .menu-overlay--visible {
                 display: block;
             }
-        `
+        `,
 ]);
-l([
-  v()
-], o.prototype, "colorText", 2);
-l([
-  v()
-], o.prototype, "colorBg", 2);
-l([
-  y()
-], o.prototype, "_visible", 2);
-o = l([
-  d(`${_}-overlay`)
-], o);
-export {
-  o as Overlay
-};
+__decorate([
+    property()
+], Overlay.prototype, "colorText", void 0);
+__decorate([
+    property()
+], Overlay.prototype, "colorBg", void 0);
+__decorate([
+    state()
+], Overlay.prototype, "_visible", void 0);
+Overlay = __decorate([
+    customElement(`${prefix}-overlay`)
+], Overlay);
+
+export { Overlay };
+//# sourceMappingURL=overlay.js.map

package/dist/components/overlay/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sources":["../../../src/components/overlay/overlay.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAWA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU,CAAA;AAAhC,IAAA,WAAA,GAAA;;QAGH,IAAS,CAAA,SAAA,GAAG,EAAE,CAAA;QAGd,IAAO,CAAA,OAAA,GAAG,EAAE,CAAA;QAGZ,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAA;KAuDnB;IArDG,iBAAiB,GAAA;QACb,KAAK,CAAC,iBAAiB,EAAE,CAAA;AACzB,QAAA,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;AACpE,QAAA,MAAM,CAAC,gBAAgB,CAAC,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;KACzE;IAED,oBAAoB,GAAA;AAChB,QAAA,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;AACvE,QAAA,MAAM,CAAC,mBAAmB,CAAC,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;QACzE,KAAK,CAAC,oBAAoB,EAAE,CAAA;KAC/B;IAED,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;KACvB;IAED,YAAY,GAAA;AACR,QAAA,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAA;KACxB;IAED,cAAc,GAAA;QACV,MAAM,OAAO,GAAQ,EAAE,CAAA;AACvB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACf,YAAA,OAAO,CAAC,uBAAuB,CAAC,GAAG,IAAI,CAAA;SAC1C;AACD,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;AACmB,oCAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;SAC5D,CAAA;KACJ;;AAEM,OAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;AAeF,QAAA,CAAA;AACJ,CAAA,CAAC,CAAA;AA5DF,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACG,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGd,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACC,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGZ,UAAA,CAAA;AADC,IAAA,KAAK,EAAE;AACQ,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AATP,OAAO,GAAA,UAAA,CAAA;AAFnB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,QAAA,CAAU,CAAC;AAEtB,CAAA,EAAA,OAAO,CAgEnB;;;;"}

package/dist/components/page/index.d.ts

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

package/dist/components/page/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/components/page/page.d.ts

@@ -1,13 +1,10 @@
 import { LitElement } from 'lit';
-import { PageWidthScale } from '../../types';
 export declare class Page extends LitElement {
-    width: PageWidthScale;
-    sectionMargins: number | undefined;
+    spacing: number | undefined;
     divider: boolean;
-    colorText: string;
-    colorBg: string;
     pageClasses(): any;
     pageStyles(): {};
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=page.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../src/components/page/page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAa3C,qBAEa,IAAK,SAAQ,UAAU;IAGhC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAG3B,OAAO,UAAQ;IAEf,WAAW;IAOX,UAAU;IAaV,MAAM;IAeN,MAAM,CAAC,MAAM,+BA0BX;CACL"}

package/dist/components/page/page.js

@@ -1,49 +1,41 @@
-import { css as c, LitElement as g, html as n } from "lit";
-import { customElement as d } from "lit/decorators/custom-element.js";
-import { property as s } from "lit/decorators/property.js";
-import { classMap as h } from "lit/directives/class-map.js";
-import { styleMap as u } from "lit/directives/style-map.js";
-import { global as b } from "../../styles/global.js";
-import { settings as v } from "../../scripts/settings.js";
-import { mergeStyles as f } from "../../scripts/mergeStyles.js";
-var y = Object.defineProperty, x = Object.getOwnPropertyDescriptor, o = (e, i, p, a) => {
-  for (var t = a > 1 ? void 0 : a ? x(i, p) : i, l = e.length - 1, m; l >= 0; l--)
-    (m = e[l]) && (t = (a ? m(i, p, t) : m(t)) || t);
-  return a && t && y(i, p, t), t;
-};
-const { prefix: _ } = v;
-let r = class extends g {
-  constructor() {
-    super(...arguments), this.divider = !1, this.colorText = "", this.colorBg = "";
-  }
-  pageClasses() {
-    return {
-      "page--divider": this.divider
-    };
-  }
-  pageStyles() {
-    let e = {};
-    return this.sectionMargins && (e = {
-      ...e,
-      "--um-space-section-margin-top": this.sectionMargins / 16 + "rem",
-      "--um-space-section-margin-bottom": this.sectionMargins / 16 + "rem"
-    }), this.width && (e = {
-      ...e,
-      "--um-size-page-width": this.width / 16 + "rem"
-    }), this.colorText && (e = {
-      ...e,
-      "--um-color-page-text": this.colorText
-    }), this.colorBg && (e = {
-      ...e,
-      "--um-color-page-bg": this.colorBg
-    }), e;
-  }
-  render() {
-    return n`
+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 { classMap } from 'lit/directives/class-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let Page = class Page extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.divider = false;
+    }
+    pageClasses() {
+        const classes = {
+            'page--divider': this.divider,
+        };
+        return classes;
+    }
+    pageStyles() {
+        let styles = {};
+        if (this.spacing) {
+            styles = {
+                ...styles,
+                '--umg-space-section-margin-bottom': this.spacing / 16 + 'rem',
+            };
+        }
+        return styles;
+    }
+    render() {
+        return html `
         <main
             id="page"
-            class="page${h(this.pageClasses())}"
-            style="${u(this.pageStyles())}"
+            class="page${classMap(this.pageClasses())}"
+            style="${styleMap(this.pageStyles())}"
             part="page"
             >
             <div class="page__inner" part="page-inner">
@@ -51,11 +43,11 @@ let r = class extends g {
             </div>
         </main>
       `;
-  }
+    }
 };
-r.styles = f([
-  b,
-  c`
+Page.styles = mergeStyles([
+    global,
+    css `
             :host {
                 display: block;
                 position: relative;
@@ -63,40 +55,32 @@ r.styles = f([
             }
 
             .page {
-                color: rgb(var(--um-color-page-text, var(--um-color-base-text)));
-                background-color: rgb(var(--um-color-page-bg, var(--um-color-base-bg)));
+                color: var(--umg-color-base-text);
+                background-color: var(--umg-color-base-background);
+            }
+            @supports (color: rgb(from white r g b)) {
+                .page {
+                    color: rgb(from var(--umg-color-base-text) r g b / alpha);
+                    background-color: rgb(from var(--umg-color-base-background) r g b / alpha);
+                }
             }
 
             /* Divider */
             .page--divider {
-                border-bottom: 0.065rem solid rgba(var(--um-color-border),1);
-                border-top: 0.065rem solid rgba(var(--um-color-border),1);
-            }
-
-            /* First section's top margin is removed if set by the page */
-            ::slotted(*:first-child) {
-                --um-space-section-margin-top: 0;
+                border-bottom: 0.065rem solid rgba(var(--umg-color-base-border),1);
+                border-top: 0.065rem solid rgba(var(--umg-color-base-border),1);
             }
         `
 ]);
-o([
-  s({ type: Number })
-], r.prototype, "width", 2);
-o([
-  s({ type: Number })
-], r.prototype, "sectionMargins", 2);
-o([
-  s({ type: Boolean })
-], r.prototype, "divider", 2);
-o([
-  s()
-], r.prototype, "colorText", 2);
-o([
-  s()
-], r.prototype, "colorBg", 2);
-r = o([
-  d(`${_}-page`)
-], r);
-export {
-  r as Page
-};
+__decorate([
+    property({ type: Number })
+], Page.prototype, "spacing", void 0);
+__decorate([
+    property({ type: Boolean })
+], Page.prototype, "divider", void 0);
+Page = __decorate([
+    customElement(`${prefix}-page`)
+], Page);
+
+export { Page };
+//# sourceMappingURL=page.js.map

package/dist/components/page/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sources":["../../../src/components/page/page.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAWA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,UAAU,CAAA;AAA7B,IAAA,WAAA,GAAA;;QAMH,IAAO,CAAA,OAAA,GAAG,KAAK,CAAA;KAgElB;IA9DG,WAAW,GAAA;AACP,QAAA,MAAM,OAAO,GAAQ;YACjB,eAAe,EAAE,IAAI,CAAC,OAAO;SAChC,CAAA;AACD,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,UAAU,GAAA;QACN,IAAI,MAAM,GAAG,EAAE,CAAA;AAEf,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,MAAM,GAAG;AACL,gBAAA,GAAG,MAAM;AACT,gBAAA,mCAAmC,EAAE,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,KAAK;aACjE,CAAA;SACJ;AAED,QAAA,OAAO,MAAM,CAAA;KAChB;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;;;AAGM,uBAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;AAChC,mBAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAA;;;;;;;OAOzC,CAAA;KACF;;AAEM,IAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAuBF,QAAA,CAAA;AACJ,CAAA,CAAC,CAAA;AAlEF,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACA,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG3B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AANN,IAAI,GAAA,UAAA,CAAA;AAFhB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,KAAA,CAAO,CAAC;AAEnB,CAAA,EAAA,IAAI,CAsEhB;;;;"}

package/dist/components/popover/index.d.ts

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

package/dist/components/popover/index.d.ts.map

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

package/dist/components/popover/popover.d.ts

@@ -1,19 +1,15 @@
-import { LitElement } from 'lit';
-import { EventManager } from '../../classes/event-manager/event-manager.js';
-import '../box/';
-import '../vertical-stack/';
-import '../horizontal-stack/';
+import { LitElement, nothing } from 'lit';
 import '../button-icon/';
 export declare class Popover extends LitElement {
-    visible: boolean;
-    eventManager: EventManager;
-    private _eventsDispatcher;
-    closePopover(): void;
+    icon: string;
+    disabled: boolean;
+    _open: boolean;
+    constructor();
+    private _focusOut;
+    private _togglePopover;
     popoverClasses(): any;
-    popoverStyles(): {
-        visibility: string;
-    };
-    closeButton(): import("lit").TemplateResult<1> | undefined;
+    popovertemplate(): import("lit").TemplateResult<1> | typeof nothing;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAA;AAWpD,OAAO,iBAAiB,CAAA;AAIxB,qBAEa,OAAQ,SAAQ,UAAU;IAGnC,IAAI,SAAsB;IAG1B,QAAQ,UAAQ;IAGhB,KAAK,UAAQ;;IAOb,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,cAAc;IAItB,cAAc;IAQd,eAAe;IAqBf,MAAM;IAiBN,MAAM,CAAC,MAAM,+BAgFX;CACL"}