@pushengineering/umg-web-components 2.0.6 → 3.0.1

package/dist/components/caption-card/card-popover.js

@@ -0,0 +1,230 @@
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+import '../box/box.js';
+import '../vertical-stack/vertical-stack.js';
+import '../horizontal-stack/horizontal-stack.js';
+import '../button-icon/button-icon.js';
+
+const { prefix } = settings;
+let CardPopover = class CardPopover extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.visible = false;
+    }
+    _closePopover() {
+        this.visible = false;
+        document.body.style.overflow = '';
+    }
+    popoverClasses() {
+        const classes = {
+            'popover--visible': this.visible
+        };
+        return classes;
+    }
+    popoverStyles() {
+        const styles = {
+            'visibility': this.visible ? 'visible' : 'hidden',
+        };
+        return styles;
+    }
+    closeButton() {
+        if (this.visible) {
+            return html `
+                <umg-button-icon
+                    part="close-button"
+                    class="close-button"
+                    icon="close"
+                    padding="4"
+                    @click="${this._closePopover}"
+                    >
+                </umg-button-icon>
+            `;
+        }
+    }
+    render() {
+        return html `
+            <div
+                id="popover-content"
+                role="tooltip"
+                class="popover color-popover${classMap(this.popoverClasses())}"
+                style="${styleMap(this.popoverStyles())}"
+                >
+                <div class="popover-inner">
+                    <div
+                        class="popover-content color-popover-content"
+                        aria-labelledby="popover"
+                        role="region"
+                        >
+                        <div class="popover-title">
+                            <slot name="title"></slot>
+                            ${this.closeButton()}
+                        </div>
+                        <slot name="content"></slot>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+};
+CardPopover.styles = mergeStyles([
+    global,
+    css `
+            .popover {
+                position: fixed;
+                visibility: hidden;
+                inset: 0;
+                z-index: 1000;
+                flex-direction: column;
+                justify-content: stretch;
+                overflow: hidden;
+                border-width: var(--umg-border-base-width, 0.0625rem);
+                border-style: solid;
+            }
+
+            .popover-inner {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                height: 100%;
+                width: 100%;
+                overflow-y: auto;
+            }
+            
+            .popover-content {
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: start;
+                gap: var(--umg-space-24);
+                padding: var(--umg-space-24);
+                width: 100%;
+            }
+
+            .popover-inner::-webkit-scrollbar {
+                width: 0.25rem;
+            }
+            .popover-inner::-webkit-scrollbar-track {
+                background: var(--umg-color-popover-text, rgb(0,0,0,0.05));
+                border-radius: var(--umg-border-radius-30);
+            }
+            .popover-inner::-webkit-scrollbar-thumb{
+                background: var(--umg-color-popover-text, rgb(0,0,0,0.1));
+                border-radius: var(--umg-border-radius-30);
+            }
+            
+            @supports (color: rgb(from white r g b)) {
+                .popover-inner::-webkit-scrollbar-track {
+                    background: rgb(from var(--umg-color-popover-text, rgb(0,0,0)) r g b / 0.05);
+                }
+                .popover-inner::-webkit-scrollbar-thumb{
+                    background: rgb(from var(--umg-color-popover-text, rgb(0,0,0)) r g b / 0.1);
+                }
+            }
+
+            @media only screen and (hover: hover) {
+                .close-button {
+                    display: none;
+                }
+                .popover {
+                    position: absolute;
+                    border-radius: var(--umg-border-base-corner-radius);
+                }
+                .popover-inner {
+                    opacity: 0;
+                    max-width: 320px;
+                    margin: 0 auto;
+                }
+                .popover--visible .popover-inner {
+                    opacity: 1;
+                    transition: opacity 0.3s
+                }
+                .popover-title {
+                    display: none;
+                }
+            }
+
+            @media screen and (hover: none) {
+                .close-button {
+                    display: block;
+                    margin-left: auto;
+                }
+                .popover {
+                    border: none;
+                }
+                .popover-inner {
+                    padding: var(--umg-space-24);
+                    transform: translateX(100%);
+                    margin: 0 auto;
+                }
+                .popover--visible .popover-inner {
+                    transform: translateX(0);
+                    transition: all 0.3s
+                }
+                .popover-content {
+                    border-radius: var(--umg-border-radius-30);
+                    padding: var(--umg-space-24);
+                    border-width: var(--umg-border-base-width, 0.0625rem);
+                    border-style: solid;
+                }
+                .popover-title {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    width: 100%;
+                }
+            }
+
+            /* Colour classes */
+            .color-popover {
+                background-color: var(--umg-color-popover-background, rgb(255,255,255,0.9));
+                border-color: var(--umg-color-popover-text, rgb(240,240,240));
+            }
+            .color-popover-content {
+                color: var(--umg-color-popover-text, rgb(0,0,0));
+                background-color: transparent;
+                --umg-color-base-text: var(--umg-color-popover-text);
+                --umg-color-base-background: transparent;
+            }
+
+            @supports (color: rgb(from white r g b)) {
+                .color-popover {
+                    background-color: rgb(from var(--umg-color-popover-background, rgb(255,255,255)) r g b / 1);
+                    border-color: rgb(from var(--umg-color-popover-text, rgb(240,240,240)) r g b / 1);
+
+                }
+                .color-popover-content {
+                    color: rgb(from var(--umg-color-popover-text, rgb(0,0,0)) r g b / 1);
+                }
+            }
+
+            @media screen and (hover: none) {
+                .color-popover-content {
+                    background-color: var(--umg-color-popover-background, rgb(255,255,255));
+                    border-color: var(--umg-color-popover-text, rgb(240,240,240));
+                }
+                @supports (color: rgb(from white r g b)) {
+                    .color-popover-content {
+                        background-color: rgb(from var(--umg-color-popover-background, rgb(255,255,255)) r g b / 1);
+                        border-color: rgb(from var(--umg-color-popover-text, rgb(240,240,240)) r g b / 1);
+                    }
+                }
+            }
+        `,
+]);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CardPopover.prototype, "visible", void 0);
+CardPopover = __decorate([
+    customElement(`${prefix}-card-popover`)
+], CardPopover);
+
+export { CardPopover };
+//# sourceMappingURL=card-popover.js.map

package/dist/components/caption-card/card-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-popover.js","sources":["../../../src/components/caption-card/card-popover.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAgBA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,UAAU,CAAA;AAApC,IAAA,WAAA,GAAA;;QAGH,IAAO,CAAA,OAAA,GAAG,KAAK,CAAA;KAgNlB;IA9MW,aAAa,GAAA;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;QACpB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAC,EAAE,CAAA;KAClC;IAED,cAAc,GAAA;AACV,QAAA,MAAM,OAAO,GAAQ;YACjB,kBAAkB,EAAE,IAAI,CAAC,OAAO;SACnC,CAAA;AACD,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,aAAa,GAAA;AACT,QAAA,MAAM,MAAM,GAAG;YACX,YAAY,EAAE,IAAI,CAAC,OAAO,GAAG,SAAS,GAAG,QAAQ;SACpD,CAAA;AAED,QAAA,OAAO,MAAM,CAAA;KAChB;IAED,WAAW,GAAA;AACP,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,OAAO,IAAI,CAAA,CAAA;;;;;;AAMO,4BAAA,EAAA,IAAI,CAAC,aAAa,CAAA;;;aAGnC,CAAA;SACJ;KACJ;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;;;;AAI2B,4CAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;AACpD,uBAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAA;;;;;;;;;;8BAUzB,IAAI,CAAC,WAAW,EAAE,CAAA;;;;;;SAMvC,CAAA;KACJ;;AAEM,WAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8IF,QAAA,CAAA;AACJ,CAAA,CAAC,CAAA;AA/MF,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC5B,CAAA,EAAA,WAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAHN,WAAW,GAAA,UAAA,CAAA;AAFvB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,aAAA,CAAe,CAAC;AAE3B,CAAA,EAAA,WAAW,CAmNvB;;;;"}

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

@@ -1,2 +1,3 @@
 import { CaptionCard } from './caption-card';
 export { CaptionCard };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/caption-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,CAAA"}

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

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import '../modal';
+import '../media-modal';
 import '../button-icon';
 export declare class DeferredMedia extends LitElement {
     source: string;
@@ -23,3 +23,4 @@ export declare class DeferredMedia extends LitElement {
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=deferred-media.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"deferred-media.d.ts","sourceRoot":"","sources":["../../../src/components/deferred-media/deferred-media.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAY3C,OAAO,gBAAgB,CAAA;AACvB,OAAO,gBAAgB,CAAA;AAIvB,qBAEa,aAAc,SAAQ,UAAU;IAGzC,MAAM,SAAK;IAGX,KAAK,SAAK;IAGV,WAAW,UAAQ;IAGnB,iBAAiB,UAAQ;IAGzB,iBAAiB,EAAE,SAAS,GAAG,MAAM,CAAA;IAGrC,uBAAuB,EAAE,SAAS,GAAG,MAAM,CAAA;IAG3C,SAAS,CAAC,aAAa,UAAQ;IAG/B,SAAS,CAAC,UAAU,UAAQ;;IAUtB,kBAAkB,CAAC,KAAK,EAAE,GAAG;IAanC,iBAAiB,CAAC,KAAK,EAAE,GAAG;IAc5B,oBAAoB;IAQpB,mBAAmB;IAuBnB,aAAa;IAqBb,WAAW;IAaX,aAAa;IAiBb,kBAAkB;IAQlB,kBAAkB;IAOlB,MAAM;IAgBN,MAAM,CAAC,MAAM,+BAqDX;CACL"}

package/dist/components/deferred-media/deferred-media.js

@@ -1,51 +1,88 @@
-import { css as c, LitElement as u, html as a } from "lit";
-import { customElement as h } from "lit/decorators/custom-element.js";
-import { property as s } from "lit/decorators/property.js";
-import { state as l } from "lit/decorators/state.js";
-import { classMap as f } from "lit/directives/class-map.js";
-import { styleMap as b } from "lit/directives/style-map.js";
-import { global as y } from "../../styles/global.js";
-import { settings as _ } from "../../scripts/settings.js";
-import { mergeStyles as v } from "../../scripts/mergeStyles.js";
-import "../modal/modal.js";
-import "../button-icon/button-icon.js";
-var g = Object.defineProperty, M = Object.getOwnPropertyDescriptor, i = (e, r, n, d) => {
-  for (var o = d > 1 ? void 0 : d ? M(r, n) : r, p = e.length - 1, m; p >= 0; p--)
-    (m = e[p]) && (o = (d ? m(r, n, o) : m(o)) || o);
-  return d && o && g(r, n, o), o;
-};
-const { prefix: A } = _;
-let t = class extends u {
-  constructor() {
-    super(), this.source = "", this.title = "", this.enableModal = !1, this.showButtonOnHover = !1, this._videoPlaying = !1, this._modalOpen = !1, this.addEventListener("open-modal", this.handleButtonClick), this.addEventListener("close-modal", this.handleButtonClick), this.addEventListener("media-details", this.eventNotifications);
-  }
-  async eventNotifications(e) {
-    e.type === "media-details" && (e.detail.mediaAspectRatio && (this._mediaAspectRatio = e.detail.mediaAspectRatio.toString()), e.detail.mobileMediaAspectRatio ? this._mobileMediaAspectRatio = e.detail.mobileMediaAspectRatio.toString() : e.detail.mediaAspectRatio && (this._mobileMediaAspectRatio = e.detail.mobileMediaAspectRatio.toString()));
-  }
-  handleButtonClick(e) {
-    e.type === "open-modal" && (this.enableModal ? this._modalOpen = !0 : this._videoPlaying = !0), e.type === "close-modal" && (this._videoPlaying = !1, this._modalOpen = !1);
-  }
-  deferredMediaClasses() {
-    return {
-      "deferred-media": !0,
-      "deferred-media--button-hover": this.showButtonOnHover
-    };
-  }
-  deferredMediaStyles() {
-    let e = {};
-    return this._mediaAspectRatio && (e = {
-      ...e,
-      "--um-aspect-ratio": this._mediaAspectRatio
-    }), this._mobileMediaAspectRatio ? e = {
-      ...e,
-      "--um-mobile-aspect-ratio": this._mobileMediaAspectRatio
-    } : this._mediaAspectRatio && (e = {
-      ...e,
-      "--um-mobile-aspect-ratio": this._mediaAspectRatio
-    }), e;
-  }
-  coverTemplate() {
-    return a`
+import { __decorate } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.16.1_tslib@2.6.2_typescript@5.4.5/node_modules/tslib/tslib.es6.js';
+import { css, LitElement, html } from 'lit';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { state } from 'lit/decorators/state.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+import '../media-modal/media-modal.js';
+import '../button-icon/button-icon.js';
+
+const { prefix } = settings;
+let DeferredMedia = class DeferredMedia extends LitElement {
+    constructor() {
+        super();
+        this.source = '';
+        this.title = '';
+        this.enableModal = false;
+        this.showButtonOnHover = false;
+        this._videoPlaying = false;
+        this._modalOpen = false;
+        this.addEventListener('open-modal', this.handleButtonClick);
+        this.addEventListener('close-modal', this.handleButtonClick);
+        this.addEventListener('media-details', this.eventNotifications);
+    }
+    async eventNotifications(event) {
+        if (event.type === 'media-details') {
+            if (event.detail.mediaAspectRatio) {
+                this._mediaAspectRatio = event.detail.mediaAspectRatio.toString();
+            }
+            if (event.detail.mobileMediaAspectRatio) {
+                this._mobileMediaAspectRatio = event.detail.mobileMediaAspectRatio.toString();
+            }
+            else if (event.detail.mediaAspectRatio) {
+                this._mobileMediaAspectRatio = event.detail.mobileMediaAspectRatio.toString();
+            }
+        }
+    }
+    handleButtonClick(event) {
+        if (event.type === 'open-modal') {
+            if (!this.enableModal) {
+                this._videoPlaying = true;
+            }
+            else {
+                this._modalOpen = true;
+            }
+        }
+        if (event.type === 'close-modal') {
+            this._videoPlaying = false;
+            this._modalOpen = false;
+        }
+    }
+    deferredMediaClasses() {
+        const classes = {
+            'deferred-media': true,
+            'deferred-media--button-hover': this.showButtonOnHover,
+        };
+        return classes;
+    }
+    deferredMediaStyles() {
+        let styles = {};
+        if (this._mediaAspectRatio) {
+            styles = {
+                ...styles,
+                '--umg-aspect-ratio': this._mediaAspectRatio,
+            };
+        }
+        if (this._mobileMediaAspectRatio) {
+            styles = {
+                ...styles,
+                '--umg-mobile-aspect-ratio': this._mobileMediaAspectRatio,
+            };
+        }
+        else if (this._mediaAspectRatio) {
+            styles = {
+                ...styles,
+                '--umg-mobile-aspect-ratio': this._mediaAspectRatio,
+            };
+        }
+        return styles;
+    }
+    coverTemplate() {
+        return html `
             <slot name="image"></slot>
             <div class="deferred-media__play">
                 <slot name="media-play">
@@ -53,34 +90,31 @@ let t = class extends u {
                         clickAction="open-modal" 
                         type="button" 
                         icon="play" 
-                        size="3xLarge" 
+                        size="3xlarge" 
                         label="Click to play a video" 
-                        borderRadius="full" 
-                        borderWidth='40' 
-                        colorBgOpacity="0.1"
-                        padding="24"
                         extendInteraction
-                        ?border=${!0}
+                        ?border=${true}
                         exportparts="button-icon"
                         >
                     </umg-button-icon>
                 </slot>
             </div>
         `;
-  }
-  createModal() {
-    if (this.enableModal)
-      return a`
-                <umg-modal
+    }
+    createModal() {
+        if (this.enableModal) {
+            return html `
+                <umg-media-modal
                     layout="single"
                     ?visible=${this._modalOpen}
                     >
                     ${this.renderVideoInPopup()}
-                </umg-modal>
+                </umg-media-modal>
             `;
-  }
-  videoTemplate() {
-    return a`
+        }
+    }
+    videoTemplate() {
+        return html `
             <div
                 slot="content"
                 class="video-container"
@@ -94,24 +128,25 @@ let t = class extends u {
                 ></iframe>
             </div>
         `;
-  }
-  renderVideoInPopup() {
-    if (this._modalOpen)
-      return a`
+    }
+    renderVideoInPopup() {
+        if (this._modalOpen) {
+            return html `
                 ${this.videoTemplate()}
             `;
-  }
-  renderVideoInBlock() {
-    return a`
-            ${this._videoPlaying ? this.videoTemplate() : this.coverTemplate()}
+        }
+    }
+    renderVideoInBlock() {
+        return html `
+            ${!this._videoPlaying ? this.coverTemplate() : this.videoTemplate()}
         `;
-  }
-  render() {
-    return a`
+    }
+    render() {
+        return html `
             <div
                 part="deferred-media"
-                class="${f(this.deferredMediaClasses())}"
-                style="${b(this.deferredMediaStyles())}"
+                class="${classMap(this.deferredMediaClasses())}"
+                style="${styleMap(this.deferredMediaStyles())}"
                 ?enableModal=${this.enableModal}
                 >
                 <div class="deferred-media__image">
@@ -120,27 +155,26 @@ let t = class extends u {
                 ${this.createModal()}
             </div>
         `;
-  }
+    }
 };
-t.styles = v([
-  y,
-  c`
+DeferredMedia.styles = mergeStyles([
+    global,
+    css `
             .deferred-media {
                 width: 100%;
             }
 
-            
             /* Adapt banner to media height */
             .deferred-media__image {
                 position: relative;
                 width: 100%;
-                aspect-ratio: var(--um-mobile-aspect-ratio);
+                aspect-ratio: var(--umg-mobile-aspect-ratio);
                 height: auto;
             }
 
             @media only screen and (min-width: 30.06rem) {
                 .deferred-media__image {
-                    aspect-ratio: var(--um-aspect-ratio);
+                    aspect-ratio: var(--umg-aspect-ratio);
                 }
             }
 
@@ -151,6 +185,8 @@ t.styles = v([
                 align-items: center;
                 justify-content: center;
                 z-index: 100;
+                --umg-space-padding: 1.5rem;
+                --umg-border-base-corner-radius: 3rem;
             }
             .video-container {
                 height: 0;
@@ -165,11 +201,6 @@ t.styles = v([
                 position: absolute;
                 width: 100%;
             }
-            umg-button-icon::part(button-icon) {
-                --um-space-button-icon-padding: var(--um-space-media-button-padding, var(--um-space-24, 1.5rem));
-                --um-color-button-icon-text: var(--um-color-button-media-icon-text, 255,255,255);
-                --um-color-button-icon-bg: var(--um-color-button-media-icon-bg, 255,255,255);
-            }
             .deferred-media--button-hover .deferred-media__play {
                 opacity: 0;
                 background-color: rgb(0,0,0,0.2);
@@ -178,35 +209,35 @@ t.styles = v([
             .deferred-media--button-hover .deferred-media__play:hover {
                 opacity: 1;
             }
-        `
+        `,
 ]);
-i([
-  s({ type: String })
-], t.prototype, "source", 2);
-i([
-  s({ type: String })
-], t.prototype, "title", 2);
-i([
-  s({ type: Boolean })
-], t.prototype, "enableModal", 2);
-i([
-  s({ type: Boolean })
-], t.prototype, "showButtonOnHover", 2);
-i([
-  l()
-], t.prototype, "_mediaAspectRatio", 2);
-i([
-  l()
-], t.prototype, "_mobileMediaAspectRatio", 2);
-i([
-  l()
-], t.prototype, "_videoPlaying", 2);
-i([
-  l()
-], t.prototype, "_modalOpen", 2);
-t = i([
-  h(`${A}-deferred-media`)
-], t);
-export {
-  t as DeferredMedia
-};
+__decorate([
+    property({ type: String })
+], DeferredMedia.prototype, "source", void 0);
+__decorate([
+    property({ type: String })
+], DeferredMedia.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean })
+], DeferredMedia.prototype, "enableModal", void 0);
+__decorate([
+    property({ type: Boolean })
+], DeferredMedia.prototype, "showButtonOnHover", void 0);
+__decorate([
+    state()
+], DeferredMedia.prototype, "_mediaAspectRatio", void 0);
+__decorate([
+    state()
+], DeferredMedia.prototype, "_mobileMediaAspectRatio", void 0);
+__decorate([
+    state()
+], DeferredMedia.prototype, "_videoPlaying", void 0);
+__decorate([
+    state()
+], DeferredMedia.prototype, "_modalOpen", void 0);
+DeferredMedia = __decorate([
+    customElement(`${prefix}-deferred-media`)
+], DeferredMedia);
+
+export { DeferredMedia };
+//# sourceMappingURL=deferred-media.js.map

package/dist/components/deferred-media/deferred-media.js.map

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

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

@@ -1,2 +1,3 @@
 import { DeferredMedia } from './deferred-media';
 export { DeferredMedia };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/deferred-media/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,aAAa,EAAE,CAAA"}

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

@@ -2,9 +2,15 @@ import { LitElement } from 'lit';
 import { AnimationDirection } from '../../types';
 export declare class Disclosure extends LitElement {
     direction: AnimationDirection;
+    mobileDirectionInverse: boolean;
     overlay: boolean;
-    justifySummary: string;
+    summaryWidth: string;
+    detailsWidth: string;
+    justify: string;
+    mobileJustify: string;
     iconAnimation: string;
+    border: boolean;
+    align: string | undefined;
     _open: boolean;
     _summary: HTMLDetailsElement;
     _disclosure: HTMLDetailsElement;
@@ -17,7 +23,9 @@ export declare class Disclosure extends LitElement {
     private _handleSummaryClick;
     summaryClasses(): any;
     drawerClasses(): any;
+    drawerStyles(): {};
     contentClasses(): any;
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=disclosure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"disclosure.d.ts","sourceRoot":"","sources":["../../../src/components/disclosure/disclosure.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAO3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAShD,qBAEa,UAAW,SAAQ,UAAU;IAGtC,SAAS,EAAE,kBAAkB,CAAS;IAGtC,sBAAsB,UAAQ;IAG9B,OAAO,UAAQ;IAGf,YAAY,SAAgB;IAG5B,YAAY,SAAgB;IAG5B,OAAO,SAAU;IAGjB,aAAa,SAAU;IAGvB,aAAa,SAAS;IAGtB,MAAM,UAAQ;IAGd,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAGzB,KAAK,UAAQ;IAGb,QAAQ,EAAG,kBAAkB,CAAA;IAG7B,WAAW,EAAG,kBAAkB,CAAA;IAGhC,kBAAkB,EAAG,kBAAkB,CAAA;IAEvC,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAKrB,eAAe,aAMrB;IAEM,cAAc,aAMpB;IAED,OAAO,CAAC,iBAAiB,CAKxB;IAED,OAAO,CAAC,mBAAmB;IA+B3B,cAAc;IAUd,aAAa;IAYb,YAAY;IA4BZ,cAAc;IAcd,MAAM;IAmCN,MAAM,CAAC,MAAM,+BAmOX;CACL"}