@pushengineering/umg-web-components 2.0.10 → 3.0.1

package/dist/components/table/table.js

@@ -1,33 +1,36 @@
-import { css as c, LitElement as b, html as i, nothing as m } from "lit";
-import { customElement as h } from "lit/decorators/custom-element.js";
-import { property as o } from "lit/decorators/property.js";
-import { classMap as u } from "lit/directives/class-map.js";
-import { global as v } from "../../styles/global.js";
-import { settings as y } from "../../scripts/settings.js";
-import { mergeStyles as f } from "../../scripts/mergeStyles.js";
-import "../text/text.js";
-var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, s = (t, a, p, l) => {
-  for (var e = l > 1 ? void 0 : l ? w(a, p) : a, n = t.length - 1, d; n >= 0; n--)
-    (d = t[n]) && (e = (l ? d(a, p, e) : d(e)) || e);
-  return l && e && g(a, p, e), e;
-};
-const { prefix: x } = y;
-let r = class extends b {
-  constructor() {
-    super(...arguments), this.columnLabels = [], this.rowData = [], this.title = "", this.hideTitle = !1;
-  }
-  descriptionClasses() {
-    const t = {};
-    return t["visually-hidden"] = this.hideTitle, t;
-  }
-  tableHeader() {
-    return Array.isArray(this.columnLabels) ? i`
+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 { property } from 'lit/decorators/property.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { global } from '../../styles/global.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+import '../text/text.js';
+
+const { prefix } = settings;
+let Table = class Table extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.columnLabels = [];
+        this.rowData = [];
+        this.title = '';
+        this.hideTitle = false;
+    }
+    descriptionClasses() {
+        const classes = {};
+        classes['visually-hidden'] = this.hideTitle;
+        return classes;
+    }
+    tableHeader() {
+        if (Array.isArray(this.columnLabels)) {
+            return html `
                 <div
                     class="table-header row"
                     part="table-header"
                     role="rowgroup"
                     >
-                    ${this.columnLabels.map((t) => i`
+                    ${this.columnLabels.map((cell) => html `
                         <div
                             class="table-cell"
                             part="table-cell"
@@ -38,23 +41,26 @@ let r = class extends b {
                                 alignment="start"
                                 fontWeight="bold"
                                 >
-                                ${t}
+                                ${cell}
                             </umg-text>
                         </div>
                     `)}
                 </div>
-            ` : m;
-  }
-  tableRows() {
-    return this.rowData && Array.isArray(this.rowData) ? i` ${this.rowData.map((t) => {
-      if (Array.isArray(t))
-        return i`
+            `;
+        }
+        return nothing;
+    }
+    tableRows() {
+        if (this.rowData && Array.isArray(this.rowData)) {
+            return html ` ${this.rowData.map((row) => {
+                if (Array.isArray(row)) {
+                    return html `
                     <div
                         class="table-row row"
                         part="table-row"
                         role="rowgroup"
                         >
-                        ${t.map((a) => i`
+                        ${row.map((cell) => html `
                             <div
                                 class="table-cell"
                                 part="table-cell"
@@ -65,16 +71,19 @@ let r = class extends b {
                                     variant="bodySm"
                                     alignment="start"
                                     >
-                                    ${a}
+                                    ${cell}
                                 </umg-text>
                             </div>
                         `)}
                     </div>
                 `;
-    })}` : m;
-  }
-  render() {
-    return i`
+                }
+            })}`;
+        }
+        return nothing;
+    }
+    render() {
+        return html `
             <div
                 class="table"
                 part = "table"
@@ -84,7 +93,7 @@ let r = class extends b {
                 >
                 <div
                     id="TableDescription"
-                    class="table-description ${u(this.descriptionClasses())}"
+                    class="table-description ${classMap(this.descriptionClasses())}"
                     part = "table-description"
                     >
                     <umg-text
@@ -102,11 +111,11 @@ let r = class extends b {
                 </div>
             </div>
          `;
-  }
+    }
 };
-r.styles = f([
-  v,
-  c`
+Table.styles = mergeStyles([
+    global,
+    css `
             :host {
                 display: block;
             }
@@ -114,8 +123,8 @@ r.styles = f([
             .row {
                 display: flex;
                 justify-content: start;
-                gap: var(--um-space-16);
-                padding: var(--um-space-4, 0.25rem) 0;
+                gap: var(--umg-space-16);
+                padding: var(--umg-space-4, 0.25rem) 0;
             }
             .row > * {
                 width: 10%;
@@ -124,32 +133,23 @@ r.styles = f([
                 flex-grow: 1;
                 width: 50%;
             }
-
-            /* Mobile */
-            @media screen and(max-width: 48rem) {
-
-            }
-
-            /* Desktop */
-            @media screen and (min-width: 48.06rem) {
-            }
         `
 ]);
-s([
-  o({ type: Array })
-], r.prototype, "columnLabels", 2);
-s([
-  o({ type: Array })
-], r.prototype, "rowData", 2);
-s([
-  o()
-], r.prototype, "title", 2);
-s([
-  o({ type: Boolean })
-], r.prototype, "hideTitle", 2);
-r = s([
-  h(`${x}-table`)
-], r);
-export {
-  r as Table
-};
+__decorate([
+    property({ type: Array })
+], Table.prototype, "columnLabels", void 0);
+__decorate([
+    property({ type: Array })
+], Table.prototype, "rowData", void 0);
+__decorate([
+    property()
+], Table.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean })
+], Table.prototype, "hideTitle", void 0);
+Table = __decorate([
+    customElement(`${prefix}-table`)
+], Table);
+
+export { Table };
+//# sourceMappingURL=table.js.map

package/dist/components/table/table.js.map

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/text/text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAK3C,OAAO,KAAK,EACR,WAAW,EACX,MAAM,EACN,SAAS,EACT,aAAa,EACb,cAAc,EACd,aAAa,EACb,UAAU,EACV,SAAS,EACT,YAAY,EACf,MAAM,aAAa,CAAA;AAiBpB,qBAEa,IAAK,SAAQ,UAAU;IAGhC,EAAE,EAAE,MAAM,CAAM;IAGhB,OAAO,EAAE,WAAW,CAAW;IAG/B,KAAK,EAAE,SAAS,CAAY;IAG5B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAA;IAG5B,UAAU,EAAE,UAAU,CAAY;IAGlC,SAAS,EAAE,SAAS,CAAW;IAG/B,UAAU,EAAE,cAAc,GAAG,SAAS,CAAA;IAGtC,OAAO,EAAE,YAAY,GAAG,SAAS,CAAA;IAGjC,SAAS,EAAE,aAAa,GAAG,SAAS,CAAA;IAGpC,eAAe,EAAE,aAAa,GAAG,SAAS,CAAA;IAG1C,aAAa,UAAQ;IAGrB,SAAS,EAAE,aAAa,CAAS;IAGjC,QAAQ,UAAQ;IAGhB,SAAS,UAAQ;IAGjB,MAAM,UAAQ;IAEd,WAAW;IA0CX,UAAU;IAYV,MAAM,CAAC,OAAO,EAAE,GAAG;IAcnB,MAAM;IAIN,MAAM,CAAC,MAAM,+BAuIX;CACL"}

package/dist/components/text/text.js

@@ -1,77 +1,119 @@
-import { css as m, LitElement as c, html as a } from "lit";
-import { classMap as n } from "lit/directives/class-map.js";
-import { styleMap as s } from "lit/directives/style-map.js";
-import { customElement as f } 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 u, fontWeights as y, fontStyle as b, fontMargins as w } from "../../styles/fonts.js";
-import { settings as v } from "../../scripts/settings.js";
-import { mergeStyles as S } from "../../scripts/mergeStyles.js";
-var $ = Object.defineProperty, z = Object.getOwnPropertyDescriptor, i = (t, l, p, h) => {
-  for (var o = h > 1 ? void 0 : h ? z(l, p) : l, g = t.length - 1, x; g >= 0; g--)
-    (x = t[g]) && (o = (h ? x(l, p, o) : x(o)) || o);
-  return h && o && $(l, p, o), o;
-};
-const { prefix: k } = v;
-let e = class extends c {
-  constructor() {
-    super(...arguments), this.as = "p", this.variant = "bodyMd", this.color = "default", this.fontWeight = "regular", this.fontStyle = "normal", this.withoutMargin = !1, this.transform = "none", this.truncate = !1, this.breakWord = !1, this.hidden = !1;
-  }
-  textClasses() {
-    const t = {
-      text: !0,
-      "txt--truncate": this.truncate,
-      "txt--breakword": this.breakWord,
-      "txt--hidden": this.hidden
-    };
-    return this.color && (t["txt--color-" + this.color] = !0), this.variant && (t["txt--" + this.variant] = !0), this.lineHeight && (t["txt--line-height-" + this.lineHeight] = !0), this.spacing && (t["txt--spacing-" + this.spacing] = !0), this.fontWeight && (t["txt--" + this.fontWeight] = !0), this.fontStyle && (t["txt--" + this.fontStyle] = !0), this.alignment && (t["txt--align-" + this.alignment] = this.alignment), this.mobileAlignment ? t["txt--mobile-align-" + this.mobileAlignment] = !0 : t["txt--mobile-align-" + this.alignment] = this.alignment, this.withoutMargin && this.as !== "span" && (t["text--without-margin"] = !0), this.transform !== "none" && (t["txt-transform--" + this.transform] = !0), t;
-  }
-  textStyles() {
-    let t = {};
-    return this.fontSize && (t = {
-      ...t,
-      "--um-font-size": this.fontSize / 16
-    }), t;
-  }
-  textAs(t) {
-    switch (this.as) {
-      case "p":
-        return a`<p part="p-text paragraph" class="paragraph${n(t)}" style="${s(this.textStyles())}"><slot></slot></p>`;
-      case "h1":
-        return a`<h1 part="h1-text heading" class="heading${n(t)}" style="${s(this.textStyles())}"><slot></slot></h1>`;
-      case "h2":
-        return a`<h2 part="h2-text heading" class="heading${n(t)}" style="${s(this.textStyles())}"><slot></slot></h2>`;
-      case "h3":
-        return a`<h3 part="h3-text heading" class="heading${n(t)}" style="${s(this.textStyles())}"><slot></slot></h3>`;
-      case "h4":
-        return a`<h4 part="h4-text heading" class="heading${n(t)}" style="${s(this.textStyles())}"><slot></slot></h4>`;
-      case "h5":
-        return a`<h5 part="h5-text heading" class="heading${n(t)}" style="${s(this.textStyles())}"><slot></slot></h5>`;
-      case "skeleton":
-        return a`<div class="skeleton${n(t)}"><slot></slot></div>`;
-      default:
-        return a`
-        <span part="span-text span" class="span${n(t)}"><slot></slot></span>`;
+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 { styleMap } from 'lit/directives/style-map.js';
+import { customElement } from 'lit/decorators/custom-element.js';
+import { property } from 'lit/decorators/property.js';
+import { global } from '../../styles/global.js';
+import { fontFamily, fontSizes, fontColors, fontWeights, fontStyle, fontMargins } from '../../styles/fonts.js';
+import { settings } from '../../scripts/settings.js';
+import { mergeStyles } from '../../scripts/mergeStyles.js';
+
+const { prefix } = settings;
+let Text = class Text extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.as = 'p';
+        this.variant = 'bodyMd';
+        this.color = 'default';
+        this.fontWeight = 'inherit';
+        this.fontStyle = 'normal';
+        this.withoutMargin = false;
+        this.transform = 'none';
+        this.truncate = false;
+        this.breakWord = false;
+        this.hidden = false;
+    }
+    textClasses() {
+        const classes = {
+            'text': true,
+            'txt--truncate': this.truncate,
+            'txt--breakword': this.breakWord,
+            'txt--hidden': this.hidden,
+        };
+        if (this.color) {
+            classes['txt--color-' + this.color] = true;
+        }
+        if (this.variant) {
+            classes['txt--' + this.variant] = true;
+        }
+        if (this.lineHeight) {
+            classes['txt--line-height-' + this.lineHeight] = true;
+        }
+        if (this.spacing) {
+            classes['txt--spacing-' + this.spacing] = true;
+        }
+        if (this.fontWeight) {
+            classes['txt--' + this.fontWeight] = true;
+        }
+        if (this.fontStyle) {
+            classes['txt--' + this.fontStyle] = true;
+        }
+        if (this.alignment) {
+            classes['txt--align-' + this.alignment] = this.alignment;
+        }
+        if (this.mobileAlignment) {
+            classes['txt--mobile-align-' + this.mobileAlignment] = true;
+        }
+        else {
+            classes['txt--mobile-align-' + this.alignment] = this.alignment;
+        }
+        if (this.withoutMargin && this.as !== 'span') {
+            classes['text--without-margin'] = true;
+        }
+        if (this.transform !== 'none') {
+            classes['txt-transform--' + this.transform] = true;
+        }
+        return classes;
+    }
+    textStyles() {
+        let styles = {};
+        if (this.fontSize && (this.variant === 'body-custom' || this.variant === 'heading-custom')) {
+            styles = {
+                ...styles,
+                '--umg-font-base-size': this.fontSize / 16 + 'rem',
+            };
+        }
+        return styles;
+    }
+    textAs(classes) {
+        switch (this.as) {
+            case 'p': return html `<p part="p-text paragraph" class="paragraph${classMap(classes)}" style="${styleMap(this.textStyles())}"><slot></slot></p>`;
+            case 'h1': return html `<h1 part="h1-text heading" class="heading${classMap(classes)}" style="${styleMap(this.textStyles())}"><slot></slot></h1>`;
+            case 'h2': return html `<h2 part="h2-text heading" class="heading${classMap(classes)}" style="${styleMap(this.textStyles())}"><slot></slot></h2>`;
+            case 'h3': return html `<h3 part="h3-text heading" class="heading${classMap(classes)}" style="${styleMap(this.textStyles())}"><slot></slot></h3>`;
+            case 'h4': return html `<h4 part="h4-text heading" class="heading${classMap(classes)}" style="${styleMap(this.textStyles())}"><slot></slot></h4>`;
+            case 'h5': return html `<h5 part="h5-text heading" class="heading${classMap(classes)}" style="${styleMap(this.textStyles())}"><slot></slot></h5>`;
+            case 'skeleton': return html `<div class="skeleton${classMap(classes)}"></div>`;
+            default: return html `
+        <span part="span-text span" class="span${classMap(classes)}"><slot></slot></span>`;
+        }
+    }
+    render() {
+        return html `${this.textAs(this.textClasses())}`;
     }
-  }
-  render() {
-    return a`${this.textAs(this.textClasses())}`;
-  }
 };
-e.styles = S([
-  d,
-  u,
-  y,
-  b,
-  w,
-  m`
+Text.styles = mergeStyles([
+    global,
+    fontFamily,
+    fontSizes,
+    fontColors,
+    fontWeights,
+    fontStyle,
+    fontMargins,
+    css `
             .skeleton {
                 display: flex;
-                background-color: rgb(var(--um-color-skeleton-bg, 1));
+                background-color: var(--umg-color-skeleton-background, rgb(0,0,0,0.2));
                 height: 0.5rem;
                 border-radius: 0.5rem;
                 min-width: 5rem;
             }
+            @supports (color: rgb(from white r g b)) {
+                .skeleton {
+                    background-color: rgb(from var(--umg-color-base-text) r g b / 0.2);
+                }
+            }
 
             span.span.text {
                 margin-bottom: 0;
@@ -88,19 +130,6 @@ e.styles = S([
                 margin-bottom: 0;
             }
 
-            /** Color */
-            .txt--color-default {
-                color: inherit
-            }
-            .txt--color-subdued {
-                color: rgba(var(--um-color-base-text-subdued), 1)
-            }
-            .txt--color-warning {
-                color: rgba(var(--um-color-base-text-warning), 1)
-            }
-            .txt--color-inverse {
-                color: rgba(var(--um-color-base-text-inverse), 1);
-            }
             .txt-transform--uppercase {
                 text-transform: uppercase;
             }
@@ -134,19 +163,19 @@ e.styles = S([
             /* Text line-height */
             .txt--line-height-extra-loose.heading, 
             .txt--line-height-extra-loose.paragraph {
-                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.heading, 
             .txt--line-height-loose.paragraph {
-                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-normal.heading, 
             .txt--line-height-normal.paragraph {
-                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.heading, 
             .txt--line-height-compact.paragraph {
-                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 kerning */
@@ -183,7 +212,7 @@ e.styles = S([
             }
             @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;
@@ -198,56 +227,56 @@ e.styles = S([
                     text-align: justify;
                 }
             }
-        `
+        `,
 ]);
-i([
-  r({ type: String })
-], e.prototype, "as", 2);
-i([
-  r({ type: String })
-], e.prototype, "variant", 2);
-i([
-  r({ type: String })
-], e.prototype, "color", 2);
-i([
-  r({ type: Number })
-], e.prototype, "fontSize", 2);
-i([
-  r({ type: String })
-], e.prototype, "fontWeight", 2);
-i([
-  r({ type: String })
-], e.prototype, "fontStyle", 2);
-i([
-  r({ type: String })
-], e.prototype, "lineHeight", 2);
-i([
-  r({ type: String })
-], e.prototype, "spacing", 2);
-i([
-  r({ type: String })
-], e.prototype, "alignment", 2);
-i([
-  r({ type: String })
-], e.prototype, "mobileAlignment", 2);
-i([
-  r({ type: Boolean })
-], e.prototype, "withoutMargin", 2);
-i([
-  r()
-], e.prototype, "transform", 2);
-i([
-  r({ type: Boolean })
-], e.prototype, "truncate", 2);
-i([
-  r({ type: Boolean })
-], e.prototype, "breakWord", 2);
-i([
-  r({ type: Boolean })
-], e.prototype, "hidden", 2);
-e = i([
-  f(`${k}-text`)
-], e);
-export {
-  e as Text
-};
+__decorate([
+    property({ type: String })
+], Text.prototype, "as", void 0);
+__decorate([
+    property({ type: String })
+], Text.prototype, "variant", void 0);
+__decorate([
+    property({ type: String })
+], Text.prototype, "color", void 0);
+__decorate([
+    property({ type: Number })
+], Text.prototype, "fontSize", void 0);
+__decorate([
+    property({ type: String })
+], Text.prototype, "fontWeight", void 0);
+__decorate([
+    property({ type: String })
+], Text.prototype, "fontStyle", void 0);
+__decorate([
+    property({ type: String })
+], Text.prototype, "lineHeight", void 0);
+__decorate([
+    property({ type: String })
+], Text.prototype, "spacing", void 0);
+__decorate([
+    property({ type: String })
+], Text.prototype, "alignment", void 0);
+__decorate([
+    property({ type: String })
+], Text.prototype, "mobileAlignment", void 0);
+__decorate([
+    property({ type: Boolean })
+], Text.prototype, "withoutMargin", void 0);
+__decorate([
+    property()
+], Text.prototype, "transform", void 0);
+__decorate([
+    property({ type: Boolean })
+], Text.prototype, "truncate", void 0);
+__decorate([
+    property({ type: Boolean })
+], Text.prototype, "breakWord", void 0);
+__decorate([
+    property({ type: Boolean })
+], Text.prototype, "hidden", void 0);
+Text = __decorate([
+    customElement(`${prefix}-text`)
+], Text);
+
+export { Text };
+//# sourceMappingURL=text.js.map

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

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

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

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

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

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

package/dist/components/text-field/text-field-export-to-seperates.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+import type { FieldTextType } from '../../types';
+export declare class TextField extends LitElement {
+    type: FieldTextType;
+    hideLabel: boolean;
+    multiline: boolean;
+    placeholder: string;
+    disabled: boolean;
+    required: boolean;
+    id: string;
+    error: boolean;
+    name: string;
+    role: string;
+    value: string;
+    fieldClasses(): any;
+    inputClasses(): any;
+    labelClasses(): any;
+    renderLabel(classes: any): import("lit").TemplateResult<1>;
+    renderInput(classes: any): import("lit").TemplateResult<1>;
+    renderTextarea(classes: any): import("lit").TemplateResult<1>;
+    renderErrorMessage(): import("lit").TemplateResult<1> | undefined;
+    inputAs(classes: any): import("lit").TemplateResult<1>;
+    checkIfMultiline(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}
+//# sourceMappingURL=text-field-export-to-seperates.d.ts.map

package/dist/components/text-field/text-field-export-to-seperates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-export-to-seperates.d.ts","sourceRoot":"","sources":["../../../src/components/text-field/text-field-export-to-seperates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAI3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAShD,qBAEa,SAAU,SAAQ,UAAU;IAGrC,IAAI,EAAE,aAAa,CAAS;IAG5B,SAAS,UAAQ;IAGjB,SAAS,UAAQ;IAGjB,WAAW,SAAK;IAGhB,QAAQ,UAAQ;IAGhB,QAAQ,UAAQ;IAGhB,EAAE,SAAK;IAGP,KAAK,UAAQ;IAGb,IAAI,SAAK;IAGT,IAAI,SAAY;IAGhB,KAAK,SAAK;IAEV,YAAY;IAWZ,YAAY;IAUZ,YAAY;IAUZ,WAAW,CAAC,OAAO,EAAE,GAAG;IAQxB,WAAW,CAAC,OAAO,EAAE,GAAG;IAyBxB,cAAc,CAAC,OAAO,EAAE,GAAG;IAiB3B,kBAAkB;IAUlB,OAAO,CAAC,OAAO,EAAE,GAAG;IAkBpB,gBAAgB;IAehB,MAAM;IASN,MAAM,CAAC,MAAM,+BAoGX;CACL"}