@golemui/gui-lit 1.6.0-rc.1 → 2.0.0-rc.0

package/{textarea.element-E2ntRBtE.js → textarea.element-DrWG3xvs.js}

@@ -1,27 +1,23 @@
-import { InputWidgetAdapter as o, formContext as l, inputContext as n } from "@golemui/lit";
+import { InputWidgetAdapter as d, 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 { unsubscribeAll as b, safeDefine as g } from "@golemui/lit/internals";
+import { property as g } from "lit/decorators.js";
+import { unsubscribeAll as b, safeDefine as f } from "@golemui/lit/internals";
 import "rxjs";
-var x = Object.defineProperty, d = (r, e, t, $) => {
-  for (var a = void 0, i = r.length - 1, p; i >= 0; i--)
-    (p = r[i]) && (a = p(e, t, a) || a);
-  return a && x(e, t, a), a;
+import { live as $ } from "lit/directives/live.js";
+var v = Object.defineProperty, o = (r, e, a, x) => {
+  for (var t = void 0, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (t = s(e, a, t) || t);
+  return t && v(e, a, t), t;
 };
-class s extends m {
+class p extends m {
   constructor() {
-    super(...arguments), this.adapter = new o(), this.subscriptions = [];
+    super(...arguments), this.adapter = new d(), 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");
-  }
   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())
@@ -33,11 +29,11 @@ class s extends m {
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .errors=${this.adapter.templateData.errors}
-        ?touched=${this.adapter.templateData.touched}
+        .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}
+        .value=${$(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .placeholder=${this.adapter.templateData.placeholder}
         .autocomplete=${this.adapter.templateData.autocomplete}
@@ -45,27 +41,27 @@ class s extends m {
         .minimumHeight=${this.adapter.templateData.minimumHeight}
         .autoGrow=${this.adapter.templateData.autoGrow}
         .maxLength=${this.adapter.templateData.validator?.maxLength}
-        @input=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-textarea>
     `;
   }
   valueChanged(e) {
-    const t = e.detail.value;
-    this.adapter.valueChanged(t);
+    const a = e.detail.value;
+    this.adapter.valueChanged(a);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), b(this.subscriptions);
   }
 }
-d([
+o([
   u({ context: l }),
-  f({ attribute: !1 })
-], s.prototype, "formContext");
-d([
+  g({ attribute: !1 })
+], p.prototype, "formContext");
+o([
   h({ context: n })
-], s.prototype, "adapter");
-g("gui-textarea-input", s);
+], p.prototype, "adapter");
+f("gui-textarea-input", p);
 export {
-  s as TextareaElement
+  p as TextareaElement
 };

package/{textinput.element-0q5F5ol3.js → textinput.element-CCgsbYTB.js}

@@ -1,68 +1,64 @@
-import { InputWidgetAdapter as l, formContext as o, inputContext as n } from "@golemui/lit";
+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 { unsubscribeAll as b, safeDefine as x } from "@golemui/lit/internals";
+import { LitElement as m, html as c } from "lit";
+import { property as b } from "lit/decorators.js";
+import { unsubscribeAll as f, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var v = Object.defineProperty, d = (r, e, t, $) => {
-  for (var a = void 0, i = r.length - 1, p; i >= 0; i--)
-    (p = r[i]) && (a = p(e, t, a) || a);
-  return a && v(e, t, a), a;
+import { live as v } from "lit/directives/live.js";
+var $ = Object.defineProperty, d = (r, e, a, x) => {
+  for (var t = void 0, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (t = s(e, a, t) || t);
+  return t && $(e, a, t), t;
 };
-class s extends c {
+class p extends m {
   constructor() {
-    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+    super(...arguments), this.adapter = new o(), 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");
-  }
   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`
+    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}
+        .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}
+        .value=${v(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-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-textinput>
     `;
   }
   valueChanged(e) {
-    const t = e.detail.value;
-    this.adapter.valueChanged(t);
+    const a = e.detail.value;
+    this.adapter.valueChanged(a);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), b(this.subscriptions);
+    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
   }
 }
 d([
-  u({ context: o }),
-  f({ attribute: !1 })
-], s.prototype, "formContext");
+  u({ context: l }),
+  b({ attribute: !1 })
+], p.prototype, "formContext");
 d([
   h({ context: n })
-], s.prototype, "adapter");
-x("gui-textinput-input", s);
+], p.prototype, "adapter");
+g("gui-textinput-input", p);
 export {
-  s as TextinputElement
+  p as TextinputElement
 };

package/{time-picker.element-BiLaLr_c.js → time-picker.element-Q_OWcBVy.js}

@@ -1,27 +1,22 @@
-import { InputWidgetAdapter as l, formContext as d, inputContext as m } from "@golemui/lit";
+import { InputWidgetAdapter as l, formContext as d, inputContext as u } from "@golemui/lit";
 import "@golemui/gui-components/time-picker";
-import { consume as p, provide as u } from "@lit/context";
-import { LitElement as h, html as c } from "lit";
+import { consume as m, provide as p } from "@lit/context";
+import { LitElement as c, html as h } from "lit";
 import { property as g } from "lit/decorators.js";
 import { unsubscribeAll as b, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var f = Object.defineProperty, n = (a, e, i, v) => {
-  for (var t = void 0, r = a.length - 1, o; r >= 0; r--)
-    (o = a[r]) && (t = o(e, i, t) || t);
-  return t && f(e, i, t), t;
+var f = Object.defineProperty, o = (i, e, s, v) => {
+  for (var t = void 0, a = i.length - 1, n; a >= 0; a--)
+    (n = i[a]) && (t = n(e, s, t) || t);
+  return t && f(e, s, t), t;
 };
-class s extends h {
+class r extends c {
   constructor() {
     super(...arguments), this.adapter = new l(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(e) {
-    super.updated(e);
-    const i = this.adapter.templateData.size;
-    i ? this.style.flex = String(i) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-time-picker", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -30,13 +25,13 @@ class s extends h {
   render() {
     super.render();
     const e = this.adapter.templateData;
-    return c`
+    return h`
       <gui-time-picker
         .uid=${this.widget.uid}
         .label=${e.label}
         .hint=${e.hint}
         .errors=${e.errors}
-        ?touched=${e.touched}
+        .touched=${e.touched}
         ?required=${e.validator?.required}
         ?disabled=${e.disabled}
         ?readonly=${e.readonly}
@@ -60,9 +55,9 @@ class s extends h {
         .disabledRangeMessage=${e.disabledRangeMessage}
         .noAvailableTimesMessage=${e.noAvailableTimesMessage}
         .incompleteMessage=${e.incompleteMessage}
-        @inputError=${this.onInputError}
-        @blur=${() => this.adapter.onBlur()}
-        @change=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
+        @gui-blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
       ></gui-time-picker>
     `;
   }
@@ -76,14 +71,14 @@ class s extends h {
     super.disconnectedCallback(), this.adapter.destroy(), b(this.subscriptions);
   }
 }
-n([
-  p({ context: d }),
+o([
+  m({ context: d }),
   g({ attribute: !1 })
-], s.prototype, "formContext");
-n([
-  u({ context: m })
-], s.prototype, "adapter");
-$("gui-time-picker-input", s);
+], r.prototype, "formContext");
+o([
+  p({ context: u })
+], r.prototype, "adapter");
+$("gui-time-picker-input", r);
 export {
-  s as TimePickerElement
+  r as TimePickerElement
 };

package/{time.element-92goKRwJ.js → time.element-B0L2sriD.js}

@@ -1,29 +1,24 @@
-import { InputWidgetAdapter as l, formContext as o, inputContext as m } from "@golemui/lit";
+import { InputWidgetAdapter as l, formContext as m, inputContext as o } from "@golemui/lit";
 import { addIcon as n } from "@golemui/gui-components/internals";
-import { unsubscribeAll as h, safeDefine as u } from "@golemui/lit/internals";
+import { unsubscribeAll as u, safeDefine as h } from "@golemui/lit/internals";
 import "@golemui/gui-components/time-input";
 import { consume as c, provide as $ } from "@lit/context";
-import { LitElement as b, html as g } from "lit";
+import { LitElement as g, html as b } from "lit";
 import { property as D } from "lit/decorators.js";
 import "rxjs";
 import { classMap as f } from "lit/directives/class-map.js";
-var x = Object.defineProperty, d = (i, t, a, v) => {
-  for (var e = void 0, r = i.length - 1, p; r >= 0; r--)
-    (p = i[r]) && (e = p(t, a, e) || e);
-  return e && x(t, a, e), e;
+var C = Object.defineProperty, d = (a, t, s, v) => {
+  for (var e = void 0, i = a.length - 1, p; i >= 0; i--)
+    (p = a[i]) && (e = p(t, s, e) || e);
+  return e && C(t, s, e), e;
 };
-class s extends b {
+class r extends g {
   constructor() {
     super(...arguments), this.adapter = new l(), 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-time", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -32,14 +27,14 @@ class s extends b {
   render() {
     super.render();
     const t = n("time", this.adapter.templateData);
-    return g`
+    return b`
       <gui-time
         class=${f(t.widgetClasses)}
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
         .errors=${this.adapter.templateData.errors}
-        ?touched=${this.adapter.templateData.touched}
+        .touched=${this.adapter.templateData.touched}
         ?required=${this.adapter.templateData.validator?.required}
         ?disabled=${this.adapter.templateData.disabled}
         ?readonly=${this.adapter.templateData.readonly}
@@ -56,9 +51,9 @@ class s extends b {
         .minTimeMessage=${this.adapter.templateData.minTimeMessage}
         .maxTimeMessage=${this.adapter.templateData.maxTimeMessage}
         .incompleteMessage=${this.adapter.templateData.incompleteMessage}
-        @inputError=${this.onInputError}
-        @blur=${() => this.adapter.onBlur()}
-        @change=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
+        @gui-blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
       ></gui-time>
     `;
   }
@@ -69,17 +64,17 @@ class s extends b {
     this.adapter.injectValidationIssues([t.detail.message]);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), h(this.subscriptions);
+    super.disconnectedCallback(), this.adapter.destroy(), u(this.subscriptions);
   }
 }
 d([
-  c({ context: o }),
+  c({ context: m }),
   D({ attribute: !1 })
-], s.prototype, "formContext");
+], r.prototype, "formContext");
 d([
-  $({ context: m })
-], s.prototype, "adapter");
-u("gui-time-input", s);
+  $({ context: o })
+], r.prototype, "adapter");
+h("gui-time-input", r);
 export {
-  s as TimeElement
+  r as TimeElement
 };

package/{toggle.element-zDUc9Vja.js → toggle.element-BTjo7IVK.js}

@@ -1,27 +1,23 @@
-import { InputWidgetAdapter as p, formContext as l, inputContext as n } from "@golemui/lit";
+import { InputWidgetAdapter as d, formContext as l, inputContext as n } from "@golemui/lit";
 import "@golemui/gui-components/toggle";
 import { consume as u, provide as h } from "@lit/context";
 import { LitElement as m, html as c } from "lit";
 import { property as g } from "lit/decorators.js";
-import { unsubscribeAll as f, safeDefine as b } from "@golemui/lit/internals";
+import { unsubscribeAll as b, safeDefine as f } from "@golemui/lit/internals";
 import "rxjs";
-var v = Object.defineProperty, d = (r, e, t, C) => {
-  for (var a = void 0, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (a = o(e, t, a) || a);
-  return a && v(e, t, a), a;
+import { live as v } from "lit/directives/live.js";
+var C = Object.defineProperty, p = (r, e, a, $) => {
+  for (var t = void 0, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (t = o(e, a, t) || t);
+  return t && C(e, a, t), t;
 };
 class s extends m {
   constructor() {
-    super(...arguments), this.adapter = new p(), this.subscriptions = [];
+    super(...arguments), this.adapter = new d(), 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");
-  }
   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())
@@ -33,34 +29,34 @@ class s extends m {
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .errors=${this.adapter.templateData.errors}
-        ?touched=${this.adapter.templateData.touched}
+        .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}
+        .value=${v(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .togglePosition=${this.adapter.templateData.togglePosition}
-        @change=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-toggle>
     `;
   }
   valueChanged(e) {
-    const t = e.detail.value;
-    this.adapter.valueChanged(t);
+    const a = e.detail.value;
+    this.adapter.valueChanged(a);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
+    super.disconnectedCallback(), this.adapter.destroy(), b(this.subscriptions);
   }
 }
-d([
+p([
   u({ context: l }),
   g({ attribute: !1 })
 ], s.prototype, "formContext");
-d([
+p([
   h({ context: n })
 ], s.prototype, "adapter");
-b("gui-toggle-input", s);
+f("gui-toggle-input", s);
 export {
   s as ToggleElement
 };

package/accordion.element-BEenQrCh.js

@@ -1,102 +0,0 @@
-import { LayoutWidgetAdapter as u, formContext as f, layoutContext as m } from "@golemui/lit";
-import { repeaterIndexSuffix as g, accordionSectionId as c, accordionButtonId as p } from "@golemui/gui-shared/internals";
-import { consume as v, provide as w } from "@lit/context";
-import { LitElement as x, html as s, nothing as l } from "lit";
-import { property as b } from "lit/decorators.js";
-import { unsubscribeAll as S, safeDefine as $ } from "@golemui/lit/internals";
-import "rxjs";
-import { repeat as y } from "lit-html/directives/repeat.js";
-import { classMap as C } from "lit/directives/class-map.js";
-var D = Object.defineProperty, h = (r, t, e, a) => {
-  for (var i = void 0, d = r.length - 1, n; d >= 0; d--)
-    (n = r[d]) && (i = n(t, e, i) || i);
-  return i && D(t, e, i), i;
-};
-class o extends x {
-  constructor() {
-    super(...arguments), this.activeSections = {}, this.adapter = new u(), this.subscriptions = [], this.rowIndexSuffix = "";
-  }
-  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-accordion", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.activeSections = { ...this.adapter.templateData.defaultOpen ?? {} }, this.rowIndexSuffix = g(this.widget.uid), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  onClickButton(t) {
-    this.adapter.templateData.singleOpen && Object.keys(this.activeSections).filter((e) => e !== t).forEach((e) => {
-      this.activeSections[e] = !1;
-    }), this.activeSections[t] = !this.activeSections[t], this.adapter.change({ ...this.activeSections }), this.requestUpdate();
-  }
-  getChild(t) {
-    return (this.adapter.templateData.children ?? []).find((a) => a.uid === `${t}${this.rowIndexSuffix}`);
-  }
-  render() {
-    return this.adapter.templateData ? s`
-      <div class="gui-widget" id=${this.widget.uid}>
-        ${this.adapter.templateData.sections ? y(
-      this.adapter.templateData.sections,
-      (t) => t.uid,
-      (t) => {
-        const e = this.getChild(t.uid), a = e !== void 0 && (this.activeSections[t.uid] || this.adapter.templateData.renderMode !== "activeOnly") ? s`<section
-                        class="gui-widget"
-                        role="region"
-                        id=${c(this.widget.uid, t.uid)}
-                        ?hidden=${!this.activeSections[t.uid] && this.adapter.templateData.renderMode !== "activeOnly"}
-                        aria-labelledby=${p(this.widget.uid, t.uid)}
-                      >
-                        <gui-widget .widget=${e}></gui-widget>
-                      </section>` : l;
-        return s`<div class="gui-accordion__section">
-                  <button
-                    type="button"
-                    tabindex="0"
-                    class=${C({
-          active: this.activeSections[t.uid]
-        })}
-                    id=${p(this.widget.uid, t.uid)}
-                    aria-controls=${c(this.widget.uid, t.uid)}
-                    aria-expanded=${this.activeSections[t.uid] ? "true" : "false"}
-                    @click=${() => this.onClickButton(t.uid)}
-                  >
-                    ${t.label}<span class="gui-accordion__arrow"
-                      ><svg
-                        xmlns="http://www.w3.org/2000/svg"
-                        width="16"
-                        height="16"
-                        viewBox="0 0 256 256"
-                      >
-                        <path
-                          d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"
-                        ></path></svg
-                    ></span>
-                  </button>
-
-                  ${a}
-                </div>`;
-      }
-    ) : l}
-      </div>
-    ` : s``;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), S(this.subscriptions);
-  }
-}
-h([
-  v({ context: f }),
-  b({ attribute: !1 })
-], o.prototype, "formContext");
-h([
-  w({ context: m })
-], o.prototype, "adapter");
-$("gui-accordion-layout", o);
-export {
-  o as AccordionElement
-};

package/alert.element-Dzv49O-1.js

@@ -1,55 +0,0 @@
-import { LitElement as p, html as l } from "lit";
-import { property as n } from "lit/decorators.js";
-import { unsubscribeAll as c, safeDefine as u } from "@golemui/lit/internals";
-import { consume as m, provide as f } from "@lit/context";
-import { DisplayWidgetAdapter as h, formContext as g, displayWidgetContext as b } from "@golemui/lit";
-import "rxjs";
-var v = Object.defineProperty, d = (r, i, e, x) => {
-  for (var t = void 0, a = r.length - 1, o; a >= 0; a--)
-    (o = r[a]) && (t = o(i, e, t) || t);
-  return t && v(i, e, t), t;
-};
-class s extends p {
-  constructor() {
-    super(...arguments), this.adapter = new h(), this.subscriptions = [];
-  }
-  createRenderRoot() {
-    return this;
-  }
-  updated(i) {
-    super.updated(i);
-    const e = this.adapter.templateData.size;
-    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.classList.add("gui-alert", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
-      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
-    );
-  }
-  render() {
-    return l`
-      <div class="gui-widget" id=${this.widget.uid}>
-        <div
-          role="alert"
-          class="gui-alert-notification gui-alert-notification--${this.adapter.templateData.level || "default"}"
-        >
-          ${this.adapter.templateData.text}
-        </div>
-      </div>
-    `;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), c(this.subscriptions);
-  }
-}
-d([
-  m({ context: g }),
-  n({ attribute: !1 })
-], s.prototype, "formContext");
-d([
-  f({ context: b })
-], s.prototype, "adapter");
-u("gui-alert-display", s);
-export {
-  s as AlertElement
-};