@golemui/gui-lit 0.12.2 → 0.13.1

package/textarea.element-C8yx2u0o.js

@@ -0,0 +1,237 @@
+import { InputWidgetAdapter as v, formContext as b, inputContext as x } from "@golemui/lit";
+import "@golemui/gui-shared";
+import { LitElement as c, html as n, nothing as m } from "lit";
+import { property as i, customElement as g } from "lit/decorators.js";
+import { classMap as $ } from "lit/directives/class-map.js";
+import { G as f, b as C, c as w } from "./templates-Dk1jxLwS.js";
+import { styleMap as D } from "lit-html/directives/style-map.js";
+import { consume as _, provide as L } from "@lit/context";
+import "rxjs";
+var S = Object.defineProperty, O = Object.getOwnPropertyDescriptor, o = (t, a, d, s) => {
+  for (var e = s > 1 ? void 0 : s ? O(a, d) : a, l = t.length - 1, p; l >= 0; l--)
+    (p = t[l]) && (e = (s ? p(a, d, e) : p(e)) || e);
+  return s && e && S(a, d, e), e;
+};
+let r = class extends c {
+  constructor() {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.minimumHeight = void 0, this.autoGrow = !1, this.maxLength = void 0, this.ariaController = new f(this, {
+      getTargets: () => this.querySelectorAll(`textarea[id="${this.uid}"]`),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          readonly: this.readOnly,
+          disabled: this.disabled,
+          touched: this.touched
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  render() {
+    super.render();
+    const t = {
+      uid: this.uid,
+      label: this.label,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      hint: this.hint,
+      placeholder: this.placeholder,
+      autocomplete: this.autocomplete,
+      counterMode: this.counterMode ?? "remaining",
+      minimumHeight: this.minimumHeight ?? 120,
+      autoGrow: this.autoGrow ?? !1,
+      maxLength: this.maxLength
+    };
+    let a = n``;
+    if (t.counterMode && t.maxLength) {
+      const e = {
+        "gui-textarea--counter": !0,
+        "gui-textarea--counter__error": (t.value?.length ?? 0) > t.maxLength
+      }, l = t.counterMode === "current" ? n`<span>${t.value?.length ?? 0}</span>` : n`<span>${t.maxLength - (t.value?.length ?? 0)}</span>`;
+      a = n`<div class=${$(e)}>
+        ${l}
+        <span> / ${t.maxLength}</span>
+      </div>`;
+    }
+    const d = {
+      height: `${t.minimumHeight}px`,
+      "min-height": `${t.minimumHeight}px`
+    }, s = this.querySelector(`textarea[id="${this.uid}"]`);
+    if (this.autoGrow && s) {
+      const e = window.getComputedStyle(s), l = parseFloat(e.paddingTop), p = parseFloat(e.paddingBottom), y = l + p;
+      s.style.height = "auto", d.height = `${Math.max(this.minimumHeight ?? 120, s.scrollHeight - y)}px`;
+    }
+    return n`
+      ${C(this.uid, t)}
+
+      <div class="gui-widget">
+        <textarea
+          id=${this.uid}
+          data-cy=${`${this.uid}_textarea`}
+          style=${D(d)}
+          ?required=${t.required}
+          ?disabled=${t.disabled}
+          ?readonly=${t.readonly}
+          placeholder=${t.placeholder || m}
+          autocomplete=${this.autocomplete || m}
+          @input=${this.valueChanged}
+          @blur=${this.onBlur}
+        ></textarea>
+      </div>
+
+      <div class="gui-textarea--validation">
+        <div>${w(this.uid, t)}</div>
+        ${a}
+      </div>
+    `;
+  }
+  valueChanged(t) {
+    if (t.stopPropagation(), !this.readOnly) {
+      const a = t.target;
+      this.dispatchEvent(
+        new CustomEvent("input", {
+          detail: { value: a.value },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  onBlur() {
+    this.dispatchEvent(
+      new CustomEvent("blur", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+};
+o([
+  i({ type: String })
+], r.prototype, "uid", 2);
+o([
+  i({ type: String })
+], r.prototype, "label", 2);
+o([
+  i({ type: String, attribute: "locale-id" })
+], r.prototype, "localeId", 2);
+o([
+  i({ type: Array })
+], r.prototype, "errors", 2);
+o([
+  i({ type: Boolean })
+], r.prototype, "touched", 2);
+o([
+  i({ type: Boolean })
+], r.prototype, "required", 2);
+o([
+  i({ type: Boolean })
+], r.prototype, "disabled", 2);
+o([
+  i({ type: Boolean, attribute: "readonly" })
+], r.prototype, "readOnly", 2);
+o([
+  i({ type: String })
+], r.prototype, "value", 2);
+o([
+  i({ type: String })
+], r.prototype, "hint", 2);
+o([
+  i({ type: String })
+], r.prototype, "placeholder", 2);
+o([
+  i({ type: String })
+], r.prototype, "autocomplete", 2);
+o([
+  i({ type: String, attribute: "countermode" })
+], r.prototype, "counterMode", 2);
+o([
+  i({ type: Number, attribute: "minimumheight" })
+], r.prototype, "minimumHeight", 2);
+o([
+  i({ type: Boolean, attribute: "autogrow" })
+], r.prototype, "autoGrow", 2);
+o([
+  i({ type: Number, attribute: "maxlength" })
+], r.prototype, "maxLength", 2);
+r = o([
+  g("gui-textarea")
+], r);
+typeof customElements < "u" && !customElements.get("gui-textarea") && customElements.define("gui-textarea", r);
+var E = Object.defineProperty, q = Object.getOwnPropertyDescriptor, h = (t, a, d, s) => {
+  for (var e = s > 1 ? void 0 : s ? q(a, d) : a, l = t.length - 1, p; l >= 0; l--)
+    (p = t[l]) && (e = (s ? p(a, d, e) : p(e)) || e);
+  return s && e && E(a, d, e), e;
+};
+let u = class extends c {
+  constructor() {
+    super(...arguments), this.adapter = new v(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(t) {
+    super.updated(t);
+    const a = this.adapter.templateData.size;
+    a ? this.style.flex = String(a) : 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(), n`
+      <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 a = t.detail.value;
+    this.adapter.valueChanged(a);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+};
+h([
+  _({ context: b }),
+  i({ attribute: !1 })
+], u.prototype, "formContext", 2);
+h([
+  L({ context: x })
+], u.prototype, "adapter", 2);
+u = h([
+  g("gui-textarea-input")
+], u);
+export {
+  u as TextareaElement
+};

package/textinput.element-DKuplF1A.js

@@ -0,0 +1,204 @@
+import { InputWidgetAdapter as b, formContext as v, inputContext as g } from "@golemui/lit";
+import "@golemui/gui-shared";
+import { LitElement as c, nothing as h, html as m } from "lit";
+import { property as r, customElement as y } from "lit/decorators.js";
+import { classMap as f } from "lit/directives/class-map.js";
+import { G as $, a as x, b as C, c as D } from "./templates-Dk1jxLwS.js";
+import { consume as O, provide as _ } from "@lit/context";
+import "rxjs";
+var E = Object.defineProperty, w = Object.getOwnPropertyDescriptor, s = (t, e, o, l) => {
+  for (var a = l > 1 ? void 0 : l ? w(e, o) : e, p = t.length - 1, d; p >= 0; p--)
+    (d = t[p]) && (a = (l ? d(e, o, a) : d(a)) || a);
+  return l && a && E(e, o, a), a;
+};
+let i = class extends c {
+  constructor() {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.icon = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.ariaController = new $(this, {
+      getTargets: () => this.querySelectorAll(`input[id="${this.uid}"]`),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          readonly: this.readOnly,
+          disabled: this.disabled,
+          touched: this.touched
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  render() {
+    super.render();
+    const t = {
+      uid: this.uid,
+      label: this.label,
+      hint: this.hint,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      icon: this.icon,
+      placeholder: this.placeholder,
+      autocomplete: this.autocomplete
+    }, e = x("textinput", t), o = {
+      "gui-textinput--icon": !!this.icon
+    };
+    return m`
+      ${C(this.uid, t)}
+
+      <div class="gui-widget">
+        <input
+          type="text"
+          id=${this.uid}
+          data-cy=${`${this.uid}_textinput`}
+          class=${f(o)}
+          value=${this.value}
+          ?required=${this.disabled}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readOnly}
+          placeholder=${this.placeholder || h}
+          autocomplete=${this.autocomplete || h}
+          @input=${this.valueChanged}
+          @blur=${this.onBlur}
+        />
+        ${e.html}
+      </div>
+
+      ${D(this.uid, t)}
+    `;
+  }
+  valueChanged(t) {
+    if (t.stopPropagation(), !this.readOnly) {
+      const e = t.target;
+      this.dispatchEvent(
+        new CustomEvent("input", {
+          detail: { value: e.value },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  onBlur() {
+    this.dispatchEvent(
+      new CustomEvent("blur", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+};
+s([
+  r({ type: String })
+], i.prototype, "uid", 2);
+s([
+  r({ type: String })
+], i.prototype, "label", 2);
+s([
+  r({ type: String, attribute: "locale-id" })
+], i.prototype, "localeId", 2);
+s([
+  r({ type: Array })
+], i.prototype, "errors", 2);
+s([
+  r({ type: Boolean })
+], i.prototype, "touched", 2);
+s([
+  r({ type: Boolean })
+], i.prototype, "required", 2);
+s([
+  r({ type: Boolean })
+], i.prototype, "disabled", 2);
+s([
+  r({ type: Boolean, attribute: "readonly" })
+], i.prototype, "readOnly", 2);
+s([
+  r({ type: String })
+], i.prototype, "value", 2);
+s([
+  r({ type: String })
+], i.prototype, "hint", 2);
+s([
+  r({ type: String })
+], i.prototype, "icon", 2);
+s([
+  r({ type: String })
+], i.prototype, "placeholder", 2);
+s([
+  r({ type: String })
+], i.prototype, "autocomplete", 2);
+i = s([
+  y("gui-textinput")
+], i);
+typeof customElements < "u" && !customElements.get("gui-textinput") && customElements.define("gui-textinput", i);
+var S = Object.defineProperty, P = Object.getOwnPropertyDescriptor, u = (t, e, o, l) => {
+  for (var a = l > 1 ? void 0 : l ? P(e, o) : e, p = t.length - 1, d; p >= 0; p--)
+    (d = t[p]) && (a = (l ? d(e, o, a) : d(a)) || a);
+  return l && a && S(e, o, a), a;
+};
+let n = class extends c {
+  constructor() {
+    super(...arguments), this.adapter = new b(), 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());
+  }
+};
+u([
+  O({ context: v }),
+  r({ attribute: !1 })
+], n.prototype, "formContext", 2);
+u([
+  _({ context: g })
+], n.prototype, "adapter", 2);
+n = u([
+  y("gui-textinput-input")
+], n);
+export {
+  n as TextinputElement
+};

package/toggle.element-NXRrhALB.js

@@ -0,0 +1,201 @@
+import { InputWidgetAdapter as b, formContext as m, inputContext as y } from "@golemui/lit";
+import "@golemui/gui-shared";
+import { G as v, c as f } from "./templates-Dk1jxLwS.js";
+import { LitElement as h, nothing as $, html as g } from "lit";
+import { property as r, customElement as c } from "lit/decorators.js";
+import { consume as C, provide as _ } from "@lit/context";
+import "rxjs";
+var D = Object.defineProperty, P = Object.getOwnPropertyDescriptor, s = (t, e, l, o) => {
+  for (var i = o > 1 ? void 0 : o ? P(e, l) : e, d = t.length - 1, n; d >= 0; d--)
+    (n = t[d]) && (i = (o ? n(e, l, i) : n(i)) || i);
+  return o && i && D(e, l, i), i;
+};
+let a = class extends h {
+  constructor() {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.togglePosition = "left", this.ariaController = new v(this, {
+      getTargets: () => this.querySelectorAll('span[role="presentation"]'),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          touched: this.touched,
+          // Checkboxes can't have aria-readonly
+          readonly: !1,
+          disabled: !1
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  render() {
+    super.render();
+    const t = {
+      uid: this.uid,
+      label: this.label,
+      hint: this.hint,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      togglePosition: this.togglePosition
+    };
+    return t.togglePosition === "right" ? this.classList.add("gui-toggle--right") : this.classList.contains("gui-toggle--right") && this.classList.remove("gui-toggle--right"), g`
+      <label
+        class="gui-label"
+        for=${this.uid}
+        data-cy=${`${this.uid}_label`}
+        id=${`${this.uid}_label`}
+      >
+        <div class="gui-widget gui-widget--horizontal gui-toggle--switch">
+          <input
+            type="checkbox"
+            tabindex="0"
+            id=${this.uid}
+            data-cy=${`${this.uid}_toggle`}
+            ?checked=${t.value}
+            ?required=${t.required}
+            ?disabled=${t.disabled || t.readonly}
+            @change=${this.valueChanged}
+            @blur=${this.onBlur}
+          />
+
+          <span class="gui-toggle--slider" role="presentation"></span>
+        </div>
+
+        <span class="gui-label__container">
+          ${t.label + (t.required ? " *" : "")}
+        </span>
+      </label>
+
+      <div class="gui-widget-hint" id=${`${t.uid}_hint`}>
+        ${t.hint ?? $} ${f(this.uid, t)}
+      </div>
+    `;
+  }
+  valueChanged(t) {
+    if (t?.stopPropagation(), !this.readOnly) {
+      const e = t?.target;
+      this.dispatchEvent(
+        new CustomEvent("change", {
+          detail: { value: e.checked },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  onBlur() {
+    this.dispatchEvent(
+      new CustomEvent("blur", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+};
+s([
+  r({ type: String })
+], a.prototype, "uid", 2);
+s([
+  r({ type: String })
+], a.prototype, "label", 2);
+s([
+  r({ type: String, attribute: "locale-id" })
+], a.prototype, "localeId", 2);
+s([
+  r({ type: Array })
+], a.prototype, "errors", 2);
+s([
+  r({ type: Boolean })
+], a.prototype, "touched", 2);
+s([
+  r({ type: Boolean })
+], a.prototype, "required", 2);
+s([
+  r({ type: Boolean })
+], a.prototype, "disabled", 2);
+s([
+  r({ type: Boolean, attribute: "readonly" })
+], a.prototype, "readOnly", 2);
+s([
+  r({ type: String })
+], a.prototype, "value", 2);
+s([
+  r({ type: String })
+], a.prototype, "hint", 2);
+s([
+  r({ type: String })
+], a.prototype, "togglePosition", 2);
+a = s([
+  c("gui-toggle")
+], a);
+typeof customElements < "u" && !customElements.get("gui-toggle") && customElements.define("gui-toggle", a);
+var w = Object.defineProperty, x = Object.getOwnPropertyDescriptor, u = (t, e, l, o) => {
+  for (var i = o > 1 ? void 0 : o ? x(e, l) : e, d = t.length - 1, n; d >= 0; d--)
+    (n = t[d]) && (i = (o ? n(e, l, i) : n(i)) || i);
+  return o && i && w(e, l, i), i;
+};
+let p = class extends h {
+  constructor() {
+    super(...arguments), this.adapter = new b(), 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-toggle", "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(), g`
+      <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(t) {
+    const e = t.detail.value;
+    this.adapter.valueChanged(e);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+};
+u([
+  C({ context: m }),
+  r({ attribute: !1 })
+], p.prototype, "formContext", 2);
+u([
+  _({ context: y })
+], p.prototype, "adapter", 2);
+p = u([
+  c("gui-toggle-input")
+], p);
+export {
+  p as ToggleElement
+};

package/button.element-hjhVBamJ.js

@@ -1,56 +0,0 @@
-import * as p from "@golemui/lit";
-import { consume as d, provide as l } from "@lit/context";
-import { LitElement as u, html as h } from "lit";
-import { property as m, customElement as b } from "lit/decorators.js";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, c = (a, t, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? g(t, s) : t, o = a.length - 1, n; o >= 0; o--)
-    (n = a[o]) && (e = (i ? n(t, s, e) : n(e)) || e);
-  return i && e && f(t, s, e), e;
-};
-let r = class extends u {
-  constructor() {
-    super(...arguments), this.adapter = new p.ActionWidgetAdapter(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  updated(a) {
-    super.updated(a);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-button", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  render() {
-    return h`
-      <gui-button
-        .uid=${this.widget.uid}
-        .label=${this.adapter.templateData.label}
-        ?disabled=${this.adapter.templateData.disabled === !0}
-        .variant=${this.adapter.templateData.variant}
-        .icon=${this.adapter.templateData.icon}
-        .iconPosition=${this.adapter.templateData.iconPosition}
-        @click=${() => this.adapter.click()}
-      ></gui-button>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((a) => a.unsubscribe());
-  }
-};
-c([
-  d({ context: p.formContext }),
-  m({ attribute: !1 })
-], r.prototype, "formContext", 2);
-c([
-  l({ context: p.actionContext })
-], r.prototype, "adapter", 2);
-r = c([
-  b("gui-button-interactive")
-], r);
-export {
-  r as ButtonElement
-};