@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.
Files changed (103) hide show
  1. package/package.json +1 -1
  2. package/readme.md +22 -69
  3. package/dist/classes/event-manager/event-manager.d.ts +0 -52
  4. package/dist/classes/event-manager/types.d.ts +0 -6
  5. package/dist/classes/index.d.ts +0 -1
  6. package/dist/components/badge/badge.d.ts +0 -19
  7. package/dist/components/badge/index.d.ts +0 -2
  8. package/dist/components/banner/banner.d.ts +0 -39
  9. package/dist/components/banner/index.d.ts +0 -3
  10. package/dist/components/banner-image/banner-image.d.ts +0 -23
  11. package/dist/components/banner-image/index.d.ts +0 -2
  12. package/dist/components/box/box.d.ts +0 -28
  13. package/dist/components/box/index.d.ts +0 -2
  14. package/dist/components/button/button.d.ts +0 -31
  15. package/dist/components/button/index.d.ts +0 -2
  16. package/dist/components/button-group/button-group.d.ts +0 -12
  17. package/dist/components/button-group/index.d.ts +0 -2
  18. package/dist/components/button-icon/button-icon.d.ts +0 -31
  19. package/dist/components/button-icon/index.d.ts +0 -2
  20. package/dist/components/caption-card/caption-card.d.ts +0 -38
  21. package/dist/components/caption-card/index.d.ts +0 -2
  22. package/dist/components/deferred-media/deferred-media.d.ts +0 -25
  23. package/dist/components/deferred-media/index.d.ts +0 -2
  24. package/dist/components/disclosure/disclosure.d.ts +0 -23
  25. package/dist/components/disclosure/index.d.ts +0 -2
  26. package/dist/components/event-table/event-content.d.ts +0 -7
  27. package/dist/components/event-table/event-date.d.ts +0 -5
  28. package/dist/components/event-table/event-table.d.ts +0 -10
  29. package/dist/components/event-table/event.d.ts +0 -5
  30. package/dist/components/event-table/index.d.ts +0 -2
  31. package/dist/components/footer/footer.d.ts +0 -16
  32. package/dist/components/footer/index.d.ts +0 -2
  33. package/dist/components/grid/grid-cell.d.ts +0 -5
  34. package/dist/components/grid/grid.d.ts +0 -12
  35. package/dist/components/grid/index.d.ts +0 -2
  36. package/dist/components/header/header.d.ts +0 -36
  37. package/dist/components/header/index.d.ts +0 -2
  38. package/dist/components/header-drawer/header-drawer.d.ts +0 -32
  39. package/dist/components/header-drawer/index.d.ts +0 -2
  40. package/dist/components/header-drawer/menu-drawer.d.ts +0 -13
  41. package/dist/components/horizontal-stack/horizontal-stack.d.ts +0 -13
  42. package/dist/components/horizontal-stack/index.d.ts +0 -2
  43. package/dist/components/icon/icon.d.ts +0 -14
  44. package/dist/components/icon/index.d.ts +0 -2
  45. package/dist/components/image/image.d.ts +0 -19
  46. package/dist/components/image/index.d.ts +0 -2
  47. package/dist/components/index.d.ts +0 -41
  48. package/dist/components/link/index.d.ts +0 -2
  49. package/dist/components/link/link.d.ts +0 -10
  50. package/dist/components/link-group/index.d.ts +0 -2
  51. package/dist/components/link-group/link-group.d.ts +0 -13
  52. package/dist/components/logo/index.d.ts +0 -2
  53. package/dist/components/logo/logo.d.ts +0 -19
  54. package/dist/components/media-gallery/index.d.ts +0 -2
  55. package/dist/components/media-gallery/media-gallery.d.ts +0 -14
  56. package/dist/components/media-gallery/media.d.ts +0 -5
  57. package/dist/components/media-text/index.d.ts +0 -2
  58. package/dist/components/media-text/media-text.d.ts +0 -30
  59. package/dist/components/media-text/styles/media-size.d.ts +0 -1
  60. package/dist/components/menu/index.d.ts +0 -2
  61. package/dist/components/menu/menu.d.ts +0 -36
  62. package/dist/components/menu-bar/index.d.ts +0 -2
  63. package/dist/components/menu-bar/menu-bar.d.ts +0 -16
  64. package/dist/components/modal/index.d.ts +0 -2
  65. package/dist/components/modal/modal.d.ts +0 -13
  66. package/dist/components/multiselect/index.d.ts +0 -2
  67. package/dist/components/multiselect/multiselect.d.ts +0 -60
  68. package/dist/components/number-field/index.d.ts +0 -2
  69. package/dist/components/number-field/number-field.d.ts +0 -28
  70. package/dist/components/overlay/index.d.ts +0 -2
  71. package/dist/components/overlay/overlay.d.ts +0 -13
  72. package/dist/components/page/index.d.ts +0 -2
  73. package/dist/components/page/page.d.ts +0 -13
  74. package/dist/components/popover/index.d.ts +0 -2
  75. package/dist/components/popover/popover.d.ts +0 -19
  76. package/dist/components/rich-text/index.d.ts +0 -2
  77. package/dist/components/rich-text/rich-text.d.ts +0 -11
  78. package/dist/components/section/index.d.ts +0 -2
  79. package/dist/components/section/section.d.ts +0 -33
  80. package/dist/components/select/index.d.ts +0 -2
  81. package/dist/components/select/select.d.ts +0 -44
  82. package/dist/components/slider/index.d.ts +0 -2
  83. package/dist/components/slider/slide.d.ts +0 -8
  84. package/dist/components/slider/slider-controls.d.ts +0 -27
  85. package/dist/components/slider/slider.d.ts +0 -68
  86. package/dist/components/slider/styles/controls.d.ts +0 -1
  87. package/dist/components/slider/styles/slider.d.ts +0 -1
  88. package/dist/components/socials/index.d.ts +0 -2
  89. package/dist/components/socials/socials.d.ts +0 -26
  90. package/dist/components/table/index.d.ts +0 -2
  91. package/dist/components/table/table.d.ts +0 -13
  92. package/dist/components/text/index.d.ts +0 -2
  93. package/dist/components/text/text.d.ts +0 -24
  94. package/dist/components/text-field/index.d.ts +0 -2
  95. package/dist/components/text-field/text-field.d.ts +0 -25
  96. package/dist/components/thumbnail-slider/index.d.ts +0 -2
  97. package/dist/components/thumbnail-slider/thumbnail-slide.d.ts +0 -5
  98. package/dist/components/thumbnail-slider/thumbnail-slider.d.ts +0 -20
  99. package/dist/components/vertical-stack/index.d.ts +0 -2
  100. package/dist/components/vertical-stack/vertical-stack.d.ts +0 -13
  101. package/dist/components/video/index.d.ts +0 -2
  102. package/dist/components/video/video.d.ts +0 -29
  103. package/dist/types.d.ts +0 -66
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pushengineering/umg-web-components",
3
- "version": "2.0.3",
3
+ "version": "2.0.5",
4
4
  "type": "module",
