@pushengineering/umg-web-components 2.0.6 → 3.0.1

package/dist/components/media-text/media-text.js

@@ -1,50 +1,62 @@
-import { css as p, LitElement as h, html as c } from "lit";
-import { customElement as x } from "lit/decorators/custom-element.js";
-import { property as a } from "lit/decorators/property.js";
-import { ifDefined as d } from "lit/directives/if-defined.js";
-import { classMap as g } from "lit/directives/class-map.js";
-import { styleMap as y } from "lit/directives/style-map.js";
-import "../box/box.js";
-import "../vertical-stack/vertical-stack.js";
-import { global as _ } from "../../styles/global.js";
-import { mediaSize as f } from "./styles/media-size.js";
-import { settings as b } from "../../scripts/settings.js";
-import { mergeStyles as u } from "../../scripts/mergeStyles.js";
-var v = Object.defineProperty, C = Object.getOwnPropertyDescriptor, e = (i, n, s, r) => {
-  for (var o = r > 1 ? void 0 : r ? C(n, s) : n, m = i.length - 1, l; m >= 0; m--)
-    (l = i[m]) && (o = (r ? l(n, s, o) : l(o)) || o);
-  return r && o && v(n, s, o), o;
-};
-const { prefix: $ } = b;
-let t = class extends h {
-  constructor() {
-    super(...arguments), this.setSizeBy = "width", this.mediaHeight = "adapt", this.mediaWidth = "medium", this.mediaOnRight = !1, this.blendMedia = !1, this.alignContent = "center", this.mobileAlignContent = "center", this.justifyContent = "center", this.mobileJustifyContent = "center", this.spacing = "8";
-  }
-  gridClasses() {
-    const i = {};
-    return i["media-text__grid--" + this.mediaWidth] = this.setSizeBy === "width", i["media-height--" + this.mediaHeight] = this.setSizeBy === "height", i["media-height"] = this.setSizeBy === "height", i["media-right"] = this.mediaOnRight, i["media-blend"] = this.blendMedia, i;
-  }
-  contentStackClasses() {
-    const i = {};
-    return i["align--" + this.alignContent] = !0, i["justify--" + this.justifyContent] = !0, i["mobile-justify--" + this.mobileJustifyContent] = !0, i["mobile-align--" + this.mobileAlignContent] = !0, i;
-  }
-  mediaTextStyles() {
-    let i = {};
-    return i = {
-      ...i,
-      "--um-color-box-bg": this.colorBg,
-      "--um-opacity-box-bg": this.opacity
-    }, i;
-  }
-  render() {
-    return c`
+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 { ifDefined } from 'lit/directives/if-defined.js';
+import { classMap } from 'lit/directives/class-map.js';
+import '../box/box.js';
+import '../vertical-stack/vertical-stack.js';
+import { global } from '../../styles/global.js';
+import { mediaSize } from './styles/media-size.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let MediaText = class MediaText extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.setSizeBy = 'width';
+        this.mediaHeight = 'adapt';
+        this.mediaWidth = 'medium';
+        this.mediaOnRight = false;
+        this.blendMedia = false;
+        this.alignContent = 'center';
+        this.mobileAlignContent = 'center';
+        this.justifyContent = 'center';
+        this.mobileJustifyContent = 'center';
+        this.spacing = '8';
+        this.adaptivePadding = false;
+    }
+    gridClasses() {
+        const classes = {};
+        classes['media-text__grid--' + this.mediaWidth] = this.setSizeBy === 'width';
+        classes['media-height--' + this.mediaHeight] = this.setSizeBy === 'height';
+        classes['media-height'] = this.setSizeBy === 'height';
+        classes['media-right'] = this.mediaOnRight;
+        classes['media-blend'] = this.blendMedia;
+        return classes;
+    }
+    contentStackClasses() {
+        const classes = {};
+        classes['align--' + this.alignContent] = true;
+        classes['justify--' + this.justifyContent] = true;
+        classes['mobile-justify--' + this.mobileJustifyContent] = true;
+        classes['mobile-align--' + this.mobileAlignContent] = true;
+        return classes;
+    }
+    mobileGap() {
+        if (this.spacing) {
+            return Number(this.spacing) * 0.75;
+        }
+    }
+    render() {
+        return html `
             <div
                 class="media-text"
-                style="${y(this.mediaTextStyles())}"
                 part="media-text"
                 >
                 <div
-                    class="media-text__grid${g(this.gridClasses())}"
+                    class="media-text__grid${classMap(this.gridClasses())}"
                     part="media-text-grid"
                     >
                     <div
@@ -59,22 +71,20 @@ let t = class extends h {
                         >
                         <umg-box
                             class="media-text__content-inner"
-                            padding="${d(this.padding)}"
-                            mobilePadding="${d(this.mobilePadding)}"
-                            paddingTop="${d(this.paddingTop)}"
-                            paddingLeft="${d(this.paddingLeft)}"
-                            paddingRight="${d(this.paddingRight)}"
-                            paddingBottom="${d(this.paddingBottom)}"
-                            adaptivePadding
-                            colortext="${d(this.colorText)}"
-                            colorBg="${d(this.colorBg)}"
-                            opacity="${d(this.opacity)}"
+                            padding="${ifDefined(this.padding)}"
+                            mobilePadding="${ifDefined(this.mobilePadding)}"
+                            paddingTop="${ifDefined(this.paddingTop)}"
+                            paddingLeft="${ifDefined(this.paddingLeft)}"
+                            paddingRight="${ifDefined(this.paddingRight)}"
+                            paddingBottom="${ifDefined(this.paddingBottom)}"
+                            ?adaptivePadding=${this.adaptivePadding}
                             width="fill"
                             exportparts="box,box-content"
                             >
                             <umg-vertical-stack
-                                class="media-text__content-stack${g(this.contentStackClasses())}"
-                                gap=${this.spacing}
+                                class="media-text__content-stack${classMap(this.contentStackClasses())}"
+                                spacing=${this.spacing}
+                                mobileSpacing=${ifDefined(this.mobileGap())}
                                 justify="${this.alignContent}"
                                 mobileJustify="${this.mobileJustifyContent}"
                                 align="${this.justifyContent}"
@@ -87,12 +97,12 @@ let t = class extends h {
                 </div>
             </div>
         `;
-  }
+    }
 };
-t.styles = u([
-  _,
-  f,
-  p`
+MediaText.styles = mergeStyles([
+    global,
+    mediaSize,
+    css `
             :host {
                 display: block;
                 width: 100%;
@@ -128,8 +138,14 @@ t.styles = u([
 
             /* Blend media */
             .media-text__grid.media-blend .media-text__media {
-                background-color: rgb(var(--um-color-box-bg), var(--um-opacity-box-bg, 1));
+                background-color: var(--umg-color-base-background);
+            }
+            @supports (color: rgb(from white r g b)) {
+                .media-text__grid.media-blend .media-text__media {
+                    background-color: rgb(from var(--umg-color-base-background) r g b / calc(alpha * var(--umg-opacity-base-background, 1)));
+                }
             }
+
             @media only screen and (min-width: 48.06rem) {
                 .media-text__grid.media-blend .media-text__media ::slotted(*) {
                     mask-image: linear-gradient(to right, rgb(0,0,0) 0 70%, transparent 100%);
@@ -195,68 +211,62 @@ t.styles = u([
                     flex-direction: row-reverse;
                 }
             }
-        `
+        `,
 ]);
-e([
-  a()
-], t.prototype, "setSizeBy", 2);
-e([
-  a()
-], t.prototype, "mediaHeight", 2);
-e([
-  a()
-], t.prototype, "mediaWidth", 2);
-e([
-  a({ type: Boolean })
-], t.prototype, "mediaOnRight", 2);
-e([
-  a({ type: Boolean })
-], t.prototype, "blendMedia", 2);
-e([
-  a()
-], t.prototype, "alignContent", 2);
-e([
-  a()
-], t.prototype, "mobileAlignContent", 2);
-e([
-  a()
-], t.prototype, "justifyContent", 2);
-e([
-  a()
-], t.prototype, "mobileJustifyContent", 2);
-e([
-  a()
-], t.prototype, "spacing", 2);
-e([
-  a()
-], t.prototype, "padding", 2);
-e([
-  a()
-], t.prototype, "mobilePadding", 2);
-e([
-  a()
-], t.prototype, "paddingTop", 2);
-e([
-  a()
-], t.prototype, "paddingRight", 2);
-e([
-  a()
-], t.prototype, "paddingBottom", 2);
-e([
-  a()
-], t.prototype, "paddingLeft", 2);
-e([
-  a()
-], t.prototype, "colorBg", 2);
-e([
-  a()
-], t.prototype, "colorText", 2);
-e([
-  a()
-], t.prototype, "opacity", 2);
-t = e([
-  x(`${$}-media-text`)
-], t);
-export {
-  t as MediaText
-};
+__decorate([
+    property()
+], MediaText.prototype, "setSizeBy", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "mediaHeight", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "mediaWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaText.prototype, "mediaOnRight", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaText.prototype, "blendMedia", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "alignContent", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "mobileAlignContent", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "justifyContent", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "mobileJustifyContent", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "spacing", void 0);
+__decorate([
+    property({ type: Boolean })
+], MediaText.prototype, "adaptivePadding", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "padding", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "mobilePadding", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "paddingTop", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "paddingRight", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "paddingBottom", void 0);
+__decorate([
+    property()
+], MediaText.prototype, "paddingLeft", void 0);
+MediaText = __decorate([
+    customElement(`${prefix}-media-text`)
+], MediaText);
+
+export { MediaText };
+//# sourceMappingURL=media-text.js.map

package/dist/components/media-text/media-text.js.map

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

package/dist/components/media-text/styles/media-size.d.ts

@@ -1 +1,2 @@
 export declare const mediaSize: import("lit").CSSResult;
+//# sourceMappingURL=media-size.d.ts.map

package/dist/components/media-text/styles/media-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-size.d.ts","sourceRoot":"","sources":["../../../../src/components/media-text/styles/media-size.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,yBA+GrB,CAAA"}

package/dist/components/media-text/styles/media-size.js

@@ -1,5 +1,6 @@
-import { css as e } from "lit";
-const i = e`
+import { css } from 'lit';
+
+const mediaSize = css `
 
     @media screen and (min-width: 48.06rem ) {
         .media-text__grid {
@@ -34,10 +35,10 @@ const i = e`
         }
 
         /* Media width sizing */
-        .media-text__grid--2Xlarge .media-text__media {
+        .media-text__grid--2xlarge .media-text__media {
             grid-column: start / span 8;
         }
-        .media-text__grid--xLarge .media-text__media {
+        .media-text__grid--xlarge .media-text__media {
             grid-column: start / span 7;
         }
         .media-text__grid--large .media-text__media {
@@ -49,13 +50,13 @@ const i = e`
         .media-text__grid--small .media-text__media {
             grid-column: start / span 4;
         }
-        .media-text__grid--xSmall .media-text__media {
+        .media-text__grid--xsmall .media-text__media {
             grid-column: start / span 3;
         }
-        .media-text__grid--2Xlarge.media-right .media-text__media {
+        .media-text__grid--2xlarge.media-right .media-text__media {
             grid-column: span 7;
         }
-        .media-text__grid--xLarge.media-right .media-text__media {
+        .media-text__grid--xlarge.media-right .media-text__media {
             grid-column: span 7;
         }
         .media-text__grid--large.media-right .media-text__media {
@@ -67,15 +68,15 @@ const i = e`
         .media-text__grid--small.media-right .media-text__media {
             grid-column: span 4;
         }
-        .media-text__grid--xSmall.media-right .media-text__media {
+        .media-text__grid--xsmall.media-right .media-text__media {
             grid-column: span 3;
         }
 
         /* Text content width sizing */
-        .media-text__grid--2Xlarge .media-text__content {
+        .media-text__grid--2xlarge .media-text__content {
             grid-column: span 4;
         }
-        .media-text__grid--xLarge .media-text__content {
+        .media-text__grid--xlarge .media-text__content {
             grid-column: span 5;
         }
         .media-text__grid--large .media-text__content {
@@ -87,13 +88,13 @@ const i = e`
         .media-text__grid--small .media-text__content {
             grid-column: span 8;
         }
-        .media-text__grid--xSmall .media-text__content {
+        .media-text__grid--xsmall .media-text__content {
             grid-column: span 9;
         }
-        .media-text__grid--2Xlarge.media-right .media-text__content {
+        .media-text__grid--2xlarge.media-right .media-text__content {
             grid-column: start / span 4;
         }
-        .media-text__grid--xLarge.media-right .media-text__content {
+        .media-text__grid--xlarge.media-right .media-text__content {
             grid-column: start / span 5;
         }
         .media-text__grid--large.media-right .media-text__content {
@@ -105,12 +106,12 @@ const i = e`
         .media-text__grid--small.media-right .media-text__content {
             grid-column: start / span 8;
         }
-        .media-text__grid--xSmall.media-right .media-text__content {
+        .media-text__grid--xsmall.media-right .media-text__content {
             grid-column: start / span 9;
         }
     }
 
 `;
-export {
-  i as mediaSize
-};
+
+export { mediaSize };
+//# sourceMappingURL=media-size.js.map

package/dist/components/media-text/styles/media-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-size.js","sources":["../../../../src/components/media-text/styles/media-size.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGO,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

package/dist/components/menu/menu.d.ts

@@ -1,22 +1,14 @@
 import { LitElement, nothing } from 'lit';
-import type { PageWidth } from '../../types';
+import type { MenuData, PageWidth } from '../../types';
 import '../disclosure/';
-interface MenuData {
-    linkText: string;
-    linkUrl: string;
-    linkClasses: Array<string>;
-    subItems: Array<MenuData>;
-}
 export declare class Menu extends LitElement {
     src: string;
     data?: MenuData[];
+    activeUrl: undefined | string;
     layout: string;
     vertical: boolean;
     hideMenuTitle: boolean;
-    width: PageWidth;
-    divider: boolean;
-    colorText: undefined | string;
-    colorBg: undefined | string;
+    submenuWidth: PageWidth;
     constructor();
     disconnectedCallback(): void;
     firstUpdated(): Promise<void>;
@@ -28,9 +20,8 @@ export declare class Menu extends LitElement {
     menuClasses(): any;
     menuListClasses(): any;
     menuTitle(title: string): import("lit").TemplateResult<1> | typeof nothing;
-    menuItemClasses(classes: Array<string>): string | undefined;
     menuList(): import("lit").TemplateResult<1> | undefined;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
-export {};
+//# sourceMappingURL=menu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAA;AAKpD,OAAO,KAAK,EAER,QAAQ,EAER,SAAS,EACZ,MAAM,aAAa,CAAA;AAOpB,OAAO,gBAAgB,CAAA;AAIvB,qBAEa,IAAK,SAAQ,UAAU;IAGhC,GAAG,SAAK;IAGR,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAA;IAGjB,SAAS,EAAG,SAAS,GAAG,MAAM,CAAA;IAG9B,MAAM,SAAa;IAGnB,QAAQ,UAAQ;IAGhB,aAAa,UAAQ;IAGrB,YAAY,EAAE,SAAS,CAAe;;IAOtC,oBAAoB;IAKd,YAAY;IAMZ,SAAS;IAKf,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,iBAAiB;IAgCzB,OAAO,CAAC,iBAAiB;IAgBzB,UAAU;IAaV,WAAW;IASX,eAAe;IAef,SAAS,CAAC,KAAK,EAAE,MAAM;IAavB,QAAQ;IAwER,MAAM;IAMN,MAAM,CAAC,MAAM,+BA4JX;CACL"}