@pushengineering/umg-web-components 2.0.6 → 3.0.1

package/dist/components/popover/popover.js

@@ -1,181 +1,167 @@
-import { css as c, LitElement as v, html as l } from "lit";
-import { customElement as d } from "lit/decorators/custom-element.js";
-import { property as m } from "lit/decorators/property.js";
-import { classMap as u } from "lit/directives/class-map.js";
-import { styleMap as b } from "lit/directives/style-map.js";
-import { EventManager as f } from "../../classes/event-manager/event-manager.js";
-import { global as g } from "../../styles/global.js";
-import { settings as h } from "../../scripts/settings.js";
-import { mergeStyles as y } 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";
-var x = Object.defineProperty, w = Object.getOwnPropertyDescriptor, p = (o, r, t, i) => {
-  for (var e = i > 1 ? void 0 : i ? w(r, t) : r, n = o.length - 1, a; n >= 0; n--)
-    (a = o[n]) && (e = (i ? a(r, t, e) : a(e)) || e);
-  return i && e && x(r, t, e), e;
-};
-const { prefix: _ } = h;
-let s = class extends v {
-  constructor() {
-    super(...arguments), this.visible = !1, this.eventManager = new f(this);
-  }
-  _eventsDispatcher(o) {
-    if (!o)
-      throw new Error("Missing custom event type");
-    const r = { bubbles: !0, composed: !0 }, t = {};
-    o === "close" && (o = "close-popover", this.eventManager.dispatchCustomEvent(o, t, r));
-  }
-  closePopover() {
-    this.visible = !1, this._eventsDispatcher("close");
-  }
-  popoverClasses() {
-    return {
-      "popover--visible": this.visible
-    };
-  }
-  popoverStyles() {
-    return {
-      visibility: this.visible ? "visible" : "hidden"
-    };
-  }
-  closeButton() {
-    if (this.visible)
-      return l`
+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, nothing } from 'lit';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { property } from 'lit/decorators/property.js';
+import { state } from 'lit/decorators/state.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+import '../button-icon/button-icon.js';
+
+const { prefix } = settings;
+let Popover = class Popover extends LitElement {
+    constructor() {
+        super();
+        this.icon = 'ellipsis-vertical';
+        this.disabled = false;
+        this._open = false;
+        this.addEventListener('focusout', this._focusOut);
+    }
+    _focusOut(e) {
+        if (!e.relatedTarget || !this.contains(e.relatedTarget)) {
+            this._open = false;
+        }
+    }
+    _togglePopover() {
+        this._open = !this._open ? true : false;
+    }
+    popoverClasses() {
+        const classes = {
+            'popover--open': this._open
+        };
+        return classes;
+    }
+    popovertemplate() {
+        if (this._open) {
+            return html `
+            <div class="popover__content" part="popover-content">
                 <umg-button-icon
-                    part="close-button"
-                    class="close-button"
+                    part="popover-close"
+                    class="popover__close-button"
                     icon="close"
-                    padding="4"
-                    @click="${this.closePopover}"
+                    size="large"
+                    @click=${this._togglePopover}
                     >
                 </umg-button-icon>
+                <div class="popover__content-inner" part="popover-content-inner">
+                    <slot></slot>
+                </div> 
+            </div>
             `;
-  }
-  render() {
-    return l`
-            <div
-                class="popover${u(this.popoverClasses())}"
-                style="${b(this.popoverStyles())}"
-                >
-                <div class="popover-inner">
-                    <div class="popover-content">
-                        <div class="popover-title">
-                            <slot name="title"></slot>
-                            ${this.closeButton()}
-                        </div>
-                        <slot name="content"></slot>
-                    </div>
-                </div>
+        }
+        return nothing;
+    }
+    render() {
+        return html `
+            <div class="popover${classMap(this.popoverClasses())}">
+                <umg-button-icon
+                    part="popover-open"
+                    class="popover__open-button"
+                    icon="${this.icon}"
+                    size="large"
+                    @click=${this._togglePopover}
+                    ?disabled="${this.disabled}"
+                    >
+                </umg-button-icon>
+                ${this.popovertemplate()}
             </div>
         `;
-  }
+    }
 };
