@pushengineering/umg-web-components 2.0.5 → 2.0.10

package/dist/classes/event-manager/event-manager.d.ts

@@ -0,0 +1,52 @@
+/**
+ * EventManager is a utility class for managing event listeners and dispatching custom events on an HTMLElement.
+ *
+ * @class
+ */
+export declare class EventManager {
+    /**
+     * The HTMLElement or object to which the event management is associated.
+     * @private
+     * @type {HTMLElement}
+     */
+    private target;
+    /**
+     * Allows one or more event listeners to be assigned by the event manager on a HTMLElement or object.
+     * @private
+     * @type {Map}
+     */
+    private listeners;
+    /**
+     * Creates an instance of EventManager.
+     *
+     * @constructor
+     * @param {EventTarget} target - The element or object to manage events for.
+     */
+    constructor(target: EventTarget);
+    /**
+     * Adds an event listener to the associated HTMLElement or target object.
+     *
+     * @param {string} eventType - The type of the event to listen for.
+     * @param {EventListenerOrEventListenerObject} handler - The callback function to execute when the event is triggered.
+     * @param {AddEventListenerOptions} [options] - An options object that specifies characteristics about the event listener.
+     * @returns {() => void} - A function to remove the added event listener.
+     */
+    addEventListener(eventType: string, handler: EventListenerOrEventListenerObject, options?: AddEventListenerOptions): () => void;
+    /**
+     * Removes an event listener from the associated HTMLElement or target object.
+     *
+     * @param {string} eventType - The type of the event for which to remove the listener.
+     * @param {EventListenerOrEventListenerObject} handler - The event listener function to remove.
+     * @param {EventListenerOptions} [options] - An options object that specifies characteristics about the event listener.
+     */
+    removeEventListener(eventType: string, handler: EventListenerOrEventListenerObject, options?: EventListenerOptions): void;
+    /**
+     * Dispatches a custom event on the associated HTMLElement.
+     *
+     * @template T - The type of the event detail.
+     * @param {string} eventType - The type of the custom event.
+     * @param {T} detail - The data associated with the custom event.
+     * @param {CustomEventInit} [options] - An options object that specifies characteristics about the custom event.
+     */
+    dispatchCustomEvent<T>(eventType: string, detail: T, options?: CustomEventInit): void;
+}

package/dist/classes/event-manager/types.d.ts

@@ -0,0 +1,6 @@
+export interface SlideEvent extends CustomEvent {
+    detail: {
+        slideNumber: string;
+        mediaId: string;
+    };
+}

package/dist/classes/index.d.ts

@@ -0,0 +1 @@
+export { EventManager } from './event-manager/event-manager';