5
5
  "module": "dist/components/index.js",
6
6
  "files": [
package/readme.md CHANGED
@@ -1,81 +1,34 @@
1
- # Table of Contents
2
1
 
3
- - [Table of Contents](#table-of-contents)
4
- - [UMG UX Components Library README](#umg-ux-components-library-readme)
5
- - [Learn More about Web Components](#learn-more-about-web-components)
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
- # UMG UX Components Library README
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
- ## Learn More about Web Components
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
- 2. Initialise the project by running the following command in your terminal within the project's root directory:
47
- ```
48
- pnpm install
49
- ```
12
+ Install the package as dependency of your application:
50
13
 
51
- ## Build scripts
14
+ `npm i @pushengineering/umg-web-components`
15
+ `yarn add @pushengineering/umg-web-components`
16
+ `pnpm add @pushengineering/umg-web-components`
52
17
 
53
- We've provided various build scripts to streamline your development process:
18
+ Install Lit as a dependency:
54
19
 
55
- - Develop components: `pnpm dev`
56
- - Develop Storybook: `pnpm dev-storybook`
57
- - Build components and design tokens: `pnpm build`
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
- - Component Variations: Explore different variations and configurations of each component, helping you tailor them to your specific project requirements.
24
+ [Push Engineering Git Repository](https://github.com/Push-Entertainment/umg-component-library)
78
25
 
79
- - Interactive Documentation: Access detailed documentation and usage examples for each component, making it easier to implement them effectively in your project.
26
+ ## Release Version 2
27
+ - Supports UMG Grand Royal layouts:
28
+ - Single Slick V1 themes
29
+ - Multipage Slick V1 themes
80
30
 
81
- The Storybook application can be loaded into a browser by running `pnpm dev-storybook` in `node_modules/@pushengineering/umg-components`.
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
- }
@@ -1,6 +0,0 @@
1
- export interface SlideEvent extends CustomEvent {
2
- detail: {
3
- slideNumber: string;
4
- mediaId: string;
5
- };
6
- }
@@ -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,2 +0,0 @@
1
- import { Badge } from './badge';
2
- export { Badge };
@@ -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,3 +0,0 @@
1
- import { Banner } from './banner';
2
- import { BannerImage } from '../banner-image/';
3
- export { Banner, BannerImage };
@@ -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,2 +0,0 @@
1
- import { BannerImage } from './banner-image';
2
- export { BannerImage };
@@ -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,2 +0,0 @@
1
- import { Box } from './box';
2
- export { Box };
@@ -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,2 +0,0 @@
1
- import { Button } from './button';
2
- export { Button };
@@ -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,2 +0,0 @@
1
- import { ButtonGroup } from './button-group';
2
- export { ButtonGroup };
@@ -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,2 +0,0 @@
1
- import { ButtonIcon } from './button-icon';
2
- export { ButtonIcon };
@@ -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,2 +0,0 @@
1
- import { CaptionCard } from './caption-card';
2
- export { CaptionCard };
@@ -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,2 +0,0 @@
1
- import { DeferredMedia } from './deferred-media';
2
- export { DeferredMedia };
@@ -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,2 +0,0 @@
1
- import { Disclosure } from './disclosure';
2
- export { Disclosure };
@@ -1,7 +0,0 @@
1
- import { LitElement } from 'lit';
2
- export declare class EventContent extends LitElement {
3
- divider: boolean;
4
- inlineClasses(): any;
5
- render(): import("lit").TemplateResult<1>;
6
- static styles: import("lit").CSSResultArray;
7
- }
@@ -1,5 +0,0 @@
1
- import { LitElement } from 'lit';
2
- export declare class EventDate extends LitElement {
3
- render(): import("lit").TemplateResult<1>;
4
- static styles: import("lit").CSSResultArray;
5
- }
@@ -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,5 +0,0 @@
1
- import { LitElement } from 'lit';
2
- export declare class Event extends LitElement {
3
- render(): import("lit").TemplateResult<1>;
4
- static styles: import("lit").CSSResultArray;
5
- }
@@ -1,2 +0,0 @@
1
- import { EventTable } from './event-table';
2
- export { EventTable };
@@ -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,2 +0,0 @@
1
- import { Footer } from './footer';
2
- export { Footer };
@@ -1,5 +0,0 @@
1
- import { LitElement } from 'lit';
2
- export declare class GridCell extends LitElement {
3
- render(): import("lit").TemplateResult<1>;
4
- static styles: import("lit").CSSResultArray;
5
- }
@@ -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,2 +0,0 @@
1
- import { Grid } from './grid';
2
- export { Grid };
@@ -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
- }
@@ -1,2 +0,0 @@
1
- import { Header } from './header';
2
- export { Header };