-s.styles = y([
-  g,
-  c`
+Popover.styles = mergeStyles([
+    global,
+    css `
             .popover {
-                background-color: rgb(var(--um-color-box-bg), 0.9);
-                position: fixed;
-                visibility: hidden;
-                inset: 0;
-                z-index: 1000;
-                flex-direction: column;
-                justify-content: stretch;
-                overflow: hidden;
+                position: relative;
             }
-            
-            .popover-inner {
-                display: flex;
-                flex-direction: column;
-                align-items: center;
-                justify-content: center;
-                height: 100%;
+            .popover__content {
+                position: fixed;
+                bottom: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
                 width: 100%;
-                overflow-y: auto;
+                z-index: 2000;
+                color: var(--umg-color-popover-text, var(--umg-color-base-text, rgb(255,255,255)));
+                background-color: var(--umg-color-popover-background, var(--umg-color-base-background, rgb(255,255,255)));
+                padding: 3rem 1.5rem;
             }
-
-            .popover-inner::-webkit-scrollbar {
-                width: 0.25rem;
-            }
-            .popover-inner::-webkit-scrollbar-track {
-                background: rgb(var(--color-section-text, var(--um-color-base-text, 0,0,0)), 0.05);
-                border-radius: var(--um-border-radius-30);
-            }
-            .popover-inner::-webkit-scrollbar-thumb{
-                background: rgb(var(--color-section-text, var(--um-color-base-text, 0,0,0)), 0.1);
-                border-radius: var(--um-border-radius-30);
+            @supports (color: rgb(from white r g b)) {
+                .popover__content {
+                    color: rgb(from var(--umg-color-popover-text, var(--umg-color-base-text, rgb(255,255,255))) r g b);
+                    background-color: rgb(from var(--umg-color-popover-background, var(--umg-color-base-background, rgb(255,255,255))) r g b / alpha);
+                }
             }
 
-            .popover-content {
+            .popover__content-inner {
                 display: flex;
                 flex-direction: column;
-                align-items: center;
                 justify-content: start;
-                gap: var(--um-space-24);
-                padding: var(--um-space-24);
-                color: rgba(var(--um-color-box-text, var(--um-color-section-text, 0,0,0)), 1);
-                width: 100%;
+                align-items: center;
+                text-align: center;
+                gap: var(--umg-space-20, var(--umg-space-vertical-gap, 1.25rem));
             }
-            
-            @media only screen and (hover: hover) {
-                .close-button {
-                    display: none;
-                }
-                .popover {
+
+            @media screen and (min-width: 48.06rem) {
+                .popover__content {
                     position: absolute;
-                    border-radius: var(--um-border-caption-card-radius);
-                }
-                .popover-inner {
-                    opacity: 0;
-                    max-width: 320px;
-                    margin: 0 auto;
-                }
-                .popover--visible .popover-inner {
-                    opacity: 1;
-                    transition: opacity 0.3s
+                    left: initial;
+                    bottom: initial;
+                    top: -0.25rem;
+                    right: -0.25rem;
+                    border-radius: var(--umg-border-base-corner-radius, 0.5rem);
+                    box-shadow: -0.1875rem 0.1875rem 0.5rem 0 rgb(0,0,0,0.3);
+                    padding: 2.5rem 1rem 1.5rem;
+                    width: max-content;
+
+                    --umg-font-body-scale: 0.8;
                 }
-                .popover-title {
-                    display: none;
+                .popover__content-inner {
+                    gap: var(--umg-space-16, var(--umg-space-vertical-gap, 1rem));
+                    width: fit-content;
                 }
             }
 
-            @media screen and (hover: none) {
-                .close-button {
-                    display: block;
-                    margin-left: auto;
-                }
-                .popover-inner {
-                    padding: var(--um-space-24);
-                    transform: translateX(100%);
-                    margin: 0 auto;
-                }
-                .popover--visible .popover-inner {
-                    transform: translateX(0);
-                    transition: all 0.3s
-                }
-                .popover-content {
-                    border: rgb(var(--um-color-border, var(--um-color-box-text, 235,235,235))) var(--um-border-box-width, 0.0625rem) solid;
-                    border-radius: var(--um-border-radius-30);
-                    background-color: rgba(var(--um-color-box-bg, var(--um-color-section-bg, 245,245,245)), 1);
-                    padding: var(--um-space-24);
+            .popover__close-button {
+                position: absolute;
+                top: 0.5rem;
+                right: 0.5rem;
+                --umg-color-base-text: var(--umg-color-popover-text);
+                --umg-color-base-background: transparent;
+            }
+            @media screen and (min-width: 48.06rem) {
+                .popover__close-button {
+                    top: 0;
+                    right: 0;
                 }
-                .popover-title {
-                    display: flex;
-                    align-items: center;
-                    justify-content: space-between;
-                    width: 100%;
+            }
+
+            /* Mobile overlay */
+            @media screen and (max-width: 48rem) {
+                .popover--open::after {
+                    content: '';
+                    position: fixed;
+                    inset: 0;
+                    background-color: rgb(0,0,0,0.5);
+                    backdrop-filter: blur(2px);
+                    z-index: 1000;
                 }
             }
         `
 ]);
-p([
-  m({ type: Boolean, reflect: !0 })
-], s.prototype, "visible", 2);
-s = p([
-  d(`${_}-popover`)
-], s);
-export {
-  s as Popover
-};
+__decorate([
+    property()
+], Popover.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean })
+], Popover.prototype, "disabled", void 0);
+__decorate([
+    state()
+], Popover.prototype, "_open", void 0);
+Popover = __decorate([
+    customElement(`${prefix}-popover`)
+], Popover);
+
+export { Popover };
+//# sourceMappingURL=popover.js.map

package/dist/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../../../src/components/popover/popover.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAaA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU,CAAA;AAWnC,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAA;QATX,IAAI,CAAA,IAAA,GAAG,mBAAmB,CAAA;QAG1B,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAA;QAGhB,IAAK,CAAA,KAAA,GAAG,KAAK,CAAA;QAIT,IAAI,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,SAAS,CAAC,CAAA;KACpD;AAEO,IAAA,SAAS,CAAC,CAAa,EAAA;AAE3B,QAAA,IAAI,CAAC,CAAC,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAqB,CAAC,EAAE;AAC7D,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;SACrB;KACJ;IAEO,cAAc,GAAA;AAClB,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,CAAA;KAC1C;IAED,cAAc,GAAA;AACV,QAAA,MAAM,OAAO,GAAQ;YACjB,eAAe,EAAE,IAAI,CAAC,KAAK;SAC9B,CAAA;AAED,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,eAAe,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;AACZ,YAAA,OAAO,IAAI,CAAA,CAAA;;;;;;;AAOM,2BAAA,EAAA,IAAI,CAAC,cAAc,CAAA;;;;;;;aAOnC,CAAA;SACJ;AACD,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;AACc,+BAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAA;;;;AAIpC,0BAAA,EAAA,IAAI,CAAC,IAAI,CAAA;;AAER,2BAAA,EAAA,IAAI,CAAC,cAAc,CAAA;AACf,+BAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;;kBAG5B,IAAI,CAAC,eAAe,EAAE,CAAA;;SAE/B,CAAA;KACJ;;AAEM,OAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;AACN,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6EF,QAAA,CAAA;AACJ,CAAA,CAAC,CAAA;AAtJF,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACe,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG1B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACZ,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGhB,UAAA,CAAA;AADC,IAAA,KAAK,EAAE;AACK,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AATJ,OAAO,GAAA,UAAA,CAAA;AAFnB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,QAAA,CAAU,CAAC;AAEtB,CAAA,EAAA,OAAO,CA0JnB;;;;"}

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

@@ -1,2 +1,3 @@
 import { RichText } from './rich-text';
 export { RichText };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rich-text/index.d.ts.map

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

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

@@ -9,3 +9,4 @@ export declare class RichText extends LitElement {
     render(): import("lit").TemplateResult<1>;
     static styles: import("lit").CSSResultArray;
 }
+//# sourceMappingURL=rich-text.d.ts.map

package/dist/components/rich-text/rich-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text/rich-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,KAAK,EACR,WAAW,EACX,aAAa,EACb,cAAc,EACjB,MAAM,aAAa,CAAA;AAWpB,qBAEa,QAAS,SAAQ,UAAU;IAGpC,IAAI,EAAE,WAAW,CAAW;IAG5B,UAAU,EAAE,cAAc,GAAG,SAAS,CAAA;IAGtC,SAAS,EAAE,aAAa,CAAU;IAGlC,eAAe,EAAE,aAAa,GAAG,SAAS,CAAA;IAE1C,WAAW;IAoBX,MAAM;IAcN,MAAM,CAAC,MAAM,+BAqEX;CACL"}

package/dist/components/rich-text/rich-text.js

@@ -1,28 +1,43 @@
-import { css as g, LitElement as c, html as h } from "lit";
-import { classMap as x } from "lit/directives/class-map.js";
-import { customElement as p } from "lit/decorators/custom-element.js";
-import { property as r } from "lit/decorators/property.js";
-import { global as d } from "../../styles/global.js";
-import { fontSizes as f, fontMargins as u } from "../../styles/fonts.js";
-import { settings as v } from "../../scripts/settings.js";
-import { mergeStyles as b } from "../../scripts/mergeStyles.js";
-var y = Object.defineProperty, z = Object.getOwnPropertyDescriptor, l = (t, n, o, s) => {
-  for (var e = s > 1 ? void 0 : s ? z(n, o) : n, a = t.length - 1, m; a >= 0; a--)
-    (m = t[a]) && (e = (s ? m(n, o, e) : m(e)) || e);
-  return s && e && y(n, o, e), e;
-};
-const { prefix: j } = v;
-let i = class extends c {
-  constructor() {
-    super(...arguments), this.size = "bodyMd", this.alignment = "start";
-  }
-  textClasses() {
-    const t = {};
-    return this.size && (t["txt--" + this.size] = !0), this.lineHeight && (t["txt--line-height-" + this.lineHeight] = !0), this.alignment && (t["txt--align-" + this.alignment] = !0), this.mobileAlignment ? t["txt--mobile-align-" + this.mobileAlignment] = !0 : t["txt--mobile-align-" + this.alignment] = !0, t;
-  }
-  render() {
-    return h`
-            <slot name="content" class="rich-text${x(this.textClasses())}">
+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 { classMap } from 'lit/directives/class-map.js';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { global } from '../../styles/global.js';
+import { fontSizes, fontMargins } from '../../styles/fonts.js';
+import { richText } from './styles/rich-text.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let RichText = class RichText extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.size = 'bodyMd';
+        this.alignment = 'start';
+    }
+    textClasses() {
+        const classes = {};
+        if (this.size) {
+            classes['txt--' + this.size] = true;
+        }
+        if (this.lineHeight) {
+            classes['txt--line-height-' + this.lineHeight] = true;
+        }
+        if (this.alignment) {
+            classes['txt--align-' + this.alignment] = true;
+        }
+        if (this.mobileAlignment) {
+            classes['txt--mobile-align-' + this.mobileAlignment] = true;
+        }
+        else {
+            classes['txt--mobile-align-' + this.alignment] = true;
+        }
+        return classes;
+    }
+    render() {
+        return html `
+            <slot class="rich-text${classMap(this.textClasses())}">
                 <div class="rich-text-skeleton">
                     <div class="skeleton"></div>
                     <div class="skeleton"></div>
@@ -32,12 +47,13 @@ let i = class extends c {
                 </div>
             </slot>
         `;
-  }
+    }
 };
-i.styles = b([
-  d,
-  f,
-  g`
+RichText.styles = mergeStyles([
+    global,
+    richText,
+    fontSizes,
+    css `
             .rich-text-skeleton {
                 display: flex;
                 flex-direction: column;
@@ -45,7 +61,7 @@ i.styles = b([
                 width: 100%;
             }
             .skeleton {
-                background-color: rgb(var(--um-color-skeleton-bg, 1));
+                background-color: rgb(var(--umg-color-skeleton-background, 1));
                 height: 0.5rem;
                 border-radius: 0.5rem;
                 width: 100%;
@@ -56,16 +72,16 @@ i.styles = b([
 
             /* Text line-height */
             .txt--line-height-extra-loose {
-                line-height: calc(1 + 1 / max(1, var(--um-font-size-body-scale, 1)));
+                line-height: calc(1 + 1 / max(1, var(--umg-font-body-scale, 1)));
             }
             .txt--line-height-loose {
-                line-height: calc(1 + 0.8 / max(1, var(--um-font-size-body-scale, 1)));
+                line-height: calc(1 + 0.8 / max(1, var(--umg-font-body-scale, 1)));
             }
             .txt--line-height-regular {
-                line-height: calc(1 + 0.5 / max(1, var(--um-font-size-body-scale, 1)));
+                line-height: calc(1 + 0.5 / max(1, var(--umg-font-body-scale, 1)));
             }
             .txt--line-height-compact {
-                line-height: calc(1 + 0.3 / max(1, var(--um-font-size-body-scale, 1)));
+                line-height: calc(1 + 0.3 / max(1, var(--umg-font-body-scale, 1)));
             }
 
             /* Text justification */
@@ -85,7 +101,7 @@ i.styles = b([
             }
             @media screen and (min-width: 48.06rem) {
                 .txt--margin {
-                    margin-bottom: var(--um-space-16, 1rem);
+                    margin-bottom: var(--umg-space-16, 1rem);
                 }
                 .txt--align-start {
                     text-align: left;
@@ -101,23 +117,23 @@ i.styles = b([
                 }
             }
         `,
-  u
+    fontMargins,
 ]);
-l([
-  r({ type: String })
-], i.prototype, "size", 2);
-l([
-  r({ type: String })
-], i.prototype, "lineHeight", 2);
-l([
-  r({ type: String })
-], i.prototype, "alignment", 2);
-l([
-  r({ type: String })
-], i.prototype, "mobileAlignment", 2);
-i = l([
-  p(`${j}-rich-text`)
-], i);
-export {
-  i as RichText
-};
+__decorate([
+    property({ type: String })
+], RichText.prototype, "size", void 0);
+__decorate([
+    property({ type: String })
+], RichText.prototype, "lineHeight", void 0);
+__decorate([
+    property({ type: String })
+], RichText.prototype, "alignment", void 0);
+__decorate([
+    property({ type: String })
+], RichText.prototype, "mobileAlignment", void 0);
+RichText = __decorate([
+    customElement(`${prefix}-rich-text`)
+], RichText);
+
+export { RichText };
+//# sourceMappingURL=rich-text.js.map

package/dist/components/rich-text/rich-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.js","sources":["../../../src/components/rich-text/rich-text.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAkBA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;AAIpB,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU,CAAA;AAAjC,IAAA,WAAA,GAAA;;QAGH,IAAI,CAAA,IAAA,GAAgB,QAAQ,CAAA;QAM5B,IAAS,CAAA,SAAA,GAAkB,OAAO,CAAA;KA6GrC;IAxGG,WAAW,GAAA;QACP,MAAM,OAAO,GAAQ,EAAE,CAAA;AAEvB,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACX,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;SACtC;AACD,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,OAAO,CAAC,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,CAAA;SACxD;AACD,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAChB,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;SACjD;AACD,QAAA,IAAI,IAAI,CAAC,eAAe,EAAE;YACtB,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,IAAI,CAAA;SAC9D;aAAM;YACH,OAAO,CAAC,oBAAoB,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,IAAI,CAAA;SACxD;AACD,QAAA,OAAO,OAAO,CAAA;KACjB;IAED,MAAM,GAAA;AACF,QAAA,OAAO,IAAI,CAAA,CAAA;AACiB,kCAAA,EAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;;;;;;;;;SASvD,CAAA;KACJ;;AAEM,QAAM,CAAA,MAAA,GAAG,WAAW,CAAC;IACxB,MAAM;IACN,QAAQ;IACR,SAAS;AACT,IAAA,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DF,QAAA,CAAA;IACD,WAAW;AACd,CAAA,CAAC,CAAA;AAlHF,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACC,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG5B,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACW,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGtC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACO,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGlC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACe,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAZjC,QAAQ,GAAA,UAAA,CAAA;AAFpB,IAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,UAAA,CAAY,CAAC;AAExB,CAAA,EAAA,QAAQ,CAsHpB;;;;"}

package/dist/components/rich-text/styles/rich-text.d.ts

@@ -0,0 +1,2 @@
+export declare const richText: import("lit").CSSResult;
+//# sourceMappingURL=rich-text.d.ts.map

package/dist/components/rich-text/styles/rich-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text/styles/rich-text.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,yBAMpB,CAAA"}

package/dist/components/rich-text/styles/rich-text.js

@@ -0,0 +1,12 @@
+import { css } from 'lit';
+
+const richText = css `
+
+    ::slotted(a) {
+        color: inherit;
+        text-underline-offset: 0.3rem;
+    }
+`;
+
+export { richText };
+//# sourceMappingURL=rich-text.js.map

package/dist/components/rich-text/styles/rich-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.js","sources":["../../../../src/components/rich-text/styles/rich-text.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;"}

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

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

package/dist/components/section/index.d.ts.map

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

package/dist/components/section/section-block.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+import type { PaddingScale } from '../../types';
+export declare class SectionBlock extends LitElement {
+    width: string;
+    mobileWidth: string;
+    centerContent: boolean;
+    mobileCenterContent: boolean;
+    paddingType: string;
+    mobilePaddingType: string;
+    paddingTop: PaddingScale | undefined;
+    paddingBottom: PaddingScale | undefined;
+    mobilePaddingTop: PaddingScale | undefined;
+    mobilePaddingBottom: PaddingScale | undefined;
+    spacing: undefined;
+    mobileSpacing: undefined;
+    isNumeric: (string: unknown) => boolean;
+    sectionBlockStyles(): {};
+    sectionContentClasses(): any;
+    sectionContentStyles(): {};
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResult[];
+}
+//# sourceMappingURL=section-block.d.ts.map

package/dist/components/section/section-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section-block.d.ts","sourceRoot":"","sources":["../../../src/components/section/section-block.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAU/C,qBAEa,YAAa,SAAQ,UAAU;IAGxC,KAAK,SAAe;IAGpB,WAAW,SAAe;IAG1B,aAAa,UAAQ;IAGrB,mBAAmB,UAAQ;IAG3B,WAAW,SAAU;IAGrB,iBAAiB,SAAU;IAG3B,UAAU,EAAE,YAAY,GAAG,SAAS,CAAA;IAGpC,aAAa,EAAE,YAAY,GAAG,SAAS,CAAA;IAGvC,gBAAgB,EAAE,YAAY,GAAG,SAAS,CAAA;IAG1C,mBAAmB,EAAE,YAAY,GAAG,SAAS,CAAA;IAG7C,OAAO,EAAE,SAAS,CAAA;IAGlB,aAAa,EAAE,SAAS,CAAA;IAGxB,SAAS,WAAY,OAAO,aAK3B;IAED,kBAAkB;IA4DlB,qBAAqB;IAqBrB,oBAAoB;IAapB,MAAM;IAkBN,MAAM,CAAC,MAAM,4BAKZ;CACJ"}