@golemui/gui-lit 1.2.0 → 1.2.1

package/{repeater.element-Da8YN1Vy.js → repeater.element-DGEbwvhY.js}

@@ -1,40 +1,31 @@
-import "./index.js";
-import "@golemui/core";
-import { InputWidgetAdapter as c, formContext as l, inputContext as h } from "@golemui/lit";
-import { consume as m, provide as g } from "@lit/context";
-import { LitElement as b, nothing as n, html as s } from "lit";
-import { repeat as f } from "lit-html/directives/repeat.js";
-import { property as _, state as $, query as v, customElement as I } from "lit/decorators.js";
+import { getItemKey as c } from "@golemui/gui-shared/internals";
+import { InputWidgetAdapter as l, formContext as h, inputContext as m } from "@golemui/lit";
+import { consume as g, provide as b } from "@lit/context";
+import { LitElement as f, nothing as i, html as a } from "lit";
+import { repeat as $ } from "lit-html/directives/repeat.js";
+import { property as v, state as _, query as I } from "lit/decorators.js";
+import { safeDefine as C } from "@golemui/lit/internals";
 import "rxjs";
-import "./errors-Bs_vYN-_.js";
-function w(e, t) {
-  if (e != null && typeof e == "object" && "__rid" in e)
-    return e.__rid;
-  const r = t();
-  return Object.defineProperty(e, "__rid", {
-    value: r,
-    enumerable: !1,
-    configurable: !1
-  }), r;
-}
-var y = Object.defineProperty, C = Object.getOwnPropertyDescriptor, u = (e, t, r, a) => {
-  for (var i = a > 1 ? void 0 : a ? C(t, r) : t, d = e.length - 1, p; d >= 0; d--)
-    (p = e[d]) && (i = (a ? p(t, r, i) : p(i)) || i);
-  return a && i && y(t, r, i), i;
+import "@golemui/gui-components/label";
+import "@golemui/gui-components/errors";
+var w = Object.defineProperty, n = (d, e, r, o) => {
+  for (var t = void 0, u = d.length - 1, p; u >= 0; u--)
+    (p = d[u]) && (t = p(e, r, t) || t);
+  return t && w(e, r, t), t;
 };
-let x = 0;
-const F = () => x++;
-let o = class extends b {
+let y = 0;
+const x = () => y++;
+class s extends f {
   constructor() {
-    super(...arguments), this.adapter = new c(), this.isFocused = !1, this.subscriptions = [];
+    super(...arguments), this.adapter = new l(), this.isFocused = !1, this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
   updated(e) {
     super.updated(e);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
+    const r = this.adapter.templateData.size;
+    r ? this.style.flex = String(r) : this.style.removeProperty("flex");
   }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-repeater", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -48,8 +39,8 @@ let o = class extends b {
     e.stopPropagation(), this.adapter.onBlur(), this.isFocused = !1;
   }
   render() {
-    const e = this.adapter.templateData, t = e.touched && e.errors && e.errors.length > 0;
-    return s`
+    const e = this.adapter.templateData, r = e.touched && e.errors && e.errors.length > 0;
+    return a`
       <div
         id=${this.widget.uid}
         class=${`gui-repeater__main-card gui-repeater__card ${this.isFocused ? "gui-repeater__card--focused" : ""}`}
@@ -65,35 +56,35 @@ let o = class extends b {
           .required=${e.validator?.required}
           .native=${!1}
         ></gui-label>
-        ${e.value ? f(
+        ${e.value ? $(
       e.value,
-      (r) => w(r, F),
-      (r, a) => s`
+      (o) => c(o, x),
+      (o, t) => a`
                 <div class="gui-repeater__card">
                   <div class="gui-repeater__card-header">
-                    ${e.title ? s`<span class="gui-repeater__card-title"
-                          >${e.title} ${a + 1}</span
-                        >` : n}
+                    ${e.title ? a`<span class="gui-repeater__card-title"
+                          >${e.title} ${t + 1}</span
+                        >` : i}
                     <button
                       type="button"
                       tabindex="0"
                       class="gui-button gui-button--sm gui-repeater__remove-btn"
-                      @click=${() => this.removeItem(a)}
+                      @click=${() => this.removeItem(t)}
                     >
-                      ${e.removeButtonIcon ? s`<span
+                      ${e.removeButtonIcon ? a`<span
                             class="gui-widget-icon gui-button-icon ${e.removeButtonIcon}"
                             data-icon=${e.removeButtonIcon}
-                          ></span>` : n}
+                          ></span>` : i}
                       ${e.removeLabel ?? "Remove"}
                     </button>
                   </div>
                   <gui-repeater-widget
-                    .repeaterIndex=${a}
+                    .repeaterIndex=${t}
                     .widget=${e.template}
                   ></gui-repeater-widget>
                 </div>
               `
-    ) : n}
+    ) : i}
 
         <button
           type="button"
@@ -102,18 +93,18 @@ let o = class extends b {
           @click=${() => this.addItem()}
           ?disabled=${!!(e.limit && e.limit === e.value?.length)}
         >
-          ${e.addButtonIcon ? s`<span
+          ${e.addButtonIcon ? a`<span
                 class="gui-widget-icon gui-button-icon ${e.addButtonIcon}"
                 data-icon=${e.addButtonIcon}
-              ></span>` : n}
+              ></span>` : i}
           ${e.addLabel ?? "Add"}
         </button>
       </div>
-      ${t ? s`<gui-errors
+      ${r ? a`<gui-errors
             .uid=${this.widget.uid}
             .errors=${e.errors}
             .touched=${e.touched}
-          ></gui-errors>` : n}
+          ></gui-errors>` : i}
     `;
   }
   disconnectedCallback() {
@@ -124,26 +115,24 @@ let o = class extends b {
     this.adapter.valueChanged(e), this.requestUpdate();
   }
   removeItem(e) {
-    const t = (this.adapter.templateData.value ?? []).filter((r, a) => e !== a);
-    "structuredClone" in window ? this.adapter.valueChanged(structuredClone(t)) : this.adapter.valueChanged(JSON.parse(JSON.stringify(t))), this.requestUpdate();
+    const r = (this.adapter.templateData.value ?? []).filter((o, t) => e !== t);
+    "structuredClone" in window ? this.adapter.valueChanged(structuredClone(r)) : this.adapter.valueChanged(JSON.parse(JSON.stringify(r))), this.requestUpdate();
   }
-};
-u([
-  m({ context: l }),
-  _({ attribute: !1 })
-], o.prototype, "formContext", 2);
-u([
-  g({ context: h })
-], o.prototype, "adapter", 2);
-u([
-  $()
-], o.prototype, "isFocused", 2);
-u([
-  v(".gui-repeater__main-card")
-], o.prototype, "_repeaterRef", 2);
-o = u([
-  I("gui-repeater-input")
-], o);
+}
+n([
+  g({ context: h }),
+  v({ attribute: !1 })
+], s.prototype, "formContext");
+n([
+  b({ context: m })
+], s.prototype, "adapter");
+n([
+  _()
+], s.prototype, "isFocused");
+n([
+  I(".gui-repeater__main-card")
+], s.prototype, "_repeaterRef");
+C("gui-repeater-input", s);
 export {
-  o as RepeaterElement
+  s as RepeaterElement
 };

package/select.element-Bb_9jAVB.js

@@ -0,0 +1,76 @@
+import { InputWidgetAdapter as d, formContext as o, inputContext as n } from "@golemui/lit";
+import "@golemui/gui-components/select";
+import { consume as u, provide as h } from "@lit/context";
+import { LitElement as c, html as m } from "lit";
+import { property as f } from "lit/decorators.js";
+import { safeDefine as b } from "@golemui/lit/internals";
+import "rxjs";
+var $ = Object.defineProperty, l = (r, t, e, v) => {
+  for (var a = void 0, i = r.length - 1, p; i >= 0; i--)
+    (p = r[i]) && (a = p(t, e, a) || a);
+  return a && $(t, e, a), a;
+};
+class s extends c {
+  constructor() {
+    super(...arguments), this.adapter = new d(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(t) {
+    super.updated(t);
+    const e = this.adapter.templateData.size;
+    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-select", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    return super.render(), m`
+      <gui-select
+        .uid=${this.widget.uid}
+        .label=${this.adapter.templateData.label}
+        .errors=${this.adapter.templateData.errors}
+        ?touched=${this.adapter.templateData.touched}
+        ?required=${this.adapter.templateData.validator?.required}
+        ?disabled=${this.adapter.templateData.disabled}
+        ?readonly=${this.adapter.templateData.readonly}
+        .value=${this.adapter.templateData.value}
+        .hint=${this.adapter.templateData.hint}
+        .icon=${this.adapter.templateData.icon}
+        .placeholder=${this.adapter.templateData.placeholder}
+        .autocomplete=${this.adapter.templateData.autocomplete}
+        .options=${this.adapter.templateData.options}
+        .labelField=${this.adapter.templateData.labelField}
+        .valueField=${this.adapter.templateData.valueField}
+        .invalidOptionMessage=${this.adapter.templateData.invalidOptionMessage}
+        @change=${this.valueChanged}
+        @inputError=${this.onInputError}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-select>
+    `;
+  }
+  valueChanged(t) {
+    const e = t.detail.value;
+    this.adapter.valueChanged(e);
+  }
+  onInputError(t) {
+    this.adapter.injectValidationIssues([t.detail.message]);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+}
+l([
+  u({ context: o }),
+  f({ attribute: !1 })
+], s.prototype, "formContext");
+l([
+  h({ context: n })
+], s.prototype, "adapter");
+b("gui-select-input", s);
+export {
+  s as SelectElement
+};

package/{tabs.element-CvcIA8P3.js → tabs.element-BYDNF_pm.js}

@@ -1,17 +1,18 @@
 import { LayoutWidgetAdapter as f, formContext as m, layoutContext as v } from "@golemui/lit";
-import { c } from "./tabs-DzSCq_98.js";
-import { consume as w, provide as $ } from "@lit/context";
-import { LitElement as y, html as d, nothing as _ } from "lit";
+import { createIntersectionObserver as c } from "@golemui/gui-components/internals";
+import { safeDefine as $ } from "@golemui/lit/internals";
+import { consume as y, provide as w } from "@lit/context";
+import { LitElement as T, html as d, nothing as _ } from "lit";
 import { repeat as p } from "lit-html/directives/repeat.js";
-import { query as h, state as b, queryAll as T, property as g, customElement as x } from "lit/decorators.js";
+import { query as h, state as b, queryAll as x, property as g } from "lit/decorators.js";
 import { classMap as u } from "lit/directives/class-map.js";
 import "rxjs";
-var C = Object.defineProperty, O = Object.getOwnPropertyDescriptor, o = (s, i, e, t) => {
-  for (var r = t > 1 ? void 0 : t ? O(i, e) : i, a = s.length - 1, l; a >= 0; a--)
-    (l = s[a]) && (r = (t ? l(i, e, r) : l(r)) || r);
-  return t && r && C(i, e, r), r;
+var k = Object.defineProperty, o = (l, s, e, i) => {
+  for (var t = void 0, n = l.length - 1, a; n >= 0; n--)
+    (a = l[n]) && (t = a(s, e, t) || t);
+  return t && k(s, e, t), t;
 };
-let n = class extends y {
+class r extends T {
   constructor() {
     super(...arguments), this.activeTab = "", this.adapter = new f(), this.subscriptions = [];
   }
@@ -20,8 +21,8 @@ let n = class extends y {
   }
   updated(s) {
     super.updated(s);
-    const i = this.adapter.templateData.size;
-    i ? this.style.flex = String(i) : this.style.removeProperty("flex");
+    const e = this.adapter.templateData.size;
+    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
   }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-tabs", "gui-field");
@@ -40,43 +41,43 @@ let n = class extends y {
       this.endSentinel,
       (t) => this.isEndVisible = t
     );
-    const e = this.widget.props.tabs.findIndex((t) => t.uid === this.activeTab);
-    this.tabButtons[e].scrollIntoView({ block: "nearest", inline: "nearest" });
+    const i = this.widget.props.tabs.findIndex((t) => t.uid === this.activeTab);
+    this.tabButtons[i].scrollIntoView({ block: "nearest", inline: "nearest" });
   }
   render() {
     if (!this.adapter.templateData) return d``;
     const s = this.widget.children.filter(
-      (e) => e.uid === this.activeTab || this.adapter.templateData.renderMode !== "activeOnly"
-    ), i = {
+      (i) => i.uid === this.activeTab || this.adapter.templateData.renderMode !== "activeOnly"
+    ), e = {
       "gui-widget": !0,
       "gui-widget--horizontal": !0,
       "gui-tabs--start-shadow": !this.isStartVisible,
       "gui-tabs--end-shadow": !this.isEndVisible
     };
-    return d`<nav class=${u(i)} id=${this.widget.uid}>
+    return d`<nav class=${u(e)} id=${this.widget.uid}>
         <ul role="tablist">
           <li role="presentation" id="start-sentinel" class="gui-sentinel"></li>
           ${this.adapter.templateData.tabs ? p(
       this.adapter.templateData.tabs,
-      (e, t) => d`
+      (i, t) => d`
                   <li role="presentation">
                     <button
                       type="button"
                       role="tab"
-                      tabindex=${e.uid === this.activeTab ? "0" : "-1"}
+                      tabindex=${i.uid === this.activeTab ? "0" : "-1"}
                       data-cy=${`tab_${this.widget.uid}_${t}`}
                       id=${`tab_${this.widget.uid}_${t}`}
                       aria-controls=${`tabpanel_${this.widget.uid}_${t}`}
-                      aria-selected=${e.uid === this.activeTab ? "true" : "false"}
-                      class=${u({ active: e.uid === this.activeTab })}
-                      @click=${() => this.onClickTab(e.uid)}
+                      aria-selected=${i.uid === this.activeTab ? "true" : "false"}
+                      class=${u({ active: i.uid === this.activeTab })}
+                      @click=${() => this.onClickTab(i.uid)}
                       @keydown=${this.onKeyDown}
-                      @focus=${(r) => r.target.scrollIntoView({
+                      @focus=${(n) => n.target.scrollIntoView({
         block: "nearest",
         inline: "nearest"
       })}
                     >
-                      ${e.label}
+                      ${i.label}
                     </button>
                   </li>
                 `
@@ -86,16 +87,16 @@ let n = class extends y {
       </nav>
       ${p(
       s,
-      (e) => e?.uid,
-      (e, t) => d`<section
+      (i) => i?.uid,
+      (i, t) => d`<section
             role="tabpanel"
             tabindex="0"
             data-cy=${`tabpanel_${this.widget.uid}_${t}`}
             id=${`tabpanel_${this.widget.uid}_${t}`}
-            ?hidden=${e.uid !== this.activeTab && this.adapter.templateData.renderMode !== "activeOnly"}
+            ?hidden=${i.uid !== this.activeTab && this.adapter.templateData.renderMode !== "activeOnly"}
             aria-labelledby=${`tab_${this.widget.uid}_${t}`}
           >
-            <gui-widget .widget=${e}></gui-widget>
+            <gui-widget .widget=${i}></gui-widget>
           </section>`
     )}`;
   }
@@ -106,57 +107,55 @@ let n = class extends y {
     this.activeTab = s, this.adapter.change(s), this.requestUpdate();
   }
   onKeyDown(s) {
-    const i = this.widget.props.tabs, e = i.findIndex((a) => a.uid === this.activeTab), t = Array.from(this.tabButtons), r = window.getComputedStyle(this).direction === "rtl";
+    const e = this.widget.props.tabs, i = e.findIndex((a) => a.uid === this.activeTab), t = Array.from(this.tabButtons), n = window.getComputedStyle(this).direction === "rtl";
     switch (s.key) {
       case "ArrowLeft": {
-        const a = e + (r ? 1 : -1);
-        a >= 0 && a < i.length && (this.activeTab = i[a].uid, t[a].focus());
+        const a = i + (n ? 1 : -1);
+        a >= 0 && a < e.length && (this.activeTab = e[a].uid, t[a].focus());
         break;
       }
       case "ArrowRight": {
-        const a = e + (r ? -1 : 1);
-        a >= 0 && a < i.length && (this.activeTab = i[a].uid, t[a].focus());
+        const a = i + (n ? -1 : 1);
+        a >= 0 && a < e.length && (this.activeTab = e[a].uid, t[a].focus());
         break;
       }
       case "Home":
-        this.activeTab = i[0].uid, t[0].focus();
+        this.activeTab = e[0].uid, t[0].focus();
         break;
       case "End":
-        this.activeTab = i[i.length - 1].uid, t[i.length - 1].focus();
+        this.activeTab = e[e.length - 1].uid, t[e.length - 1].focus();
         break;
       default:
         return;
     }
   }
-};
+}
 o([
   h("#start-sentinel")
-], n.prototype, "startSentinel", 2);
+], r.prototype, "startSentinel");
 o([
   h("#end-sentinel")
-], n.prototype, "endSentinel", 2);
+], r.prototype, "endSentinel");
 o([
   b()
-], n.prototype, "isStartVisible", 2);
+], r.prototype, "isStartVisible");
 o([
   b()
-], n.prototype, "isEndVisible", 2);
+], r.prototype, "isEndVisible");
 o([
-  T('button[role="tab"]')
-], n.prototype, "tabButtons", 2);
+  x('button[role="tab"]')
+], r.prototype, "tabButtons");
 o([
   g({ type: String })
-], n.prototype, "activeTab", 2);
+], r.prototype, "activeTab");
 o([
-  w({ context: m }),
+  y({ context: m }),
   g({ attribute: !1 })
-], n.prototype, "formContext", 2);
+], r.prototype, "formContext");
 o([
-  $({ context: v })
-], n.prototype, "adapter", 2);
-n = o([
-  x("gui-tabs-layout")
-], n);
+  w({ context: v })
+], r.prototype, "adapter");
+$("gui-tabs-layout", r);
 export {
-  n as TabsElement
+  r as TabsElement
 };

