@pushengineering/umg-web-components 2.0.6 → 3.0.1

package/dist/components/button-icon/button-icon.js

@@ -1,125 +1,153 @@
-import { css as h, LitElement as m, html as l } from "lit";
-import { customElement as f } from "lit/decorators/custom-element.js";
-import { property as e } from "lit/decorators/property.js";
-import { ifDefined as b } from "lit/directives/if-defined.js";
-import { classMap as d } from "lit/directives/class-map.js";
-import { styleMap as p } from "lit/directives/style-map.js";
-import { global as y } from "../../styles/global.js";
-import { iconSize as g } from "../../styles/icon-size.js";
-import { settings as v } from "../../scripts/settings.js";
-import { mergeStyles as x } from "../../scripts/mergeStyles.js";
-import "../icon/icon.js";
-var $ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, i = (t, n, c, s) => {
-  for (var r = s > 1 ? void 0 : s ? w(n, c) : n, a = t.length - 1, u; a >= 0; a--)
-    (u = t[a]) && (r = (s ? u(n, c, r) : u(r)) || r);
-  return s && r && $(n, c, r), r;
-};
-const { prefix: I } = v;
-let o = class extends m {
-  constructor() {
-    super(), this.as = "button", this.for = void 0, this.clickAction = void 0, this.url = void 0, this.target = "_self", this.type = "button", this.icon = "user", this.size = "xLarge", this.extendInteraction = !1, this.disabled = !1, this.padding = "", this.border = !1, this.label = "Accessible", this._extendedInteraction();
-  }
-  async _extendedInteraction() {
-    await this.updateComplete, !this.disabled && this.as === "link" && this.url !== void 0 && this.extendInteraction && this.dispatchEvent(new CustomEvent("extend-interaction", {
-      detail: {
-        url: this.url,
-        target: this.target
-      },
-      bubbles: !0,
-      composed: !0
-    }));
-  }
-  handleClick() {
-    if (!this.disabled && this.clickAction) {
-      const t = new CustomEvent(this.clickAction, {
-        bubbles: !0,
-        composed: !0
-      });
-      this.dispatchEvent(t);
+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 { LitElement, css, 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 { styleMap } from 'lit/directives/style-map.js';
+import { global } from '../../styles/global.js';
+import { iconSize } from '../../styles/icon-size.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+import '../icon/icon.js';
+
+const { prefix } = settings;
+let ButtonIcon = class ButtonIcon extends LitElement {
+    constructor() {
+        super();
+        this.as = 'button';
+        this.for = undefined;
+        this.clickAction = undefined;
+        this.url = undefined;
+        this.target = '_self';
+        this.type = 'button';
+        this.icon = 'user';
+        this.size = 'xlarge';
+        this.extendInteraction = false;
+        this.disabled = false;
+        this.loading = false;
+        this.border = false;
+        this.label = 'Accessible';
+        this._extendedInteraction();
+    }
+    async _extendedInteraction() {
+        await this.updateComplete;
+        if (this.disabled) {
+            return;
+        }
+        if (this.as === 'link' && this.url !== undefined && this.extendInteraction) {
+            this.dispatchEvent(new CustomEvent('extend-interaction', {
+                detail: {
+                    url: this.url,
+                    target: this.target,
+                },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+    }
+    handleClick() {
+        if (this.disabled || this.loading) {
+            return;
+        }
+        if (this.clickAction) {
+            const event = new CustomEvent(this.clickAction, {
+                bubbles: true,
+                composed: true,
+            });
+            this.dispatchEvent(event);
+        }
+    }
+    buttonIconClasses() {
+        const classes = {
+            'btn--border': this.border,
+            'btn--extend-interactive': this.extendInteraction,
+        };
+        return classes;
+    }
+    buttonIconStyles() {
+        let styles = {};
+        if (this.padding) {
+            styles = {
+                ...styles,
+                '--umg-space-padding': 'var(--umg-space-' + this.padding + ', 0)'
+            };
+        }
+        if (this.size) {
+            styles = {
+                ...styles,
+                '--umg-font-size-icon': iconSize(this.size),
+            };
+        }
+        return styles;
+    }
+    buttonIcon() {
+        if (this.loading) {
+            return html `
+                <umg-icon
+                    class="spinner"
+                    icon="spinner" 
+                    part="umg-icon" 
+                    exportparts="icon"
+                    >
+                </umg-icon>
+            `;
+        }
+        return html `
+            <umg-icon 
+                icon=${this.icon} 
+                part="umg-icon" 
+                exportparts="icon"
+                >
+            </umg-icon>
+        `;
     }
-  }
-  buttonIconClasses() {
-    return {
-      "btn--border": this.border,
-      "btn--extend-interactive": this.extendInteraction
-    };
-  }
-  buttonIconStyles() {
-    let t = {};
-    return this.border && (t = {
-      ...t,
-      "--um-border-button-icon-width": "var(--um-border-width-" + this.borderWidth + ")"
-    }), this.borderRadius && (t = {
-      ...t,
-      "--um-border-button-icon-radius": "var(--um-border-radius-" + this.borderRadius + ")"
-    }), this.padding && (t = {
-      ...t,
-      "--um-space-button-icon-padding": "var(--um-space-" + this.padding + ", 0)"
-    }), this.colorBgOpacity && (t = {
-      ...t,
-      "--um-opacity-button-icon-bg": this.colorBgOpacity
-    }), this.colorBg && (t = {
-      ...t,
-      "--um-color-button-icon-bg": this.colorBg
-    }), this.colorText && (t = {
-      ...t,
-      "--um-color-button-icon-text": this.colorText
-    }), this.size && (t = {
-      ...t,
-      "--um-font-size-button-icon": g(this.size)
-    }), t;
-  }
-  buttonAs() {
-    if (this.as === "button" || this.url === void 0 || this.url === "")
-      return l`
+    buttonAs() {
+        if (this.as === 'button' || this.url === undefined || this.url === '') {
+            return html `
                 <button
                     type=${this.type}
-                    class="button-icon${d(this.buttonIconClasses())}"
-                    style="${p(this.buttonIconStyles())}"
+                    class="button-icon${classMap(this.buttonIconClasses())}"
+                    style="${styleMap(this.buttonIconStyles())}"
                     ?disabled=${this.disabled}
                     aria-label=${this.label}
-                    aria-controls=${b(this.for)}
-                    clickAction=${b(this.clickAction)}
+                    aria-controls=${ifDefined(this.for)}
+                    clickAction=${ifDefined(this.clickAction)}
                     @click=${this.handleClick}
                     part="button-icon"
                     >
-                    <umg-icon 
-                        icon=${this.icon} 
-                        part="umg-icon" 
-                        exportparts="icon"
-                        >
-                    </umg-icon>
+                    ${this.buttonIcon()}
                 </button>
             `;
-    if (this.url)
-      return l`
+        }
+        else if (this.url) {
+            return html `
                 <a
                     href="${this.url}"
-                    class="button-icon${d(this.buttonIconClasses())}"
-                    style="${p(this.buttonIconStyles())}"
-                    target="${this.target}"
+                    class="button-icon${classMap(this.buttonIconClasses())}"
+                    style="${styleMap(this.buttonIconStyles())}"
                     ?disabled=${this.disabled}
                     aria-label=${this.label}
                     part="button-icon"
                     >
-                    <umg-icon
-                        icon=${this.icon}
-                        part="umg-icon"
-                        exportparts="icon"
-                        >
-                    </umg-icon>
+                    ${this.buttonIcon()}
                 </a>
             `;
-  }
-  render() {
-    return l`
+        }
+    }
+    render() {
+        return html `
             ${this.buttonAs()}
       `;
-  }
+    }
 };
-o.styles = x([
-  y,
-  h`
+ButtonIcon.shadowRootOptions = {
+    ...LitElement.shadowRootOptions,
+    delegatesFocus: true
+};
+ButtonIcon.styles = mergeStyles([
+    global,
+    css `
             :host {
                 display: inline-flex;
             }
@@ -129,12 +157,18 @@ o.styles = x([
             }
             .button-icon {
                 cursor: pointer;
-                color: rgb(var(--um-color-button-icon-text, 0,0,0), var(--um-opacity-button-icon-inactive, 1));
-                background-color: rgb(var(--um-color-button-icon-bg, 240,240,240), var(--um-opacity-button-icon-bg, 0));
                 border: none;
-                border-radius: var(--um-border-button-icon-radius, 0);
-                font-size: var(--um-font-size-button-icon, 1.5rem);
+                border-radius: var(--umg-border-icon-corner-radius, var(--umg-border-base-corner-radius, 0));
+                font-size: var(--umg-font-size-icon, 1.5rem);
                 padding: 0;
+                color: var(--umg-color-icon-text, var(--umg-color-base-text, rgb(0,0,0)));
+                background-color: var(--umg-color-icon-background, var(--umg-color-base-background, rgb(240,240,240)));
+            }
+            @supports (color: rgb(from white r g b)) {
+                .button-icon {
+                    color: rgb(from var(--umg-color-icon-text, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+                    background-color: rgb(from var(--umg-color-icon-background, var(--umg-color-base-background)) r g b / alpha);
+                }
             }
             a.button-icon {
                 display: inline-block;
@@ -143,7 +177,7 @@ o.styles = x([
             .button-icon > * {
                 position: relative;
                 display: block;
-                padding: var(--um-space-button-icon-padding, 0.5rem);
+                padding: var(--umg-space-icon-padding, var(--umg-space-padding, 0.5rem));
             }
 
             /* States */
@@ -173,71 +207,70 @@ o.styles = x([
                 right: 0;
                 top: 0;
                 bottom: 0;
-                box-shadow: 0 0 0 var(--um-border-button-icon-width, var(--um-border-width-10, 0.0625rem)) rgb(var(--um-color-button-icon-text, 255,255,255), var(--um-opacity-button-icon-border, 0.8));
-                border-radius: var(--um-border-button-icon-radius, 0);
+                box-shadow: 0 0 0 var(--umg-border-icon-width, var(--umg-border-base-width, 0.0625rem)) var(--umg-color-icon-text, var(--umg-color-base-text, rgb(0,0,0)));
+                border-radius: var(--umg-border-icon-corner-radius, var(--umg-border-base-corner-radius, 0));
             }
-            .button-icon:hover > *::after {
-                box-shadow: 0 0 0 var(--um-border-button-icon-width, var(--um-border-width-10, 0.0625rem)) rgb(var(--um-color-button-icon-text, 255,255,255), 1);
+
+            @supports (color: rgb(from white r g b)) {
+                .btn--border > *::after {
+                    box-shadow: 0 0 0 var(--umg-border-icon-width, var(--umg-border-base-width, 0.0625rem)) rgb(from var(--umg-color-icon-border, var(--umg-color-base-text, rgb(0,0,0))) r g b / alpha);
+                }
+            }
+            .spinner {
+                animation-name: spin;
+                animation-duration: 500ms;
+                animation-timing-function: cubic-bezier(0, 0, 1, 1);
+                animation-iteration-count: infinite;
+                animation-direction: both;
             }
-        `
+            @keyframes spin {to{transform: rotate(1turn)}};
+        `,
 ]);
-i([
-  e()
-], o.prototype, "as", 2);
-i([
-  e()
-], o.prototype, "for", 2);
-i([
-  e()
-], o.prototype, "clickAction", 2);
-i([
-  e()
-], o.prototype, "url", 2);
-i([
-  e()
-], o.prototype, "target", 2);
-i([
-  e()
-], o.prototype, "type", 2);
-i([
-  e()
-], o.prototype, "icon", 2);
-i([
-  e()
-], o.prototype, "size", 2);
-i([
-  e({ type: Boolean })
-], o.prototype, "extendInteraction", 2);
-i([
-  e({ type: Boolean, reflect: !0 })
-], o.prototype, "disabled", 2);
-i([
-  e()
-], o.prototype, "padding", 2);
-i([
-  e({ type: Boolean })
-], o.prototype, "border", 2);
-i([
-  e()
-], o.prototype, "borderRadius", 2);
-i([
-  e()
-], o.prototype, "borderWidth", 2);
-i([
-  e()
-], o.prototype, "colorText", 2);
-i([
-  e()
-], o.prototype, "colorBg", 2);
-i([
-  e({ type: Number })
-], o.prototype, "colorBgOpacity", 2);
-i([
-  e()
-], o.prototype, "label", 2);
-o = i([
-  f(`${I}-button-icon`)
-], o);
-export {
-  o as ButtonIcon
-};
+__decorate([
+    property()
+], ButtonIcon.prototype, "as", void 0);
+__decorate([
+    property()
+], ButtonIcon.prototype, "for", void 0);
+__decorate([
+    property()
+], ButtonIcon.prototype, "clickAction", void 0);
+__decorate([
+    property()
+], ButtonIcon.prototype, "url", void 0);
+__decorate([
+    property()
+], ButtonIcon.prototype, "target", void 0);
+__decorate([
+    property()
+], ButtonIcon.prototype, "type", void 0);
+__decorate([
+    property()
+], ButtonIcon.prototype, "icon", void 0);
+__decorate([
+    property()
+], ButtonIcon.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean })
+], ButtonIcon.prototype, "extendInteraction", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ButtonIcon.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], ButtonIcon.prototype, "loading", void 0);
+__decorate([
+    property()
+], ButtonIcon.prototype, "padding", void 0);
+__decorate([
+    property({ type: Boolean })
+], ButtonIcon.prototype, "border", void 0);
+__decorate([
+    property()
+], ButtonIcon.prototype, "label", void 0);
+ButtonIcon = __decorate([
+    customElement(`${prefix}-button-icon`)
+], ButtonIcon);
+
+export { ButtonIcon };
+//# sourceMappingURL=button-icon.js.map

package/dist/components/button-icon/button-icon.js.map

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

package/dist/components/button-icon/index.d.ts

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

package/dist/components/button-icon/index.d.ts.map

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

package/dist/components/caption-card/caption-card.d.ts

@@ -1,38 +1,33 @@
 import { LitElement } from 'lit';
 import { EventManager } from '../../classes/event-manager/event-manager.js';
-import type { ContentAlign, DecimalZeroToOne, BoxPosition } from '../../types';
+import type { ContentAlign, BoxPosition } from '../../types';
+import './card-popover.js';
 import '../box/';
 import '../vertical-stack/';
-import '../popover/';
 export declare class CaptionCard extends LitElement {
     position: BoxPosition;
     align: ContentAlign | undefined;
     justify: ContentAlign | undefined;
-    padding?: string | undefined;
+    padding: string | undefined;
     mobilePadding?: string | undefined;
-    spacing?: string | undefined;
-    colorBg: string | undefined;
-    colorText: string | undefined;
-    opacityBg: string | undefined;
+    spacing: string | undefined;
     colorBlend: boolean;
     border: boolean;
-    borderRadius: undefined | string;
-    colorOverlay: undefined | string;
-    opacityOverlay: DecimalZeroToOne;
-    cardPopover: boolean;
     _mediaAspectRatio: undefined | string;
     _mobileMediaAspectRatio: undefined | string;
-    _popoverVisible: boolean;
-    cardEventManager: EventManager;
+    _hasPopover: boolean;
+    _cardPopover: HTMLElement | null;
+    _tabElements: NodeList | null;
+    eventManager: EventManager;
     constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     private _eventsHandler;
-    popoverClose(): void;
+    private _handleSlotChange;
+    updated(): void;
     cardClasses(): any;
     cardStyles(): {};
     captionClasses(): any;
-    popoverContent(): import("lit").TemplateResult<1> | undefined;
+    mobileGap(): number | undefined;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=caption-card.d.ts.map

package/dist/components/caption-card/caption-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"caption-card.d.ts","sourceRoot":"","sources":["../../../src/components/caption-card/caption-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAQ3C,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAA;AAC3E,OAAO,KAAK,EACR,YAAY,EACZ,WAAW,EACd,MAAM,aAAa,CAAA;AAOpB,OAAO,mBAAmB,CAAA;AAC1B,OAAO,SAAS,CAAA;AAChB,OAAO,oBAAoB,CAAA;AAI3B,qBAEa,WAAY,SAAQ,UAAU;IAEvC,QAAQ,EAAE,WAAW,CAAU;IAG/B,KAAK,EAAE,YAAY,GAAG,SAAS,CAAA;IAG/B,OAAO,EAAE,YAAY,GAAG,SAAS,CAAA;IAGjC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAG3B,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAGlC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAG3B,UAAU,UAAQ;IAGlB,MAAM,UAAQ;IAGd,iBAAiB,EAAE,SAAS,GAAG,MAAM,CAAA;IAGrC,uBAAuB,EAAE,SAAS,GAAG,MAAM,CAAA;IAG3C,WAAW,UAAQ;IAGnB,YAAY,EAAE,WAAW,GAAG,IAAI,CAAO;IAGvC,YAAY,EAAE,QAAQ,GAAG,IAAI,CAAO;IAEpC,YAAY,EAAE,YAAY,CAAyB;;IASnD,OAAO,CAAC,cAAc,CAuCrB;IAED,OAAO,CAAC,iBAAiB;IAWzB,OAAO;IAcP,WAAW;IAeX,UAAU;IAUV,cAAc;IAad,SAAS;IAMT,MAAM;IAyCN,MAAM,CAAC,MAAM,+BAsLX;CACL"}