@golemui/gui-lit 0.0.2

package/textarea.element-BXc-rLZE.js

@@ -0,0 +1,70 @@
+import * as o from "@golemui/lit";
+import { consume as n, provide as u } from "@lit/context";
+import { LitElement as h, html as m } from "lit";
+import { property as c, customElement as b } from "lit/decorators.js";
+var x = Object.defineProperty, D = Object.getOwnPropertyDescriptor, l = (e, t, s, r) => {
+  for (var a = r > 1 ? void 0 : r ? D(t, s) : t, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (a = (r ? d(t, s, a) : d(a)) || a);
+  return r && a && x(t, s, a), a;
+};
+let i = class extends h {
+  constructor() {
+    super(...arguments), this.adapter = new o.InputWidgetAdapter(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-textarea"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  updated(e) {
+    super.updated(e);
+    const t = this.adapter.templateData.size;
+    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
+  }
+  render() {
+    return super.render(), m`
+      <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}
+        .icon=${this.adapter.templateData.icon}
+        .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(e) {
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+  }
+};
+l([
+  n({ context: o.formContext }),
+  c({ attribute: !1 })
+], i.prototype, "formContext", 2);
+l([
+  u({ context: o.inputContext })
+], i.prototype, "adapter", 2);
+i = l([
+  b("gui-textarea-input")
+], i);
+export {
+  i as TextareaElement
+};

package/textinput.element-x9LYeW8B.js

@@ -0,0 +1,66 @@
+import * as l from "@golemui/lit";
+import { consume as o, provide as u } from "@lit/context";
+import { LitElement as h, html as c } from "lit";
+import { property as m, customElement as b } from "lit/decorators.js";
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, n = (e, t, s, r) => {
+  for (var a = r > 1 ? void 0 : r ? v(t, s) : t, p = e.length - 1, d; p >= 0; p--)
+    (d = e[p]) && (a = (r ? d(t, s, a) : d(a)) || a);
+  return r && a && f(t, s, a), a;
+};
+let i = class extends h {
+  constructor() {
+    super(...arguments), this.adapter = new l.InputWidgetAdapter(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-textinput"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  updated(e) {
+    super.updated(e);
+    const t = this.adapter.templateData.size;
+    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
+  }
+  render() {
+    return super.render(), c`
+      <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}
+        @input=${this.valueChanged}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-textinput>
+    `;
+  }
+  valueChanged(e) {
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+  }
+};
+n([
+  o({ context: l.formContext }),
+  m({ attribute: !1 })
+], i.prototype, "formContext", 2);
+n([
+  u({ context: l.inputContext })
+], i.prototype, "adapter", 2);
+i = n([
+  b("gui-textinput-input")
+], i);
+export {
+  i as TextinputElement
+};

package/toggle.element-BP4YKWyR.js

@@ -0,0 +1,65 @@
+import * as l from "@golemui/lit";
+import { consume as n, provide as u } from "@lit/context";
+import { LitElement as h, html as c } from "lit";
+import { property as m, customElement as g } from "lit/decorators.js";
+var b = Object.defineProperty, f = Object.getOwnPropertyDescriptor, d = (e, t, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? f(t, i) : t, o = e.length - 1, p; o >= 0; o--)
+    (p = e[o]) && (a = (r ? p(t, i, a) : p(a)) || a);
+  return r && a && b(t, i, a), a;
+};
+let s = class extends h {
+  constructor() {
+    super(...arguments), this.adapter = new l.InputWidgetAdapter(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-toggle"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  updated(e) {
+    super.updated(e);
+    const t = this.adapter.templateData.size;
+    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
+  }
+  render() {
+    return super.render(), c`
+      <gui-toggle
+        .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}
+        .togglePosition=${this.adapter.templateData.togglePosition}
+        @change=${this.valueChanged}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-toggle>
+    `;
+  }
+  valueChanged(e) {
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+  }
+};
+d([
+  n({ context: l.formContext }),
+  m({ attribute: !1 })
+], s.prototype, "formContext", 2);
+d([
+  u({ context: l.inputContext })
+], s.prototype, "adapter", 2);
+s = d([
+  g("gui-toggle-input")
+], s);
+export {
+  s as ToggleElement
+};