package/tags.element-BSN3i9Gx.js

@@ -0,0 +1,73 @@
+import { InputWidgetAdapter as d, formContext as o, inputContext as n } from "@golemui/lit";
+import "@golemui/gui-components/tags";
+import { consume as h, provide as u } from "@lit/context";
+import { LitElement as m, html as c } from "lit";
+import { property as f } from "lit/decorators.js";
+import { safeDefine as D } from "@golemui/lit/internals";
+import "rxjs";
+var b = Object.defineProperty, l = (r, t, e, g) => {
+  for (var a = void 0, i = r.length - 1, p; i >= 0; i--)
+    (p = r[i]) && (a = p(t, e, a) || a);
+  return a && b(t, e, a), a;
+};
+class s extends m {
+  constructor() {
+    super(...arguments), this.adapter = new d(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(t) {
+    super.updated(t);
+    const e = this.adapter.templateData.size;
+    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-tags", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    return super.render(), c`
+      <gui-tags
+        .uid=${this.widget.uid}
+        .label=${this.adapter.templateData.label}
+        .hint=${this.adapter.templateData.hint}
+        .errors=${this.adapter.templateData.errors}
+        ?touched=${this.adapter.templateData.touched}
+        ?required=${this.adapter.templateData.validator?.required}
+        ?disabled=${this.adapter.templateData.disabled}
+        ?readonly=${this.adapter.templateData.readonly}
+        .value=${this.adapter.templateData.value}
+        .placeholder=${this.adapter.templateData.placeholder}
+        .icon=${this.adapter.templateData.icon}
+        .separators=${this.adapter.templateData.separators}
+        .allowDuplicates=${this.adapter.templateData.allowDuplicates ?? !0}
+        .trim=${this.adapter.templateData.trim ?? !0}
+        .limit=${this.adapter.templateData.limit}
+        .removeAriaLabel=${this.adapter.templateData.removeAriaLabel}
+        .removeIcon=${this.adapter.templateData.removeIcon}
+        @change=${this.valueChanged}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-tags>
+    `;
+  }
+  valueChanged(t) {
+    const e = t.detail.value;
+    this.adapter.valueChanged(e);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+}
+l([
+  h({ context: o }),
+  f({ attribute: !1 })
+], s.prototype, "formContext");
+l([
+  u({ context: n })
+], s.prototype, "adapter");
+D("gui-tags-input", s);
+export {
+  s as TagsElement
+};

package/textarea.element-Dl1ZEOqO.js

@@ -0,0 +1,71 @@
+import { InputWidgetAdapter as o, formContext as l, inputContext as n } from "@golemui/lit";
+import "@golemui/gui-components/textarea";
+import { consume as u, provide as h } from "@lit/context";
+import { LitElement as m, html as c } from "lit";
+import { property as f } from "lit/decorators.js";
+import { safeDefine as b } from "@golemui/lit/internals";
+import "rxjs";
+var g = Object.defineProperty, d = (r, t, e, x) => {
+  for (var a = void 0, i = r.length - 1, p; i >= 0; i--)
+    (p = r[i]) && (a = p(t, e, a) || a);
+  return a && g(t, e, a), a;
+};
+class s extends m {
+  constructor() {
+    super(...arguments), this.adapter = new o(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(t) {
+    super.updated(t);
+    const e = this.adapter.templateData.size;
+    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-textarea", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    return super.render(), c`
+      <gui-textarea
+        .uid=${this.widget.uid}
+        .label=${this.adapter.templateData.label}
+        .errors=${this.adapter.templateData.errors}
+        ?touched=${this.adapter.templateData.touched}
+        ?required=${this.adapter.templateData.validator?.required}
+        ?disabled=${this.adapter.templateData.disabled}
+        ?readonly=${this.adapter.templateData.readonly}
+        .value=${this.adapter.templateData.value}
+        .hint=${this.adapter.templateData.hint}
+        .placeholder=${this.adapter.templateData.placeholder}
+        .autocomplete=${this.adapter.templateData.autocomplete}
+        .counterMode=${this.adapter.templateData.counterMode}
+        .minimumHeight=${this.adapter.templateData.minimumHeight}
+        .autoGrow=${this.adapter.templateData.autoGrow}
+        .maxLength=${this.adapter.templateData.validator?.maxLength}
+        @input=${this.valueChanged}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-textarea>
+    `;
+  }
+  valueChanged(t) {
+    const e = t.detail.value;
+    this.adapter.valueChanged(e);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+}
+d([
+  u({ context: l }),
+  f({ attribute: !1 })
+], s.prototype, "formContext");
+d([
+  h({ context: n })
+], s.prototype, "adapter");
+b("gui-textarea-input", s);
+export {
+  s as TextareaElement
+};

package/textinput.element-C5Vbbkxq.js

@@ -0,0 +1,68 @@
+import { InputWidgetAdapter as o, formContext as l, inputContext as n } from "@golemui/lit";
+import "@golemui/gui-components/textinput";
+import { consume as u, provide as h } from "@lit/context";
+import { LitElement as c, html as m } from "lit";
+import { property as f } from "lit/decorators.js";
+import { safeDefine as b } from "@golemui/lit/internals";
+import "rxjs";
+var x = Object.defineProperty, d = (r, t, e, v) => {
+  for (var a = void 0, i = r.length - 1, p; i >= 0; i--)
+    (p = r[i]) && (a = p(t, e, a) || a);
+  return a && x(t, e, a), a;
+};
+class s extends c {
+  constructor() {
+    super(...arguments), this.adapter = new o(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(t) {
+    super.updated(t);
+    const e = this.adapter.templateData.size;
+    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-textinput", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    return super.render(), m`
+      <gui-textinput
+        .uid=${this.widget.uid}
+        .label=${this.adapter.templateData.label}
+        .hint=${this.adapter.templateData.hint}
+        .errors=${this.adapter.templateData.errors}
+        ?touched=${this.adapter.templateData.touched}
+        ?required=${this.adapter.templateData.validator?.required}
+        ?disabled=${this.adapter.templateData.disabled}
+        ?readonly=${this.adapter.templateData.readonly}
+        .value=${this.adapter.templateData.value}
+        .icon=${this.adapter.templateData.icon}
+        .placeholder=${this.adapter.templateData.placeholder}
+        .autocomplete=${this.adapter.templateData.autocomplete}
+        @input=${this.valueChanged}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-textinput>
+    `;
+  }
+  valueChanged(t) {
+    const e = t.detail.value;
+    this.adapter.valueChanged(e);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+}
+d([
+  u({ context: l }),
+  f({ attribute: !1 })
+], s.prototype, "formContext");
+d([
+  h({ context: n })
+], s.prototype, "adapter");
+b("gui-textinput-input", s);
+export {
+  s as TextinputElement
+};