@pushengineering/umg-web-components 2.0.2 → 2.0.4

package/dist/{packages/web-components/components → components}/caption-card/caption-card.js

@@ -1,29 +1,26 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as l } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as m } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as u } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as o } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as d } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js";
-import { ifDefined as v } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/if-defined.js";
-import { classMap as h } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { styleMap as f } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
-import { EventManager as g } from "../../classes/event-manager/event-manager.js";
-import { global as b } from "../../styles/global.js";
-import { settings as y } from "../../scripts/settings.js";
-import { mergeStyles as _ } from "../../scripts/mergeStyles.js";
+import { css as m, LitElement as u, html as l } from "lit";
+import { customElement as g } from "lit/decorators/custom-element.js";
+import { property as o } from "lit/decorators/property.js";
+import { state as d } from "lit/decorators/state.js";
+import { ifDefined as v } from "lit/directives/if-defined.js";
+import { classMap as h } from "lit/directives/class-map.js";
+import { styleMap as f } from "lit/directives/style-map.js";
+import { EventManager as b } from "../../classes/event-manager/event-manager.js";
+import { global as y } from "../../styles/global.js";
+import { settings as _ } from "../../scripts/settings.js";
+import { mergeStyles as x } from "../../scripts/mergeStyles.js";
 import "../box/box.js";
 import "../vertical-stack/vertical-stack.js";
 import "../popover/popover.js";
-import { css as x } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
 var E = Object.defineProperty, C = Object.getOwnPropertyDescriptor, i = (t, r, s, n) => {
   for (var a = n > 1 ? void 0 : n ? C(r, s) : r, p = t.length - 1, c; p >= 0; p--)
     (c = t[p]) && (a = (n ? c(r, s, a) : c(a)) || a);
   return n && a && E(r, s, a), a;
 };