package/dist/components/badge/badge.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import { ButtonSize } from '../../types';
+import '../box';
+import '../text';
+export declare class Badge extends LitElement {
+    size: ButtonSize;
+    colorBg: string | undefined;
+    colorText: string | undefined;
+    border?: boolean | undefined;
+    borderRadius: string;
+    opacity: string | undefined;
+    fontSize: string | undefined;
+    fontWeight: string | undefined;
+    fontStyle: string | undefined;
+    badgeStyles(): {};
+    badgeClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { Badge } from './badge';
+export { Badge };

package/dist/components/banner/banner.d.ts

@@ -0,0 +1,39 @@
+import { LitElement } from 'lit';
+import type { ContentAlign, BoxPosition, BoxHeight } from '../../types';
+import '../box/';
+import '../vertical-stack/';
+export declare class Banner extends LitElement {
+    height: BoxHeight;
+    contentPosition: BoxPosition;
+    contentFullWidth: boolean;
+    contentAlign: ContentAlign;
+    contentJustify: ContentAlign;
+    mobileContentJustify: string | undefined;
+    contentSpacing: string | undefined;
+    contentInnerPadding: string | undefined;
+    contentOuterPadding: string | undefined;
+    mobilePadding: string | undefined;
+    colorText: string | undefined;
+    colorBg: string | undefined;
+    opacity: string | undefined;
+    overlayColor: string | undefined;
+    overlayOpacity: number | undefined;
+    _mediaAspectRatio: undefined | string;
+    _mobileMediaAspectRatio: undefined | string;
+    _headerHeight: string;
+    _withoutContent: boolean;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    eventNotifications(event: any): Promise<void>;
+    handleSlotchange(e: Event): void;
+    bannerClasses(): any;
+    bannerStyles(): {};
+    bannercontentClasses(): any;
+    bannercontentStyles(): {};
+    contentOuter(): import("lit").TemplateResult<1>;
+    contentInner(fullWidth: boolean): import("lit").TemplateResult<1>;
+    content(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,3 @@
+import { Banner } from './banner';
+import { BannerImage } from '../banner-image/';
+export { Banner, BannerImage };

package/dist/components/banner-image/banner-image.d.ts

@@ -0,0 +1,23 @@
+import { LitElement, nothing } from 'lit';
+import type { ImageLazy } from '../../types';
+export declare class BannerImage extends LitElement {
+    imgAlt: string;
+    src: string | undefined;
+    imgSrcSet?: string | undefined;
+    sizes?: string | undefined;
+    width: number;
+    height: number;
+    mobileSrc?: string | undefined;
+    mobileSrcSet?: string | undefined;
+    mobileSizes?: string | undefined;
+    mobileHeight: number;
+    mobileWidth: number;
+    load: ImageLazy;
+    dispatchEvents(): void;
+    imageClasses(): any;
+    mobileImage(): import("lit").TemplateResult<1> | typeof nothing;
+    desktopImage(): import("lit").TemplateResult<1>;
+    getImage(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/banner-image/index.d.ts

@@ -0,0 +1,2 @@
+import { BannerImage } from './banner-image';
+export { BannerImage };

package/dist/components/box/box.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+import type { Direction } from '../../types';
+export declare class Box extends LitElement {
+    maxWidth: number | undefined;
+    padding?: string | undefined;
+    mobilePadding?: string | undefined;
+    paddingTop?: string | undefined;
+    paddingRight?: string | undefined;
+    paddingBottom?: string | undefined;
+    paddingLeft?: string | undefined;
+    adaptivePadding: boolean;
+    colorText: string | undefined;
+    colorBg: string | undefined;
+    colorBlend: boolean;
+    blendDirection: Direction;
+    border?: boolean | undefined;
+    borderRadius: string;
+    opacity: string | undefined;
+    private _mergedPadding;
+    private _mobilePadding;
+    firstUpdated(): void;
+    updated(changedProperties: Map<string, any>): void;
+    getPadding(): string[][] | undefined;
+    boxStyles(): {};
+    boxClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { Box } from './box';
+export { Box };

package/dist/components/button/button.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+import type { ButtonType, ButtonAs, ButtonSize, ButtonAlignLabel, ButtonStyle, LinkTarget, PaddingScale } from '../../types';
+export declare class Button extends LitElement {
+    as: ButtonAs;
+    type: ButtonType;
+    for: string | undefined;
+    clickAction?: string | undefined;
+    url?: string | undefined;
+    target: LinkTarget;
+    size: ButtonSize;
+    buttonStyle: ButtonStyle;
+    borderRadius: PaddingScale | undefined;
+    textAlign: ButtonAlignLabel;
+    disabled: boolean;
+    fullWidth: boolean;
+    extendInteraction: boolean;
+    extendInteractionHidden: boolean;
+    colorBg: string | undefined;
+    colorBgOpacity: string | undefined;
+    colorText: string | undefined;
+    loading: boolean;
+    constructor();
+    private _extendedInteraction;
+    handleClick(): void;
+    buttonClasses(): any;
+    buttonStyles(): {};
+    buttonAs(): import("lit").TemplateResult<1> | undefined;
+    buttonContent(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { Button } from './button';
+export { Button };

package/dist/components/button-group/button-group.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import type { GroupSpacing, GroupAlign } from '../../types';
+export declare class ButtonGroup extends LitElement {
+    spacing: GroupSpacing;
+    justify: GroupAlign;
+    mobileJustify: GroupAlign;
+    stack: boolean;
+    mobileStack: boolean;
+    buttonGroupClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { ButtonGroup } from './button-group';
+export { ButtonGroup };

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

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+import type { ButtonAs, ButtonType, LinkTarget, Icons, FontBodySize } from '../../types';
+import '../icon/';
+export declare class ButtonIcon extends LitElement {
+    as: ButtonAs;
+    for?: string | undefined;
+    clickAction?: string | undefined;
+    url?: string | undefined;
+    target: LinkTarget;
+    type: ButtonType;
+    icon: Icons;
+    size: FontBodySize;
+    extendInteraction: boolean;
+    disabled: boolean;
+    padding: string;
+    border: boolean;
+    borderRadius: string | undefined;
+    borderWidth: string | undefined;
+    colorText: string | undefined;
+    colorBg: string | undefined;
+    colorBgOpacity: string | undefined;
+    label: string;
+    constructor();
+    private _extendedInteraction;
+    handleClick(): void;
+    buttonIconClasses(): any;
+    buttonIconStyles(): {};
+    buttonAs(): import("lit").TemplateResult<1> | undefined;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { ButtonIcon } from './button-icon';
+export { ButtonIcon };

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

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+import { EventManager } from '../../classes/event-manager/event-manager.js';
+import type { ContentAlign, DecimalZeroToOne, BoxPosition } from '../../types';
+import '../box/';
+import '../vertical-stack/';
+import '../popover/';
+export declare class CaptionCard extends LitElement {
+    position: BoxPosition;
+    align: ContentAlign | undefined;
+    justify: ContentAlign | undefined;
+    padding?: string | undefined;
+    mobilePadding?: string | undefined;
+    spacing?: string | undefined;
+    colorBg: string | undefined;
+    colorText: string | undefined;
+    opacityBg: 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;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _eventsHandler;
+    popoverClose(): void;
+    cardClasses(): any;
+    cardStyles(): {};
+    captionClasses(): any;
+    popoverContent(): import("lit").TemplateResult<1> | undefined;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { CaptionCard } from './caption-card';
+export { CaptionCard };

package/dist/components/deferred-media/deferred-media.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+import '../modal';
+import '../button-icon';
+export declare class DeferredMedia extends LitElement {
+    source: string;
+    title: string;
+    enableModal: boolean;
+    showButtonOnHover: boolean;
+    _mediaAspectRatio: undefined | string;
+    _mobileMediaAspectRatio: undefined | string;
+    protected _videoPlaying: boolean;
+    protected _modalOpen: boolean;
+    constructor();
+    eventNotifications(event: any): Promise<void>;
+    handleButtonClick(event: any): void;
+    deferredMediaClasses(): any;
+    deferredMediaStyles(): {};
+    coverTemplate(): import("lit").TemplateResult<1>;
+    createModal(): import("lit").TemplateResult<1> | undefined;
+    videoTemplate(): import("lit").TemplateResult<1>;
+    renderVideoInPopup(): import("lit").TemplateResult<1> | undefined;
+    renderVideoInBlock(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/deferred-media/index.d.ts

@@ -0,0 +1,2 @@
+import { DeferredMedia } from './deferred-media';
+export { DeferredMedia };

package/dist/components/disclosure/disclosure.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+import { AnimationDirection } from '../../types';
+export declare class Disclosure extends LitElement {
+    direction: AnimationDirection;
+    overlay: boolean;
+    justifySummary: string;
+    iconAnimation: string;
+    _open: boolean;
+    _summary: HTMLDetailsElement;
+    _disclosure: HTMLDetailsElement;
+    _disclosureContent: HTMLDetailsElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    closeDisclosure: () => void;
+    openDisclosure: () => void;
+    private _handleDisclosure;
+    private _handleSummaryClick;
+    summaryClasses(): any;
+    drawerClasses(): any;
+    contentClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { Disclosure } from './disclosure';
+export { Disclosure };

package/dist/components/event-table/event-content.d.ts

@@ -0,0 +1,7 @@
+import { LitElement } from 'lit';
+export declare class EventContent extends LitElement {
+    divider: boolean;
+    inlineClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/event-table/event-date.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class EventDate extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/event-table/event-table.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+import './event';
+import './event-date';
+import './event-content';
+export declare class EventTable extends LitElement {
+    divider: boolean;
+    tableClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/event-table/event.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class Event extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/event-table/index.d.ts

@@ -0,0 +1,2 @@
+import { EventTable } from './event-table';
+export { EventTable };

package/dist/components/footer/footer.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+import type { PageWidth, PaddingScale } from '../../types';
+export declare class Footer extends LitElement {
+    width: PageWidth;
+    paddingTop: PaddingScale;
+    paddingBottom: PaddingScale;
+    socialsHidden: boolean;
+    centerContent: boolean;
+    colortext: string;
+    colorBg: string;
+    footerClasses(): any;
+    footerStyles(): {};
+    footerInnerStyles(): {};
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { Footer } from './footer';
+export { Footer };

package/dist/components/grid/grid-cell.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class GridCell extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/grid/grid.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import './grid-cell';
+export declare class Grid extends LitElement {
+    columns: number;
+    mobileColumns: string;
+    gapless?: boolean | undefined;
+    fill?: boolean | undefined;
+    gridClasses(): any;
+    gridStyles(): {};
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { Grid } from './grid';
+export { Grid };

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

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import type { HeaderLayout, PageWidth, PaddingScale } from '../../types';
+export declare class Header extends LitElement {
+    width: PageWidth;
+    paddingTop: PaddingScale;
+    paddingBottom: PaddingScale;
+    layout: HeaderLayout;
+    logoHidden: boolean;
+    menuHidden: boolean;
+    socialsHidden: boolean;
+    signupHidden: boolean;
+    colorText: string;
+    colorBg: string;
+    sticky: boolean;
+    stickyHideOnScroll: boolean;
+    transparent: boolean;
+    _headerOuterHeight: number | undefined;
+    _transparentScrolling: boolean;
+    _currentScrollPosition: number;
+    _header: HTMLElement;
+    _menu: Array<HTMLElement>;
+    _resizeObserver?: ResizeObserver;
+    _debouncedEventsHandler: (e: any) => void;
+    protected firstUpdated(): void;
+    updated(changedProperties: Map<string, any>): void;
+    disconnectedCallback(): void;
+    private _initHeader;
+    private _eventsHandler;
+    private _removeTransparency;
+    private _stickyScroll;
+    headerClasses(): any;
+    headerStyles(): {};
+    headerInnerStyles(): {};
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { Header } from './header';
+export { Header };

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

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+import '../disclosure/';
+import './menu-drawer';
+import '../icon/';
+interface menuDisclosure {
+    closeDisclosure: () => void;
+}
+interface MenuData {
+    linkText: string;
+    linkUrl: string;
+    subItems: Array<MenuData>;
+}
+export declare class HeaderDrawer extends LitElement {
+    src: string;
+    data?: MenuData[];
+    direction: string;
+    colorText: undefined | string;
+    colorBg: undefined | string;
+    _drawerOpen: boolean;
+    _drawer: menuDisclosure;
+    firstUpdated(): Promise<void>;
+    fetchData(): Promise<void>;
+    closeDrawer(): void;
+    private _openDrawer;
+    private _closeDrawer;
+    private _closeActiveDrawers;
+    menuDrawerStyles(): {};
+    menuList(): import("lit").TemplateResult<1> | undefined;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}
+export {};

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

@@ -0,0 +1,2 @@
+import { HeaderDrawer } from './header-drawer';
+export { HeaderDrawer };

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

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class MenuDrawer extends LitElement {
+    clickOpenAction: string;
+    clickBackAction: string;
+    _subNavOpen: boolean;
+    _menuDrawer: HTMLDetailsElement;
+    closeDrawer: () => void;
+    constructor();
+    private _handleSummaryClick;
+    handleBackClick(): void;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/horizontal-stack/horizontal-stack.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+import type { GroupAlign } from '../../types';
+export declare class HorizontalStack extends LitElement {
+    gap: number | undefined;
+    align: GroupAlign;
+    mobileAlign: GroupAlign | undefined;
+    justify: GroupAlign;
+    mobileJustify: GroupAlign | undefined;
+    stackStyles(): {};
+    stackClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/horizontal-stack/index.d.ts

@@ -0,0 +1,2 @@
+import { HorizontalStack } from './horizontal-stack';
+export { HorizontalStack };

package/dist/components/icon/icon.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+import type { FontBodySize } from '../../types';
+export declare class Icon extends LitElement {
+    icon: string;
+    colorText: string | undefined;
+    size?: FontBodySize;
+    _blobUrl: string;
+    constructor();
+    dataURItoBlobUrl(iconSprites: string): string;
+    svgStyles(): {};
+    icontemplate(): import("lit").TemplateResult<2>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { Icon } from './icon';
+export { Icon };

package/dist/components/image/image.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import type { MediaFit, ImageLazy } from '../../types';
+export declare class Image extends LitElement {
+    imgAlt: string;
+    src?: string | undefined;
+    srcSet?: string | undefined;
+    sizes?: string | undefined;
+    width: number;
+    height: number;
+    fit: MediaFit;
+    load: ImageLazy;
+    dispatchEvents(): void;
+    containerStyles(): {};
+    containerClasses(): any;
+    imageClasses(): any;
+    image(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -0,0 +1,2 @@
+import { Image } from './image';
+export { Image };