@pushengineering/umg-web-components 2.0.3 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/readme.md +22 -69
- package/dist/classes/event-manager/event-manager.d.ts +0 -52
- package/dist/classes/event-manager/types.d.ts +0 -6
- package/dist/classes/index.d.ts +0 -1
- package/dist/components/badge/badge.d.ts +0 -19
- package/dist/components/badge/index.d.ts +0 -2
- package/dist/components/banner/banner.d.ts +0 -39
- package/dist/components/banner/index.d.ts +0 -3
- package/dist/components/banner-image/banner-image.d.ts +0 -23
- package/dist/components/banner-image/index.d.ts +0 -2
- package/dist/components/box/box.d.ts +0 -28
- package/dist/components/box/index.d.ts +0 -2
- package/dist/components/button/button.d.ts +0 -31
- package/dist/components/button/index.d.ts +0 -2
- package/dist/components/button-group/button-group.d.ts +0 -12
- package/dist/components/button-group/index.d.ts +0 -2
- package/dist/components/button-icon/button-icon.d.ts +0 -31
- package/dist/components/button-icon/index.d.ts +0 -2
- package/dist/components/caption-card/caption-card.d.ts +0 -38
- package/dist/components/caption-card/index.d.ts +0 -2
- package/dist/components/deferred-media/deferred-media.d.ts +0 -25
- package/dist/components/deferred-media/index.d.ts +0 -2
- package/dist/components/disclosure/disclosure.d.ts +0 -23
- package/dist/components/disclosure/index.d.ts +0 -2
- package/dist/components/event-table/event-content.d.ts +0 -7
- package/dist/components/event-table/event-date.d.ts +0 -5
- package/dist/components/event-table/event-table.d.ts +0 -10
- package/dist/components/event-table/event.d.ts +0 -5
- package/dist/components/event-table/index.d.ts +0 -2
- package/dist/components/footer/footer.d.ts +0 -16
- package/dist/components/footer/index.d.ts +0 -2
- package/dist/components/grid/grid-cell.d.ts +0 -5
- package/dist/components/grid/grid.d.ts +0 -12
- package/dist/components/grid/index.d.ts +0 -2
- package/dist/components/header/header.d.ts +0 -36
- package/dist/components/header/index.d.ts +0 -2
- package/dist/components/header-drawer/header-drawer.d.ts +0 -32
- package/dist/components/header-drawer/index.d.ts +0 -2
- package/dist/components/header-drawer/menu-drawer.d.ts +0 -13
- package/dist/components/horizontal-stack/horizontal-stack.d.ts +0 -13
- package/dist/components/horizontal-stack/index.d.ts +0 -2
- package/dist/components/icon/icon.d.ts +0 -14
- package/dist/components/icon/index.d.ts +0 -2
- package/dist/components/image/image.d.ts +0 -19
- package/dist/components/image/index.d.ts +0 -2
- package/dist/components/index.d.ts +0 -41
- package/dist/components/link/index.d.ts +0 -2
- package/dist/components/link/link.d.ts +0 -10
- package/dist/components/link-group/index.d.ts +0 -2
- package/dist/components/link-group/link-group.d.ts +0 -13
- package/dist/components/logo/index.d.ts +0 -2
- package/dist/components/logo/logo.d.ts +0 -19
- package/dist/components/media-gallery/index.d.ts +0 -2
- package/dist/components/media-gallery/media-gallery.d.ts +0 -14
- package/dist/components/media-gallery/media.d.ts +0 -5
- package/dist/components/media-text/index.d.ts +0 -2
- package/dist/components/media-text/media-text.d.ts +0 -30
- package/dist/components/media-text/styles/media-size.d.ts +0 -1
- package/dist/components/menu/index.d.ts +0 -2
- package/dist/components/menu/menu.d.ts +0 -36
- package/dist/components/menu-bar/index.d.ts +0 -2
- package/dist/components/menu-bar/menu-bar.d.ts +0 -16
- package/dist/components/modal/index.d.ts +0 -2
- package/dist/components/modal/modal.d.ts +0 -13
- package/dist/components/multiselect/index.d.ts +0 -2
- package/dist/components/multiselect/multiselect.d.ts +0 -60
- package/dist/components/number-field/index.d.ts +0 -2
- package/dist/components/number-field/number-field.d.ts +0 -28
- package/dist/components/overlay/index.d.ts +0 -2
- package/dist/components/overlay/overlay.d.ts +0 -13
- package/dist/components/page/index.d.ts +0 -2
- package/dist/components/page/page.d.ts +0 -13
- package/dist/components/popover/index.d.ts +0 -2
- package/dist/components/popover/popover.d.ts +0 -19
- package/dist/components/rich-text/index.d.ts +0 -2
- package/dist/components/rich-text/rich-text.d.ts +0 -11
- package/dist/components/section/index.d.ts +0 -2
- package/dist/components/section/section.d.ts +0 -33
- package/dist/components/select/index.d.ts +0 -2
- package/dist/components/select/select.d.ts +0 -44
- package/dist/components/slider/index.d.ts +0 -2
- package/dist/components/slider/slide.d.ts +0 -8
- package/dist/components/slider/slider-controls.d.ts +0 -27
- package/dist/components/slider/slider.d.ts +0 -68
- package/dist/components/slider/styles/controls.d.ts +0 -1
- package/dist/components/slider/styles/slider.d.ts +0 -1
- package/dist/components/socials/index.d.ts +0 -2
- package/dist/components/socials/socials.d.ts +0 -26
- package/dist/components/table/index.d.ts +0 -2
- package/dist/components/table/table.d.ts +0 -13
- package/dist/components/text/index.d.ts +0 -2
- package/dist/components/text/text.d.ts +0 -24
- package/dist/components/text-field/index.d.ts +0 -2
- package/dist/components/text-field/text-field.d.ts +0 -25
- package/dist/components/thumbnail-slider/index.d.ts +0 -2
- package/dist/components/thumbnail-slider/thumbnail-slide.d.ts +0 -5
- package/dist/components/thumbnail-slider/thumbnail-slider.d.ts +0 -20
- package/dist/components/vertical-stack/index.d.ts +0 -2
- package/dist/components/vertical-stack/vertical-stack.d.ts +0 -13
- package/dist/components/video/index.d.ts +0 -2
- package/dist/components/video/video.d.ts +0 -29
- package/dist/types.d.ts +0 -66
package/package.json
CHANGED
package/readme.md
CHANGED
|
@@ -1,81 +1,34 @@
|
|
|
1
|
-
# Table of Contents
|
|
2
1
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
- [Local Development Environment](#local-development-environment)
|
|
7
|
-
- [Prerequisites](#prerequisites)
|
|
8
|
-
- [Installation](#installation)
|
|
9
|
-
- [Build scripts](#build-scripts)
|
|
10
|
-
- [Lit - Lightning-Fast Components](#lit---lightning-fast-components)
|
|
11
|
-
- [Storybook Integration for Component Previews and Documentation](#storybook-integration-for-component-previews-and-documentation)
|
|
2
|
+
# UMG Web Components Library
|
|
3
|
+
This library provides a collection of native UX web components built with [Lit](https://lit.dev/docs/).
|
|
4
|
+
The components are designed to be fast, reusable, and highly customisable for any project, without relying on proprietary technologies or frameworks. They leverage standard Web APIs and are compatible with all modern browsers.
|
|
12
5
|
|
|
13
|
-
|
|
14
|
-
Welcome to the UMG UX Components Library! This library provides a collection of UX frontend components designed to be fast, reusable, and highly customisable for any project, without relying on proprietary technologies or frameworks. These components leverage standard Web APIs and are compatible with all modern browsers.
|
|
6
|
+
Components are exported as native ES Modules and can be directly used in web applications using raw module imports. If your application does not support native modules, tools like Rollup or Webpack can be used to prepare the components for serving in your production environment as needed.
|
|
15
7
|
|
|
16
|
-
|
|
17
|
-
To deepen your understanding of web components, their key concepts, and the specific web APIs we employ, we recommend reading the [MDN guide on Web Components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components).
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
# Local Development Environment
|
|
21
|
-
|
|
22
|
-
## Prerequisites
|
|
23
|
-
|
|
24
|
-
Before you begin, make sure you have the following prerequisites installed on your system:
|
|
25
|
-
|
|
26
|
-
Node.js v16.14 or higher. You can download it from [here](https://nodejs.org/en/download)
|
|
27
|
-
[PNPM](https://pnpm.io/) v8 or higher. Install it via these links: [Mac](https://github.com/nvm-sh/nvm) | [Windows](https://github.com/coreybutler/nvm-windows)
|
|
8
|
+
To keep code sizes to a minimum Lit is not exported with the library and will need to be installed as a dependency of your project.
|
|
28
9
|
|
|
29
10
|
## Installation
|
|
30
|
-
1. Install Node.js globally using one of the following methods:
|
|
31
|
-
- Mac: [NVM](https://github.com/nvm-sh/nvm)
|
|
32
|
-
- Windows: [NVM for Windows](https://github.com/coreybutler/nvm-windows)
|
|
33
|
-
- Direct download: [Node.js](https://nodejs.org/en/download)
|
|
34
|
-
|
|
35
|
-
2. Install PNPM globally using one of the following methods:
|
|
36
|
-
- Mac: ``brew install pnpm``
|
|
37
|
-
- Windows PowerShell: Run the command ``iwr https://get.pnpm.io/install.ps1 -useb | iex``
|
|
38
|
-
|
|
39
|
-
For more details, check the: [PNPM documentation](https://pnpm.io/)
|
|
40
|
-
|
|
41
|
-
1. Clone the project repository using this command:
|
|
42
|
-
```
|
|
43
|
-
git clone git@github.com:Push-Entertainment/umg-component-library.git
|
|
44
|
-
```
|
|
45
11
|
|
|
46
|
-
|
|
47
|
-
```
|
|
48
|
-
pnpm install
|
|
49
|
-
```
|
|
12
|
+
Install the package as dependency of your application:
|
|
50
13
|
|
|
51
|
-
|
|
14
|
+
`npm i @pushengineering/umg-web-components`
|
|
15
|
+
`yarn add @pushengineering/umg-web-components`
|
|
16
|
+
`pnpm add @pushengineering/umg-web-components`
|
|
52
17
|
|
|
53
|
-
|
|
18
|
+
Install Lit as a dependency:
|
|
54
19
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
- Build components, design tokens and Storybook static site: `pnpm build-all`
|
|
59
|
-
- Build design tokens: `pnpm build-tokens`
|
|
60
|
-
- Build Storybook static site: `pnpm build-storybook`
|
|
61
|
-
|
|
62
|
-
# Lit - Lightning-Fast Components
|
|
63
|
-
|
|
64
|
-
Our library is built using Lit, a framework that simplifies component development without sacrificing performance or relying on non-standard frameworks. Lit builds on web component standards, is lightweight, and reduces boilerplate code. You can find Lit 2's documentation [here](https://lit.dev/docs/).
|
|
65
|
-
|
|
66
|
-
To save time, minimise errors, and future-proof your code, we've written this library in TypeScript and utilise Lit's decorator methods, which TypeScript transpiles into browser-compatible JavaScript.
|
|
67
|
-
|
|
68
|
-
# Storybook Integration for Component Previews and Documentation
|
|
69
|
-
|
|
70
|
-
We've seamlessly integrated Storybook into our component library to provide you with a powerful playground tool with component previews and comprehensive documentation. Storybook serves as a valuable resource for both developers and designers, offering a visual representation of each component's behavior and appearance in different scenarios.
|
|
71
|
-
|
|
72
|
-
- Exploring Components in Storybook
|
|
73
|
-
With Storybook, you can easily navigate and explore our components:
|
|
74
|
-
|
|
75
|
-
- Preview Components: View live, interactive previews of each component to understand how they look and behave in various situations.
|
|
20
|
+
`npm i lit`
|
|
21
|
+
|
|
22
|
+
## Further information
|
|
76
23
|
|
|
77
|
-
|
|
24
|
+
[Push Engineering Git Repository](https://github.com/Push-Entertainment/umg-component-library)
|
|
78
25
|
|
|
79
|
-
|
|
26
|
+
## Release Version 2
|
|
27
|
+
- Supports UMG Grand Royal layouts:
|
|
28
|
+
- Single Slick V1 themes
|
|
29
|
+
- Multipage Slick V1 themes
|
|
80
30
|
|
|
81
|
-
|
|
31
|
+
### Patches in this release
|
|
32
|
+
- Social component
|
|
33
|
+
- Social icon links target property was not being passed to child button icons.
|
|
34
|
+
- Missing social icons previously added to the Icon component had not merged into the main release branch.
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* EventManager is a utility class for managing event listeners and dispatching custom events on an HTMLElement.
|
|
3
|
-
*
|
|
4
|
-
* @class
|
|
5
|
-
*/
|
|
6
|
-
export declare class EventManager {
|
|
7
|
-
/**
|
|
8
|
-
* The HTMLElement or object to which the event management is associated.
|
|
9
|
-
* @private
|
|
10
|
-
* @type {HTMLElement}
|
|
11
|
-
*/
|
|
12
|
-
private target;
|
|
13
|
-
/**
|
|
14
|
-
* Allows one or more event listeners to be assigned by the event manager on a HTMLElement or object.
|
|
15
|
-
* @private
|
|
16
|
-
* @type {Map}
|
|
17
|
-
*/
|
|
18
|
-
private listeners;
|
|
19
|
-
/**
|
|
20
|
-
* Creates an instance of EventManager.
|
|
21
|
-
*
|
|
22
|
-
* @constructor
|
|
23
|
-
* @param {EventTarget} target - The element or object to manage events for.
|
|
24
|
-
*/
|
|
25
|
-
constructor(target: EventTarget);
|
|
26
|
-
/**
|
|
27
|
-
* Adds an event listener to the associated HTMLElement or target object.
|
|
28
|
-
*
|
|
29
|
-
* @param {string} eventType - The type of the event to listen for.
|
|
30
|
-
* @param {EventListenerOrEventListenerObject} handler - The callback function to execute when the event is triggered.
|
|
31
|
-
* @param {AddEventListenerOptions} [options] - An options object that specifies characteristics about the event listener.
|
|
32
|
-
* @returns {() => void} - A function to remove the added event listener.
|
|
33
|
-
*/
|
|
34
|
-
addEventListener(eventType: string, handler: EventListenerOrEventListenerObject, options?: AddEventListenerOptions): () => void;
|
|
35
|
-
/**
|
|
36
|
-
* Removes an event listener from the associated HTMLElement or target object.
|
|
37
|
-
*
|
|
38
|
-
* @param {string} eventType - The type of the event for which to remove the listener.
|
|
39
|
-
* @param {EventListenerOrEventListenerObject} handler - The event listener function to remove.
|
|
40
|
-
* @param {EventListenerOptions} [options] - An options object that specifies characteristics about the event listener.
|
|
41
|
-
*/
|
|
42
|
-
removeEventListener(eventType: string, handler: EventListenerOrEventListenerObject, options?: EventListenerOptions): void;
|
|
43
|
-
/**
|
|
44
|
-
* Dispatches a custom event on the associated HTMLElement.
|
|
45
|
-
*
|
|
46
|
-
* @template T - The type of the event detail.
|
|
47
|
-
* @param {string} eventType - The type of the custom event.
|
|
48
|
-
* @param {T} detail - The data associated with the custom event.
|
|
49
|
-
* @param {CustomEventInit} [options] - An options object that specifies characteristics about the custom event.
|
|
50
|
-
*/
|
|
51
|
-
dispatchCustomEvent<T>(eventType: string, detail: T, options?: CustomEventInit): void;
|
|
52
|
-
}
|
package/dist/classes/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { EventManager } from './event-manager/event-manager';
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import { ButtonSize } from '../../types';
|
|
3
|
-
import '../box';
|
|
4
|
-
import '../text';
|
|
5
|
-
export declare class Badge extends LitElement {
|
|
6
|
-
size: ButtonSize;
|
|
7
|
-
colorBg: string | undefined;
|
|
8
|
-
colorText: string | undefined;
|
|
9
|
-
border?: boolean | undefined;
|
|
10
|
-
borderRadius: string;
|
|
11
|
-
opacity: string | undefined;
|
|
12
|
-
fontSize: string | undefined;
|
|
13
|
-
fontWeight: string | undefined;
|
|
14
|
-
fontStyle: string | undefined;
|
|
15
|
-
badgeStyles(): {};
|
|
16
|
-
badgeClasses(): any;
|
|
17
|
-
render(): import("lit").TemplateResult<1>;
|
|
18
|
-
static styles: import("lit").CSSResultArray;
|
|
19
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import type { ContentAlign, BoxPosition, BoxHeight } from '../../types';
|
|
3
|
-
import '../box/';
|
|
4
|
-
import '../vertical-stack/';
|
|
5
|
-
export declare class Banner extends LitElement {
|
|
6
|
-
height: BoxHeight;
|
|
7
|
-
contentPosition: BoxPosition;
|
|
8
|
-
contentFullWidth: boolean;
|
|
9
|
-
contentAlign: ContentAlign;
|
|
10
|
-
contentJustify: ContentAlign;
|
|
11
|
-
mobileContentJustify: string | undefined;
|
|
12
|
-
contentSpacing: string | undefined;
|
|
13
|
-
contentInnerPadding: string | undefined;
|
|
14
|
-
contentOuterPadding: string | undefined;
|
|
15
|
-
mobilePadding: string | undefined;
|
|
16
|
-
colorText: string | undefined;
|
|
17
|
-
colorBg: string | undefined;
|
|
18
|
-
opacity: string | undefined;
|
|
19
|
-
overlayColor: string | undefined;
|
|
20
|
-
overlayOpacity: number | undefined;
|
|
21
|
-
_mediaAspectRatio: undefined | string;
|
|
22
|
-
_mobileMediaAspectRatio: undefined | string;
|
|
23
|
-
_headerHeight: string;
|
|
24
|
-
_withoutContent: boolean;
|
|
25
|
-
constructor();
|
|
26
|
-
connectedCallback(): void;
|
|
27
|
-
disconnectedCallback(): void;
|
|
28
|
-
eventNotifications(event: any): Promise<void>;
|
|
29
|
-
handleSlotchange(e: Event): void;
|
|
30
|
-
bannerClasses(): any;
|
|
31
|
-
bannerStyles(): {};
|
|
32
|
-
bannercontentClasses(): any;
|
|
33
|
-
bannercontentStyles(): {};
|
|
34
|
-
contentOuter(): import("lit").TemplateResult<1>;
|
|
35
|
-
contentInner(fullWidth: boolean): import("lit").TemplateResult<1>;
|
|
36
|
-
content(): import("lit").TemplateResult<1>;
|
|
37
|
-
render(): import("lit").TemplateResult<1>;
|
|
38
|
-
static styles: import("lit").CSSResultArray;
|
|
39
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { LitElement, nothing } from 'lit';
|
|
2
|
-
import type { ImageLazy } from '../../types';
|
|
3
|
-
export declare class BannerImage extends LitElement {
|
|
4
|
-
imgAlt: string;
|
|
5
|
-
src: string | undefined;
|
|
6
|
-
imgSrcSet?: string | undefined;
|
|
7
|
-
sizes?: string | undefined;
|
|
8
|
-
width: number;
|
|
9
|
-
height: number;
|
|
10
|
-
mobileSrc?: string | undefined;
|
|
11
|
-
mobileSrcSet?: string | undefined;
|
|
12
|
-
mobileSizes?: string | undefined;
|
|
13
|
-
mobileHeight: number;
|
|
14
|
-
mobileWidth: number;
|
|
15
|
-
load: ImageLazy;
|
|
16
|
-
dispatchEvents(): void;
|
|
17
|
-
imageClasses(): any;
|
|
18
|
-
mobileImage(): import("lit").TemplateResult<1> | typeof nothing;
|
|
19
|
-
desktopImage(): import("lit").TemplateResult<1>;
|
|
20
|
-
getImage(): import("lit").TemplateResult<1>;
|
|
21
|
-
render(): import("lit").TemplateResult<1>;
|
|
22
|
-
static styles: import("lit").CSSResultArray;
|
|
23
|
-
}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import type { Direction } from '../../types';
|
|
3
|
-
export declare class Box extends LitElement {
|
|
4
|
-
maxWidth: number | undefined;
|
|
5
|
-
padding?: string | undefined;
|
|
6
|
-
mobilePadding?: string | undefined;
|
|
7
|
-
paddingTop?: string | undefined;
|
|
8
|
-
paddingRight?: string | undefined;
|
|
9
|
-
paddingBottom?: string | undefined;
|
|
10
|
-
paddingLeft?: string | undefined;
|
|
11
|
-
adaptivePadding: boolean;
|
|
12
|
-
colorText: string | undefined;
|
|
13
|
-
colorBg: string | undefined;
|
|
14
|
-
colorBlend: boolean;
|
|
15
|
-
blendDirection: Direction;
|
|
16
|
-
border?: boolean | undefined;
|
|
17
|
-
borderRadius: string;
|
|
18
|
-
opacity: string | undefined;
|
|
19
|
-
private _mergedPadding;
|
|
20
|
-
private _mobilePadding;
|
|
21
|
-
firstUpdated(): void;
|
|
22
|
-
updated(changedProperties: Map<string, any>): void;
|
|
23
|
-
getPadding(): string[][] | undefined;
|
|
24
|
-
boxStyles(): {};
|
|
25
|
-
boxClasses(): any;
|
|
26
|
-
render(): import("lit").TemplateResult<1>;
|
|
27
|
-
static styles: import("lit").CSSResultArray;
|
|
28
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import type { ButtonType, ButtonAs, ButtonSize, ButtonAlignLabel, ButtonStyle, LinkTarget, PaddingScale } from '../../types';
|
|
3
|
-
export declare class Button extends LitElement {
|
|
4
|
-
as: ButtonAs;
|
|
5
|
-
type: ButtonType;
|
|
6
|
-
for: string | undefined;
|
|
7
|
-
clickAction?: string | undefined;
|
|
8
|
-
url?: string | undefined;
|
|
9
|
-
target: LinkTarget;
|
|
10
|
-
size: ButtonSize;
|
|
11
|
-
buttonStyle: ButtonStyle;
|
|
12
|
-
borderRadius: PaddingScale | undefined;
|
|
13
|
-
textAlign: ButtonAlignLabel;
|
|
14
|
-
disabled: boolean;
|
|
15
|
-
fullWidth: boolean;
|
|
16
|
-
extendInteraction: boolean;
|
|
17
|
-
extendInteractionHidden: boolean;
|
|
18
|
-
colorBg: string | undefined;
|
|
19
|
-
colorBgOpacity: string | undefined;
|
|
20
|
-
colorText: string | undefined;
|
|
21
|
-
loading: boolean;
|
|
22
|
-
constructor();
|
|
23
|
-
private _extendedInteraction;
|
|
24
|
-
handleClick(): void;
|
|
25
|
-
buttonClasses(): any;
|
|
26
|
-
buttonStyles(): {};
|
|
27
|
-
buttonAs(): import("lit").TemplateResult<1> | undefined;
|
|
28
|
-
buttonContent(): import("lit").TemplateResult<1>;
|
|
29
|
-
render(): import("lit").TemplateResult<1>;
|
|
30
|
-
static styles: import("lit").CSSResultArray;
|
|
31
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import type { GroupSpacing, GroupAlign } from '../../types';
|
|
3
|
-
export declare class ButtonGroup extends LitElement {
|
|
4
|
-
spacing: GroupSpacing;
|
|
5
|
-
justify: GroupAlign;
|
|
6
|
-
mobileJustify: GroupAlign;
|
|
7
|
-
stack: boolean;
|
|
8
|
-
mobileStack: boolean;
|
|
9
|
-
buttonGroupClasses(): any;
|
|
10
|
-
render(): import("lit").TemplateResult<1>;
|
|
11
|
-
static styles: import("lit").CSSResultArray;
|
|
12
|
-
}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import type { ButtonAs, ButtonType, LinkTarget, Icons, FontBodySize } from '../../types';
|
|
3
|
-
import '../icon/';
|
|
4
|
-
export declare class ButtonIcon extends LitElement {
|
|
5
|
-
as: ButtonAs;
|
|
6
|
-
for?: string | undefined;
|
|
7
|
-
clickAction?: string | undefined;
|
|
8
|
-
url?: string | undefined;
|
|
9
|
-
target: LinkTarget;
|
|
10
|
-
type: ButtonType;
|
|
11
|
-
icon: Icons;
|
|
12
|
-
size: FontBodySize;
|
|
13
|
-
extendInteraction: boolean;
|
|
14
|
-
disabled: boolean;
|
|
15
|
-
padding: string;
|
|
16
|
-
border: boolean;
|
|
17
|
-
borderRadius: string | undefined;
|
|
18
|
-
borderWidth: string | undefined;
|
|
19
|
-
colorText: string | undefined;
|
|
20
|
-
colorBg: string | undefined;
|
|
21
|
-
colorBgOpacity: string | undefined;
|
|
22
|
-
label: string;
|
|
23
|
-
constructor();
|
|
24
|
-
private _extendedInteraction;
|
|
25
|
-
handleClick(): void;
|
|
26
|
-
buttonIconClasses(): any;
|
|
27
|
-
buttonIconStyles(): {};
|
|
28
|
-
buttonAs(): import("lit").TemplateResult<1> | undefined;
|
|
29
|
-
render(): import("lit").TemplateResult<1>;
|
|
30
|
-
static styles: import("lit").CSSResultArray;
|
|
31
|
-
}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import { EventManager } from '../../classes/event-manager/event-manager.js';
|
|
3
|
-
import type { ContentAlign, DecimalZeroToOne, BoxPosition } from '../../types';
|
|
4
|
-
import '../box/';
|
|
5
|
-
import '../vertical-stack/';
|
|
6
|
-
import '../popover/';
|
|
7
|
-
export declare class CaptionCard extends LitElement {
|
|
8
|
-
position: BoxPosition;
|
|
9
|
-
align: ContentAlign | undefined;
|
|
10
|
-
justify: ContentAlign | undefined;
|
|
11
|
-
padding?: string | undefined;
|
|
12
|
-
mobilePadding?: string | undefined;
|
|
13
|
-
spacing?: string | undefined;
|
|
14
|
-
colorBg: string | undefined;
|
|
15
|
-
colorText: string | undefined;
|
|
16
|
-
opacityBg: string | undefined;
|
|
17
|
-
colorBlend: boolean;
|
|
18
|
-
border: boolean;
|
|
19
|
-
borderRadius: undefined | string;
|
|
20
|
-
colorOverlay: undefined | string;
|
|
21
|
-
opacityOverlay: DecimalZeroToOne;
|
|
22
|
-
cardPopover: boolean;
|
|
23
|
-
_mediaAspectRatio: undefined | string;
|
|
24
|
-
_mobileMediaAspectRatio: undefined | string;
|
|
25
|
-
_popoverVisible: boolean;
|
|
26
|
-
cardEventManager: EventManager;
|
|
27
|
-
constructor();
|
|
28
|
-
connectedCallback(): void;
|
|
29
|
-
disconnectedCallback(): void;
|
|
30
|
-
private _eventsHandler;
|
|
31
|
-
popoverClose(): void;
|
|
32
|
-
cardClasses(): any;
|
|
33
|
-
cardStyles(): {};
|
|
34
|
-
captionClasses(): any;
|
|
35
|
-
popoverContent(): import("lit").TemplateResult<1> | undefined;
|
|
36
|
-
render(): import("lit").TemplateResult<1>;
|
|
37
|
-
static styles: import("lit").CSSResultArray;
|
|
38
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import '../modal';
|
|
3
|
-
import '../button-icon';
|
|
4
|
-
export declare class DeferredMedia extends LitElement {
|
|
5
|
-
source: string;
|
|
6
|
-
title: string;
|
|
7
|
-
enableModal: boolean;
|
|
8
|
-
showButtonOnHover: boolean;
|
|
9
|
-
_mediaAspectRatio: undefined | string;
|
|
10
|
-
_mobileMediaAspectRatio: undefined | string;
|
|
11
|
-
protected _videoPlaying: boolean;
|
|
12
|
-
protected _modalOpen: boolean;
|
|
13
|
-
constructor();
|
|
14
|
-
eventNotifications(event: any): Promise<void>;
|
|
15
|
-
handleButtonClick(event: any): void;
|
|
16
|
-
deferredMediaClasses(): any;
|
|
17
|
-
deferredMediaStyles(): {};
|
|
18
|
-
coverTemplate(): import("lit").TemplateResult<1>;
|
|
19
|
-
createModal(): import("lit").TemplateResult<1> | undefined;
|
|
20
|
-
videoTemplate(): import("lit").TemplateResult<1>;
|
|
21
|
-
renderVideoInPopup(): import("lit").TemplateResult<1> | undefined;
|
|
22
|
-
renderVideoInBlock(): import("lit").TemplateResult<1>;
|
|
23
|
-
render(): import("lit").TemplateResult<1>;
|
|
24
|
-
static styles: import("lit").CSSResultArray;
|
|
25
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import { AnimationDirection } from '../../types';
|
|
3
|
-
export declare class Disclosure extends LitElement {
|
|
4
|
-
direction: AnimationDirection;
|
|
5
|
-
overlay: boolean;
|
|
6
|
-
justifySummary: string;
|
|
7
|
-
iconAnimation: string;
|
|
8
|
-
_open: boolean;
|
|
9
|
-
_summary: HTMLDetailsElement;
|
|
10
|
-
_disclosure: HTMLDetailsElement;
|
|
11
|
-
_disclosureContent: HTMLDetailsElement;
|
|
12
|
-
connectedCallback(): void;
|
|
13
|
-
disconnectedCallback(): void;
|
|
14
|
-
closeDisclosure: () => void;
|
|
15
|
-
openDisclosure: () => void;
|
|
16
|
-
private _handleDisclosure;
|
|
17
|
-
private _handleSummaryClick;
|
|
18
|
-
summaryClasses(): any;
|
|
19
|
-
drawerClasses(): any;
|
|
20
|
-
contentClasses(): any;
|
|
21
|
-
render(): import("lit").TemplateResult<1>;
|
|
22
|
-
static styles: import("lit").CSSResultArray;
|
|
23
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import './event';
|
|
3
|
-
import './event-date';
|
|
4
|
-
import './event-content';
|
|
5
|
-
export declare class EventTable extends LitElement {
|
|
6
|
-
divider: boolean;
|
|
7
|
-
tableClasses(): any;
|
|
8
|
-
render(): import("lit").TemplateResult<1>;
|
|
9
|
-
static styles: import("lit").CSSResultArray;
|
|
10
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import type { PageWidth, PaddingScale } from '../../types';
|
|
3
|
-
export declare class Footer extends LitElement {
|
|
4
|
-
width: PageWidth;
|
|
5
|
-
paddingTop: PaddingScale;
|
|
6
|
-
paddingBottom: PaddingScale;
|
|
7
|
-
socialsHidden: boolean;
|
|
8
|
-
centerContent: boolean;
|
|
9
|
-
colortext: string;
|
|
10
|
-
colorBg: string;
|
|
11
|
-
footerClasses(): any;
|
|
12
|
-
footerStyles(): {};
|
|
13
|
-
footerInnerStyles(): {};
|
|
14
|
-
render(): import("lit").TemplateResult<1>;
|
|
15
|
-
static styles: import("lit").CSSResultArray;
|
|
16
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import './grid-cell';
|
|
3
|
-
export declare class Grid extends LitElement {
|
|
4
|
-
columns: number;
|
|
5
|
-
mobileColumns: string;
|
|
6
|
-
gapless?: boolean | undefined;
|
|
7
|
-
fill?: boolean | undefined;
|
|
8
|
-
gridClasses(): any;
|
|
9
|
-
gridStyles(): {};
|
|
10
|
-
render(): import("lit").TemplateResult<1>;
|
|
11
|
-
static styles: import("lit").CSSResultArray;
|
|
12
|
-
}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import { LitElement } from 'lit';
|
|
2
|
-
import type { HeaderLayout, PageWidth, PaddingScale } from '../../types';
|
|
3
|
-
export declare class Header extends LitElement {
|
|
4
|
-
width: PageWidth;
|
|
5
|
-
paddingTop: PaddingScale;
|
|
6
|
-
paddingBottom: PaddingScale;
|
|
7
|
-
layout: HeaderLayout;
|
|
8
|
-
logoHidden: boolean;
|
|
9
|
-
menuHidden: boolean;
|
|
10
|
-
socialsHidden: boolean;
|
|
11
|
-
signupHidden: boolean;
|
|
12
|
-
colorText: string;
|
|
13
|
-
colorBg: string;
|
|
14
|
-
sticky: boolean;
|
|
15
|
-
stickyHideOnScroll: boolean;
|
|
16
|
-
transparent: boolean;
|
|
17
|
-
_headerOuterHeight: number | undefined;
|
|
18
|
-
_transparentScrolling: boolean;
|
|
19
|
-
_currentScrollPosition: number;
|
|
20
|
-
_header: HTMLElement;
|
|
21
|
-
_menu: Array<HTMLElement>;
|
|
22
|
-
_resizeObserver?: ResizeObserver;
|
|
23
|
-
_debouncedEventsHandler: (e: any) => void;
|
|
24
|
-
protected firstUpdated(): void;
|
|
25
|
-
updated(changedProperties: Map<string, any>): void;
|
|
26
|
-
disconnectedCallback(): void;
|
|
27
|
-
private _initHeader;
|
|
28
|
-
private _eventsHandler;
|
|
29
|
-
private _removeTransparency;
|
|
30
|
-
private _stickyScroll;
|
|
31
|
-
headerClasses(): any;
|
|
32
|
-
headerStyles(): {};
|
|
33
|
-
headerInnerStyles(): {};
|
|
34
|
-
render(): import("lit").TemplateResult<1>;
|
|
35
|
-
static styles: import("lit").CSSResultArray;
|
|
36
|
-
}
|