-const { prefix: M } = y;
-let e = class extends m {
+const { prefix: M } = _;
+let e = class extends u {
   constructor() {
-    super(), this.position = "under", this.colorBlend = !1, this.border = !1, this.opacityOverlay = 0, this.cardPopover = !1, this._popoverVisible = !1, this.cardEventManager = new g(this), this._eventsHandler = (t) => {
+    super(), this.position = "under", this.colorBlend = !1, this.border = !1, this.opacityOverlay = 0, this.cardPopover = !1, this._popoverVisible = !1, this.cardEventManager = new b(this), this._eventsHandler = (t) => {
       t.type === "media-details" && (t.detail.mediaAspectRatio && (this._mediaAspectRatio = t.detail.mediaAspectRatio.toString()), t.detail.mobileMediaAspectRatio ? this._mobileMediaAspectRatio = t.detail.mobileMediaAspectRatio.toString() : t.detail.mediaAspectRatio && (this._mediaAspectRatio = t.detail.mediaAspectRatio.toString())), this.cardPopover && (t.pointerType !== "touch" && (t.type === "pointerenter" && !this._popoverVisible && (this._popoverVisible = !0), t.type === "pointerleave" && this._popoverVisible && (this._popoverVisible = !1)), t.pointerType === "touch" && t.type === "pointerenter" && !this._popoverVisible && (this._popoverVisible = !0), t.type === "close-popover" && this._popoverVisible && (this._popoverVisible = !1), t.type === "focusin" && !this._popoverVisible && (this._popoverVisible = !0), t.type === "focusout" && this._popoverVisible && (t.currentTarget.contains(t.relatedTarget) || (this._popoverVisible = !1)));
     }, this.cardEventManager.addEventListener("media-details", this._eventsHandler);
   }
@@ -99,6 +96,7 @@ let e = class extends m {
                             <umg-box
                                 padding=${v(this.padding)}
                                 mobilePadding=${v(this.mobilePadding)}
+                                fixPadding
                                 ?colorBlend="${this.colorBlend}"
                                 blendDirection="to-top"
                                 >
@@ -118,9 +116,9 @@ let e = class extends m {
         `;
   }
 };
-e.styles = _([
-  b,
-  x`
+e.styles = x([
+  y,
+  m`
             :host {
                 position: relative;
                 display: block;
@@ -324,7 +322,7 @@ i([
   d()
 ], e.prototype, "_popoverVisible", 2);
 e = i([
-  u(`${M}-caption-card`)
+  g(`${M}-caption-card`)
 ], e);
 export {
   e as CaptionCard

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

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

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

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

package/dist/{packages/web-components/components → components}/deferred-media/deferred-media.js

@@ -1,24 +1,21 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as a } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as c } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as u } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as d } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as l } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js";
-import { classMap as h } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { styleMap as f } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
-import { global as b } from "../../styles/global.js";
+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 y } from "../../scripts/mergeStyles.js";
+import { mergeStyles as v } from "../../scripts/mergeStyles.js";
 import "../modal/modal.js";
 import "../button-icon/button-icon.js";
-import { css as v } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-var g = Object.defineProperty, M = Object.getOwnPropertyDescriptor, i = (e, r, n, s) => {
-  for (var o = s > 1 ? void 0 : s ? M(r, n) : r, p = e.length - 1, m; p >= 0; p--)
-    (m = e[p]) && (o = (s ? m(r, n, o) : m(o)) || o);
-  return s && o && g(r, n, o), o;
+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 c {
+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);
   }
@@ -74,7 +71,10 @@ let t = class extends c {
   createModal() {
     if (this.enableModal)
       return a`
-                <umg-modal ?visible=${this._modalOpen}>
+                <umg-modal
+                    layout="single"
+                    ?visible=${this._modalOpen}
+                    >
                     ${this.renderVideoInPopup()}
                 </umg-modal>
             `;
@@ -110,8 +110,8 @@ let t = class extends c {
     return a`
             <div
                 part="deferred-media"
-                class="${h(this.deferredMediaClasses())}"
-                style="${f(this.deferredMediaStyles())}"
+                class="${f(this.deferredMediaClasses())}"
+                style="${b(this.deferredMediaStyles())}"
                 ?enableModal=${this.enableModal}
                 >
                 <div class="deferred-media__image">
@@ -122,9 +122,9 @@ let t = class extends c {
         `;
   }
 };
-t.styles = y([
-  b,
-  v`
+t.styles = v([
+  y,
+  c`
             .deferred-media {
                 width: 100%;
             }
@@ -181,16 +181,16 @@ t.styles = y([
         `
 ]);
 i([
-  d({ type: String })
+  s({ type: String })
 ], t.prototype, "source", 2);
 i([
-  d({ type: String })
+  s({ type: String })
 ], t.prototype, "title", 2);
 i([
-  d({ type: Boolean })
+  s({ type: Boolean })
 ], t.prototype, "enableModal", 2);
 i([
-  d({ type: Boolean })
+  s({ type: Boolean })
 ], t.prototype, "showButtonOnHover", 2);
 i([
   l()
@@ -205,7 +205,7 @@ i([
   l()
 ], t.prototype, "_modalOpen", 2);
 t = i([
-  u(`${A}-deferred-media`)
+  h(`${A}-deferred-media`)
 ], t);
 export {
   t as DeferredMedia

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

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

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

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

package/dist/{packages/web-components/components → components}/disclosure/disclosure.js

@@ -1,21 +1,18 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as m } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as p } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as _ } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as n } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as h } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js";
-import { query as d } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query.js";
-import { classMap as u } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { global as y } from "../../styles/global.js";
-import { settings as f } from "../../scripts/settings.js";
-import { mergeStyles as v } from "../../scripts/mergeStyles.js";
-import { css as b } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
+import { css as m, LitElement as p, html as _ } from "lit";
+import { customElement as h } from "lit/decorators/custom-element.js";
+import { property as n } from "lit/decorators/property.js";
+import { state as y } from "lit/decorators/state.js";
+import { query as d } from "lit/decorators/query.js";
+import { classMap as u } from "lit/directives/class-map.js";
+import { global as f } from "../../styles/global.js";
+import { settings as v } from "../../scripts/settings.js";
+import { mergeStyles as b } from "../../scripts/mergeStyles.js";
 var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, t = (e, r, l, i) => {
   for (var o = i > 1 ? void 0 : i ? w(r, l) : r, a = e.length - 1, c; a >= 0; a--)
     (c = e[a]) && (o = (i ? c(r, l, o) : c(o)) || o);
   return i && o && g(r, l, o), o;
 };
-const { prefix: C } = f;
+const { prefix: C } = v;
 let s = class extends p {
   constructor() {
     super(...arguments), this.direction = "down", this.overlay = !1, this.justifySummary = "start", this.iconAnimation = "flip", this._open = !1, this.closeDisclosure = () => {
@@ -65,7 +62,7 @@ let s = class extends p {
     return this.direction === "from-left" ? e["open--" + this.direction] = !0 : this.direction === "from-right" ? e["open--" + this.direction] = !0 : this.direction === "up" ? e["open--" + this.direction] = !0 : e["open--down"] = !0, e;
   }
   render() {
-    return m`
+    return _`
             <details
                 part="disclosure"
                 class="disclosure"
@@ -98,9 +95,9 @@ let s = class extends p {
         `;
   }
 };
-s.styles = v([
-  y,
-  b`
+s.styles = b([
+  f,
+  m`
             :host([overlay]) {
                 position: relative;
             }
@@ -236,7 +233,7 @@ t([
   n()
 ], s.prototype, "iconAnimation", 2);
 t([
-  h()
+  y()
 ], s.prototype, "_open", 2);
 t([
   d("summary")
@@ -248,7 +245,7 @@ t([
   d(".disclosure__content")
 ], s.prototype, "_disclosureContent", 2);
 s = t([
-  _(`${C}-disclosure`)
+  h(`${C}-disclosure`)
 ], s);
 export {
   s as Disclosure

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

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

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

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

package/dist/{packages/web-components/components → components}/event-table/event-content.js

@@ -1,19 +1,16 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as m } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as d } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as p } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as v } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { global as _ } from "../../styles/global.js";
-import { settings as f } from "../../scripts/settings.js";
-import { mergeStyles as u } from "../../scripts/mergeStyles.js";
-import { css as g } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (r, i, s, n) => {
-  for (var e = n > 1 ? void 0 : n ? y(i, s) : i, l = r.length - 1, o; l >= 0; l--)
-    (o = r[l]) && (e = (n ? o(i, s, e) : o(e)) || e);
-  return n && e && x(i, s, e), e;
+import { css as m, LitElement as d, html as p } from "lit";
+import { customElement as v } from "lit/decorators/custom-element.js";
+import { property as c } from "lit/decorators.js";
+import { classMap as _ } from "lit/directives/class-map.js";
+import { global as f } from "../../styles/global.js";
+import { settings as u } from "../../scripts/settings.js";
+import { mergeStyles as g } from "../../scripts/mergeStyles.js";
+var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (r, i, l, n) => {
+  for (var e = n > 1 ? void 0 : n ? y(i, l) : i, s = r.length - 1, o; s >= 0; s--)
+    (o = r[s]) && (e = (n ? o(i, l, e) : o(e)) || e);
+  return n && e && x(i, l, e), e;
 };
-const { prefix: b } = f;
+const { prefix: b } = u;
 let t = class extends d {
   constructor() {
     super(...arguments), this.divider = !1;
@@ -24,8 +21,8 @@ let t = class extends d {
     };
   }
   render() {
-    return m`
-        <div class="inline-event__inner${c(this.inlineClasses())}">
+    return p`
+        <div class="inline-event__inner${_(this.inlineClasses())}">
             <div class="inline-event__details" part="event-details" role="cell">
                 <slot name="venue"></slot>
                 <slot name="location"></slot>
@@ -42,9 +39,9 @@ let t = class extends d {
         `;
   }
 };
-t.styles = u([
-  _,
-  g`
+t.styles = g([
+  f,
+  m`
             :host {
                 display: block;
                 flex: 1;
@@ -96,10 +93,10 @@ t.styles = u([
         `
 ]);
 a([
-  v({ type: Boolean })
+  c({ type: Boolean })
 ], t.prototype, "divider", 2);
 t = a([
-  p(`${b}-event-content`)
+  v(`${b}-event-content`)
 ], t);
 export {
   t as EventContent

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

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

package/dist/components/event-table/event-date.js

@@ -0,0 +1,42 @@
+import { css as m, LitElement as a, html as p } from "lit";
+import { customElement as d } from "lit/decorators/custom-element.js";
+import { global as v } from "../../styles/global.js";
+import { settings as f } from "../../scripts/settings.js";
+import { mergeStyles as c } from "../../scripts/mergeStyles.js";
+var _ = Object.defineProperty, h = Object.getOwnPropertyDescriptor, g = (o, t, s, r) => {
+  for (var e = r > 1 ? void 0 : r ? h(t, s) : t, l = o.length - 1, n; l >= 0; l--)
+    (n = o[l]) && (e = (r ? n(t, s, e) : n(e)) || e);
+  return r && e && _(t, s, e), e;
+};
+const { prefix: u } = f;
+let i = class extends a {
+  render() {
+    return p`
+        <div class="inline-event__date" role="cell">
+            <slot></slot>
+        </div>
+        `;
+  }
+};
+i.styles = c([
+  v,
+  m`
+        :host {
+            display: block;
+            flex-shrink: 1;
+            padding-right: var(--um-space-12, 0.75rem);
+            width: 9rem;
+        }
+            @media only screen and (max-width: 48rem) {
+                .inline-event__date {
+                    padding: 0;
+                }
+            }
+        `
+]);
+i = g([
+  d(`${u}-event-date`)
+], i);
+export {
+  i as EventDate
+};

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

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

package/dist/components/event-table/event-table.js

@@ -0,0 +1,71 @@
+import { css as p, LitElement as m, html as v } from "lit";
+import { customElement as d } from "lit/decorators/custom-element.js";
+import { property as c } from "lit/decorators/property.js";
+import { classMap as f } from "lit/directives/class-map.js";
+import { global as u } from "../../styles/global.js";
+import { settings as b } from "../../scripts/settings.js";
+import { mergeStyles as h } from "../../scripts/mergeStyles.js";
+import "./event.js";
+import "./event-date.js";
+import "./event-content.js";
+var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (s, r, o, t) => {
+  for (var e = t > 1 ? void 0 : t ? w(r, o) : r, l = s.length - 1, n; l >= 0; l--)
+    (n = s[l]) && (e = (t ? n(r, o, e) : n(e)) || e);
+  return t && e && g(r, o, e), e;
+};
+const { prefix: y } = b;
+let i = class extends m {
+  constructor() {
+    super(...arguments), this.divider = !1;
+  }
+  tableClasses() {
+    return {
+      "inline-event--divider": this.divider
+    };
+  }
+  render() {
+    return v`
+            <div
+                part="event-table"
+                class="inline-event${f(this.tableClasses())}"
+                role="table"
+                aria-label="Events"
+                >
+                <div role="rowgroup">
+                    <slot name="event"></slot>
+                </div>
+            </div>
+        `;
+  }
+};
+i.styles = h([
+  u,
+  p`
+            :host {
+                width: 100%;
+            }
+
+            /* Rows */
+            .inline-event > * {
+                color: inherit;
+                display: flex;
+                flex-direction: column;
+                gap: var(--um-space-32, 2rem);
+                width: 100%;
+            }
+
+            /* Divider */
+            .inline-event--divider > * {
+                gap: var(--um-space-20, 1.25rem);
+            }
+        `
+]);
+a([
+  c({ type: Boolean })
+], i.prototype, "divider", 2);
+i = a([
+  d(`${y}-event-table`)
+], i);
+export {
+  i as EventTable
+};

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

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

package/dist/components/event-table/event.js

@@ -0,0 +1,42 @@
+import { css as o, LitElement as p, html as v } from "lit";
+import { customElement as a } from "lit/decorators/custom-element.js";
+import { global as f } from "../../styles/global.js";
+import { settings as c } from "../../scripts/settings.js";
+import { mergeStyles as _ } from "../../scripts/mergeStyles.js";
+var d = Object.defineProperty, u = Object.getOwnPropertyDescriptor, x = (s, t, m, r) => {
+  for (var e = r > 1 ? void 0 : r ? u(t, m) : t, i = s.length - 1, n; i >= 0; i--)
+    (n = s[i]) && (e = (r ? n(t, m, e) : n(e)) || e);
+  return r && e && d(t, m, e), e;
+};
+const { prefix: g } = c;
+let l = class extends p {
+  render() {
+    return v`
+        <div class="inline-event__item" part="event-item" role="row">
+            <slot></slot>
+        </div>
+        `;
+  }
+};
+l.styles = _([
+  f,
+  o`
+            .inline-event__item {
+                display: flex;
+                gap: var(--um-space-32, 2rem);
+                width: 100%;
+            }
+            @media only screen and (max-width: 48rem) {
+                .inline-event__item {
+                    flex-direction: column;
+                    gap: var(--um-space-8, 0.5rem);
+                }
+            }
+        `
+]);
+l = x([
+  a(`${g}-event`)
+], l);
+export {
+  l as Event
+};

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

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

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

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