@pushengineering/umg-web-components 2.0.5 → 2.0.10

package/dist/components/slider/slider-controls.d.ts

@@ -0,0 +1,27 @@
+import { LitElement, nothing } from 'lit';
+export declare class SliderControls extends LitElement {
+    sliderId: string;
+    controlType: string;
+    controlPosition: string;
+    numberOfSlides: number;
+    slidesPerPage: number;
+    currentPage: number;
+    autoPlay: boolean;
+    loopSlides: boolean;
+    playing: boolean;
+    _pauseHold: boolean;
+    _positionInside: boolean;
+    _overflowObserver: IntersectionObserver | undefined;
+    updated(changedProperties: Map<string, any>): void;
+    private _positionControls;
+    private _dispatchControlAction;
+    controlClasses(): any;
+    counterClasses(): any;
+    numberButtons(): import("lit").TemplateResult<1>;
+    dotButtons(): import("lit").TemplateResult<1>;
+    controlVisualType(): import("lit").TemplateResult<1>;
+    autoPlayButtons(): import("lit").TemplateResult<1> | typeof nothing;
+    navigationButton(direction: string): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1> | undefined;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,68 @@
+import { LitElement, nothing } from 'lit';
+import '../../scripts/polyfills/scrollyfills.js';
+import { SlideEvent } from '../../classes/event-manager/types.js';
+import './slide';
+import './slider-controls';
+import '../button-icon/';
+export declare class Slider extends LitElement {
+    accessibleName: string;
+    accessibleDescription: string;
+    contentType: string;
+    controlType: string;
+    controlPosition: string;
+    desktopSlider?: boolean | undefined;
+    mobileSlider?: boolean | undefined;
+    peek?: boolean | undefined;
+    autoPlay?: boolean | undefined;
+    autoPlaySpeed: number;
+    desktopColumns: number;
+    mobileColumns: string;
+    gaplessColumns?: boolean | undefined;
+    fill?: boolean | undefined;
+    _sliderId: string | undefined;
+    _totalPages: number;
+    _sliderItems: Array<HTMLElement>;
+    _slider: HTMLElement;
+    _currentPage: number;
+    _playing: boolean;
+    _sliderItemsToShow: Array<HTMLElement>;
+    _firstSlide: HTMLElement | null;
+    _secondSlide: HTMLElement | null;
+    _sliderItemOffset: number;
+    _slidesPerPage: number;
+    _loopSlides: boolean;
+    _scrolling: boolean;
+    _autoRotate: ReturnType<typeof setTimeout> | undefined;
+    _slideVisibleObserver: IntersectionObserver | undefined;
+    _resizeObserver: ResizeObserver | undefined;
+    static eventTypes: string[];
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    slidesChanged(): void;
+    updated(changedProperties: Map<string, any>): void;
+    initialise(): Promise<void>;
+    protected _sliderSetup(): void;
+    private _slideshowSetup;
+    protected _customEventsHandler(e: SlideEvent): void;
+    private _updateCurrentPage;
+    private _scrollEnd;
+    private _isSlideVisible;
+    private _resetAutoplay;
+    private _slideNavigation;
+    private _previousButtonClick;
+    private _nextButtonClick;
+    private _slideLink;
+    private _autoRotateSlides;
+    play(): void;
+    pause(): void;
+    pausePlay(): void;
+    resumePlay(): void;
+    sliderComponentClasses(): any;
+    gridClasses(): any;
+    gridStyles(): {};
+    sliderContent(): import("lit").TemplateResult<1>;
+    sliderControls(): import("lit").TemplateResult<1> | typeof nothing;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/slider/styles/controls.d.ts

@@ -0,0 +1 @@
+export declare const controls: import("lit").CSSResult;

package/dist/components/slider/styles/slider.d.ts

@@ -0,0 +1 @@
+export declare const slider: import("lit").CSSResult;

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

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

package/dist/components/socials/socials.d.ts

@@ -0,0 +1,26 @@
+import { LitElement, nothing } from 'lit';
+import '../link-group/index';
+import '../button-icon/index';
+interface SocialsData {
+    name: string;
+    url: string;
+    icon: string;
+}
+export declare class Socials extends LitElement {
+    target: string;
+    size: string;
+    spacing: string;
+    justify: string;
+    mobileJustify: string;
+    colorText: string | undefined;
+    colorBg: string | undefined;
+    colorBgOpacity?: number;
+    borderRadius: string | undefined;
+    border: boolean;
+    padding: string;
+    data?: SocialsData[];
+    socialLinks(): typeof nothing | (import("lit").TemplateResult<1> | typeof nothing)[];
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}
+export {};

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

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

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

@@ -0,0 +1,13 @@
+import { LitElement, nothing } from 'lit';
+import '../text';
+export declare class Table extends LitElement {
+    columnLabels: never[];
+    rowData: never[];
+    title: string;
+    hideTitle: boolean;
+    descriptionClasses(): any;
+    tableHeader(): import("lit").TemplateResult<1> | typeof nothing;
+    tableRows(): import("lit").TemplateResult<1> | typeof nothing;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

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

package/dist/components/text/text.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+import type { TextVariant, TextAs, TextColor, TextAlignment, TextLineHeight, TextTransform, FontWeight, FontStyle, GroupSpacing } from '../../types';
+export declare class Text extends LitElement {
+    as: TextAs;
+    variant: TextVariant;
+    color: TextColor;
+    fontSize: number | undefined;
+    fontWeight: FontWeight;
+    fontStyle: FontStyle;
+    lineHeight: TextLineHeight | undefined;
+    spacing: GroupSpacing | undefined;
+    alignment: TextAlignment | undefined;
+    mobileAlignment: TextAlignment | undefined;
+    withoutMargin: boolean;
+    transform: TextTransform;
+    truncate: boolean;
+    breakWord: boolean;
+    hidden: boolean;
+    textClasses(): any;
+    textStyles(): {};
+    textAs(classes: any): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/text-field/index.d.ts

@@ -0,0 +1,2 @@
+import { TextField } from './text-field';
+export { TextField };

package/dist/components/text-field/text-field.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+import type { FieldTextType } from '../../types';
+export declare class TextField extends LitElement {
+    type: FieldTextType;
+    hideLabel: boolean;
+    multiline: boolean;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    id: string;
+    error: boolean;
+    name: string;
+    value: string;
+    fieldClasses(): any;
+    inputClasses(): any;
+    labelClasses(): any;
+    renderLabel(classes: any): import("lit").TemplateResult<1>;
+    renderInput(classes: any): import("lit").TemplateResult<1>;
+    renderTextarea(classes: any): import("lit").TemplateResult<1>;
+    renderErrorMessage(): import("lit").TemplateResult<1> | undefined;
+    inputAs(classes: any): import("lit").TemplateResult<1>;
+    checkIfMultiline(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/thumbnail-slider/index.d.ts

@@ -0,0 +1,2 @@
+import { ThumbnailSlider } from './thumbnail-slider';
+export { ThumbnailSlider };

package/dist/components/thumbnail-slider/thumbnail-slide.d.ts

@@ -0,0 +1,5 @@
+import { Slide } from '../slider/slide';
+export declare class ThumbnailSlide extends Slide {
+    mediaId: string;
+    static styles: (import("lit").CSSResult | import("lit").CSSResultArray)[];
+}

package/dist/components/thumbnail-slider/thumbnail-slider.d.ts

@@ -0,0 +1,20 @@
+import { Slider } from '../slider';
+import './thumbnail-slide';
+import { EventManager } from '../../classes/event-manager/event-manager.js';
+import { SlideEvent } from '../../classes/event-manager/types.js';
+export declare class ThumbnailSlider extends Slider {
+    currentMediaId: string;
+    contentType: string;
+    desktopSlider: boolean;
+    mobileSlider: boolean;
+    slideEventManager: EventManager;
+    constructor();
+    private _initialiseSlides;
+    slidesChanged(): void;
+    private _updateActiveSlide;
+    private _updateActiveMedia;
+    private _eventsDispatcher;
+    protected _customEventsHandler(e: SlideEvent): void;
+    updated(changedProperties: Map<string, any>): void;
+    gridClasses(): any;
+}

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

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

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

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

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

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

package/dist/components/video/video.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+import type { MediaFit } from '../../types';
+interface VideoSource {
+    src: string;
+    type: string;
+}
+export declare class Video extends LitElement {
+    sources: VideoSource[];
+    posterSource: string | undefined;
+    width: number;
+    height: number;
+    fit: MediaFit;
+    inBackground: boolean;
+    autoplay: boolean;
+    muted: boolean;
+    loop: boolean;
+    controls: boolean;
+    _hasPlayed: boolean;
+    _videoElement: HTMLVideoElement | undefined;
+    constructor();
+    containerClasses(): any;
+    initialise(): Promise<void>;
+    handleFirstPlay(): void;
+    videoType(): import("lit").TemplateResult<1>;
+    video(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}
+export {};

package/dist/types.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Constructed Theme stylesheet object
+ */
+declare global {
+    interface Window {
+        constructibleStyleSheets: {
+            theme: any;
+        };
+    }
+}
+export interface MergedPadding {
+    cssRem: string;
+    unitless: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+    rem: {
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    };
+}
+/**
+ * Libaray icons
+ */
+export type Icons = 'arrow-right' | 'arrow-right-long' | 'arrow-left' | 'arrow-left-long' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevron-down' | 'carat-up' | 'bag-shopping' | 'bag-shopping-thin' | 'bars' | 'bin-x-solid' | 'cart' | 'check' | 'close' | 'external' | 'info' | 'minus' | 'pause' | 'play' | 'play-pause' | 'plus' | 'search' | 'smile' | 'store' | 'square-solid' | 'user' | 'warning' | 'amazon' | 'amazon-music' | 'apple' | 'apple-music' | 'backstage' | 'deezer' | 'discord' | 'email' | 'facebook' | 'facebook-like' | 'facebook-like-solid' | 'facebook-messenger' | 'giphy' | 'google-plus' | 'instagram' | 'mix-cloud' | 'musically' | 'pinterest' | 'snapchat' | 'soundcloud' | 'spotify' | 'tidal' | 'tiktok' | 'tumblr' | 'vevo' | 'vimeo' | 'vk' | 'weibo' | 'x-twitter' | 'youtube' | 'youtube-music';
+/**
+ * Component Display Properties
+ */
+export type AnimationDirection = 'up' | 'down' | 'from-left' | 'from-right';
+export type BoxPosition = 'side' | 'over' | 'under' | 'above' | 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export type BoxHeight = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'stretch' | 'adapt';
+export type BoxWidth = 'auto' | 'fill' | 'fit-content';
+export type BoxOuterPadding = 'none' | 'small' | 'medium' | 'large';
+export type ButtonAlignLabel = 'left' | 'right' | 'center';
+export type ButtonAs = 'button' | 'link';
+export type ButtonStyle = 'solid' | 'outline' | 'plain' | 'plain-underline';
+export type ButtonSize = 'large' | 'medium' | 'small' | 'slim';
+export type ButtonType = 'button' | 'submit' | 'reset';
+export type ContentAlign = 'start' | 'center' | 'end';
+export type Direction = 'to-top' | 'to-left' | 'to-right' | 'to-bottom';
+export type DecimalZeroToOne = 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;
+export type FieldTextType = 'text' | 'email' | 'date' | 'number' | 'checkbox' | 'radio';
+export type FontBodySize = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | '2xLarge' | '3xLarge';
+export type FontStyle = 'normal' | 'italic' | 'oblique';
+export type FontWeight = 'light' | 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
+export type HeaderLayout = 'logo-left' | 'logo-center' | 'nav-center' | 'content-right';
+export type GridSpacing = 'none' | 'compact' | 'normal' | 'loose';
+export type GroupAlign = 'start' | 'center' | 'end' | 'baseline' | 'space-evenly' | 'space-between' | 'space-around' | 'stretch';
+export type GroupSpacing = 'none' | 'compact' | 'normal' | 'loose';
+export type ImageLazy = 'lazy' | 'eager';
+export type LinkTarget = '_blank' | '_self';
+export type MediaFit = 'none' | 'adapt' | 'cover' | 'contain' | '';
+export type MediaSize = 'xSmall' | 'small' | 'medium' | 'large' | 'xLarge' | '2xLarge' | '3xLarge';
+export type PaddingScale = '' | '0' | '4' | '8' | '12' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '72' | '80' | '88' | '96' | '104' | '112' | '120' | '128';
+export type PageWidth = 'page-width' | 'full-width' | 'full-bleed';
+export type PageWidthScale = undefined | 768 | 982 | 1200 | 1408 | 1600 | 2000 | 4000;
+export type TextAlignment = 'start' | 'center' | 'end' | 'justify';
+export type TextAs = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'p' | 'span' | 'skeleton';
+export type TextColor = 'default' | 'warning' | 'subdued' | 'text-inverse';
+export type TextLineHeight = 'extra-loose' | 'loose' | 'normal' | 'compact';
+export type TextTransform = 'none' | 'uppercase' | 'capitalize' | 'lowercase';
+export type TextVariant = 'headingXs' | 'headingSm' | 'headingMd' | 'headingLg' | 'headingXl' | 'heading2xl' | 'heading3xl' | 'heading4xl' | 'heading5xl' | 'bodyXs' | 'bodySm' | 'bodyMd' | 'bodyLg' | 'bodyXl' | 'body2xl' | 'body3xl' | 'body4xl' | 'body5xl';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushengineering/umg-web-components",
-  "version": "2.0.5",
+  "version": "2.0.10",
   "type": "module",
   "module": "dist/components/index.js",
   "files": [
@@ -30,7 +30,7 @@
     "./link-group": "./dist/components/link-group/link-group.js",
     "./logo": "./dist/components/logo/logo.js",
     "./media-gallery": "./dist/components/media-gallery/media-gallery.js",
-    "./media": "./dist/components/media/media.js",
+    "./media-modal": "./dist/components/media-modal/media-modal.js",
     "./media-text": "./dist/components/media-text/media-text.js",
     "./menu": "./dist/components/menu/menu.js",
     "./menu-bar": "./dist/components/menu-bar/menu-bar.js",