@golemui/gui-lit 1.2.0 → 1.2.1-rc.0

package/range-date-picker.element-DKhwFasW.js

@@ -0,0 +1,98 @@
+import { InputWidgetAdapter as l, formContext as d, inputContext as p } from "@golemui/lit";
+import "@golemui/gui-components/range-date-picker";
+import { consume as u, provide as h } from "@lit/context";
+import { LitElement as c, html as m } from "lit";
+import { property as b } from "lit/decorators.js";
+import { safeDefine as $ } from "@golemui/lit/internals";
+import "rxjs";
+var g = Object.defineProperty, o = (r, e, t, L) => {
+  for (var a = void 0, i = r.length - 1, n; i >= 0; i--)
+    (n = r[i]) && (a = n(e, t, a) || a);
+  return a && g(e, t, a), a;
+};
+class s extends c {
+  constructor() {
+    super(...arguments), this.adapter = new l(), 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-range-date-picker", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    super.render();
+    const e = this.adapter.templateData;
+    return m`
+      <gui-range-date-picker
+        .uid=${this.widget.uid}
+        .label=${e.label}
+        .hint=${e.hint}
+        .errors=${e.errors}
+        ?touched=${e.touched}
+        ?required=${e.validator?.required}
+        ?disabled=${e.disabled}
+        ?readonly=${e.readonly}
+        .value=${e.value}
+        .icon=${e.icon}
+        .localeId=${e.lang}
+        .toggleAriaLabel=${e.toggleAriaLabel}
+        .dayAriaLabel=${e.dayAriaLabel}
+        .monthAriaLabel=${e.monthAriaLabel}
+        .yearAriaLabel=${e.yearAriaLabel}
+        .separator=${e.separator}
+        .removePillAriaLabel=${e.removePillAriaLabel}
+        .startDateAriaLabel=${e.startDateAriaLabel}
+        .endDateAriaLabel=${e.endDateAriaLabel}
+        .prevMonthIcon=${e.prevMonthIcon}
+        .nextMonthIcon=${e.nextMonthIcon}
+        .prevMonthAriaLabel=${e.prevMonthAriaLabel}
+        .nextMonthAriaLabel=${e.nextMonthAriaLabel}
+        .selectYearAriaLabel=${e.selectYearAriaLabel}
+        .yearGridAriaLabel=${e.yearGridAriaLabel}
+        .dayFormat=${e.dayFormat}
+        .weekdayFormat=${e.weekdayFormat}
+        .monthFormat=${e.monthFormat}
+        .minDate=${e.minDate}
+        .maxDate=${e.maxDate}
+        .disabledRanges=${e.disabledRanges}
+        .numberOfMonths=${e.numberOfMonths}
+        .invalidDateMessage=${e.invalidDateMessage}
+        .minDateMessage=${e.minDateMessage}
+        .maxDateMessage=${e.maxDateMessage}
+        .disabledDateRangeMessage=${e.disabledDateRangeMessage}
+        .incompleteMessage=${e.incompleteMessage}
+        @inputError=${this.onInputError}
+        @blur=${() => this.adapter.onBlur()}
+        @change=${this.valueChanged}
+      ></gui-range-date-picker>
+    `;
+  }
+  valueChanged(e) {
+    this.adapter.injectValidationIssues(null), this.adapter.valueChanged(e.detail.value);
+  }
+  onInputError(e) {
+    this.adapter.injectValidationIssues([e.detail.message]), this.adapter.onBlur();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+  }
+}
+o([
+  u({ context: d }),
+  b({ attribute: !1 })
+], s.prototype, "formContext");
+o([
+  h({ context: p })
+], s.prototype, "adapter");
+$("gui-range-date-picker-input", s);
+export {
+  s as RangeDatePickerElement
+};

package/{range-date-time-calendar.element-BV0J96Gu.js → range-date-time-calendar.element-CZCET-sb.js}

@@ -1,25 +1,26 @@
-import { InputWidgetAdapter as d, formContext as m, inputContext as u } from "@golemui/lit";
-import "./range-date-time-calendar-DulGK2EQ.js";
-import { consume as p, provide as h } from "@lit/context";
-import { LitElement as c, html as b } from "lit";
-import { property as $, customElement as g } from "lit/decorators.js";
+import { InputWidgetAdapter as l, formContext as d, inputContext as m } from "@golemui/lit";
+import "@golemui/gui-components/range-date-time-calendar";
+import { consume as u, provide as p } from "@lit/context";
+import { LitElement as h, html as c } from "lit";
+import { property as b } from "lit/decorators.js";
+import { safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var v = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (e, a, s, r) => {
-  for (var t = r > 1 ? void 0 : r ? f(a, s) : a, n = e.length - 1, o; n >= 0; n--)
-    (o = e[n]) && (t = (r ? o(a, s, t) : o(t)) || t);
-  return r && t && v(a, s, t), t;
+var g = Object.defineProperty, o = (r, e, t, f) => {
+  for (var a = void 0, i = r.length - 1, n; i >= 0; i--)
+    (n = r[i]) && (a = n(e, t, a) || a);
+  return a && g(e, t, a), a;
 };
-let i = class extends c {
+class s extends h {
   constructor() {
-    super(...arguments), this.adapter = new d(), this.subscriptions = [];
+    super(...arguments), this.adapter = new l(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
   updated(e) {
     super.updated(e);
-    const a = this.adapter.templateData.size;
-    a ? this.style.flex = String(a) : this.style.removeProperty("flex");
+    const t = this.adapter.templateData.size;
+    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
   }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-range-date-time-calendar", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -29,7 +30,7 @@ let i = class extends c {
   render() {
     super.render();
     const e = this.adapter.templateData;
-    return b`
+    return c`
       <gui-range-date-time-calendar
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -64,6 +65,7 @@ let i = class extends c {
         .maxDateTimeMessage=${e.maxDateTimeMessage}
         .disabledRangeMessage=${e.disabledRangeMessage}
         .noAvailableTimesMessage=${e.noAvailableTimesMessage}
+        .incompleteMessage=${e.incompleteMessage}
         .dayCountAriaLabel=${e.dayCountAriaLabel}
         .disabledDayCountAriaLabel=${e.disabledDayCountAriaLabel}
         @change=${this.valueChanged}
@@ -81,17 +83,15 @@ let i = class extends c {
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
-};
-l([
-  p({ context: m }),
-  $({ attribute: !1 })
-], i.prototype, "formContext", 2);
-l([
-  h({ context: u })
-], i.prototype, "adapter", 2);
-i = l([
-  g("gui-range-date-time-calendar-input")
-], i);
+}
+o([
+  u({ context: d }),
+  b({ attribute: !1 })
+], s.prototype, "formContext");
+o([
+  p({ context: m })
+], s.prototype, "adapter");
+$("gui-range-date-time-calendar-input", s);
 export {
-  i as RangeDateTimeCalendarElement
+  s as RangeDateTimeCalendarElement
 };

package/{range-date-time-input.element-CzgRbR9F.js → range-date-time-input.element-Dr2VrYhG.js}

@@ -1,17 +1,18 @@
-import { InputWidgetAdapter as m, formContext as n, inputContext as o } from "@golemui/lit";
-import "./range-date-time-input-8ggqckP7.js";
-import { consume as h, provide as u } from "@lit/context";
-import { LitElement as D, html as c } from "lit";
-import { property as b, customElement as $ } from "lit/decorators.js";
+import { InputWidgetAdapter as d, formContext as m, inputContext as n } from "@golemui/lit";
+import "@golemui/gui-components/range-date-time-input";
+import { consume as o, provide as h } from "@lit/context";
+import { LitElement as u, html as D } from "lit";
+import { property as c } from "lit/decorators.js";
+import { safeDefine as b } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, L = Object.getOwnPropertyDescriptor, d = (e, t, s, r) => {
-  for (var a = r > 1 ? void 0 : r ? L(t, s) : t, p = e.length - 1, l; p >= 0; p--)
-    (l = e[p]) && (a = (r ? l(t, s, a) : l(a)) || a);
-  return r && a && g(t, s, a), a;
+var $ = Object.defineProperty, l = (i, e, t, g) => {
+  for (var a = void 0, r = i.length - 1, p; r >= 0; r--)
+    (p = i[r]) && (a = p(e, t, a) || a);
+  return a && $(e, t, a), a;
 };
-let i = class extends D {
+class s extends u {
   constructor() {
-    super(...arguments), this.adapter = new m(), this.subscriptions = [];
+    super(...arguments), this.adapter = new d(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
@@ -27,7 +28,7 @@ let i = class extends D {
     );
   }
   render() {
-    return super.render(), c`
+    return super.render(), D`
       <gui-range-date-time
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -57,6 +58,7 @@ let i = class extends D {
         .invalidDateMessage=${this.adapter.templateData.invalidDateMessage}
         .minDateTimeMessage=${this.adapter.templateData.minDateTimeMessage}
         .maxDateTimeMessage=${this.adapter.templateData.maxDateTimeMessage}
+        .incompleteMessage=${this.adapter.templateData.incompleteMessage}
         @change=${this.valueChanged}
         @inputError=${this.onInputError}
       ></gui-range-date-time>
@@ -71,17 +73,15 @@ let i = class extends D {
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
-};
-d([
-  h({ context: n }),
-  b({ attribute: !1 })
-], i.prototype, "formContext", 2);
-d([
-  u({ context: o })
-], i.prototype, "adapter", 2);
-i = d([
-  $("gui-range-date-time-input")
-], i);
+}
+l([
+  o({ context: m }),
+  c({ attribute: !1 })
+], s.prototype, "formContext");
+l([
+  h({ context: n })
+], s.prototype, "adapter");
+b("gui-range-date-time-input", s);
 export {
-  i as RangeDateTimeInputElement
+  s as RangeDateTimeInputElement
 };

package/range-date-time-picker.element-CYeIMWLp.js

@@ -0,0 +1,109 @@
+import { InputWidgetAdapter as l, formContext as d, inputContext as m } from "@golemui/lit";
+import "@golemui/gui-components/range-date-time-picker";
+import { consume as p, provide as u } from "@lit/context";
+import { LitElement as b, html as h } from "lit";
+import { property as $ } from "lit/decorators.js";
+import { safeDefine as c } from "@golemui/lit/internals";
+import "rxjs";
+var g = Object.defineProperty, o = (i, e, t, L) => {
+  for (var a = void 0, r = i.length - 1, n; r >= 0; r--)
+    (n = i[r]) && (a = n(e, t, a) || a);
+  return a && g(e, t, a), a;
+};
+class s extends b {
+  constructor() {
+    super(...arguments), this.adapter = new l(), 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-range-date-time-picker", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    super.render();
+    const e = this.adapter.templateData;
+    return h`
+      <gui-range-date-time-picker
+        .uid=${this.widget.uid}
+        .label=${e.label}
+        .hint=${e.hint}
+        .icon=${e.icon}
+        .errors=${e.errors}
+        ?touched=${e.touched}
+        ?required=${e.validator?.required}
+        ?disabled=${e.disabled}
+        ?readonly=${e.readonly}
+        .value=${e.value}
+        .separator=${e.separator}
+        .removePillAriaLabel=${e.removePillAriaLabel}
+        .startDateTimeAriaLabel=${e.startDateTimeAriaLabel}
+        .endDateTimeAriaLabel=${e.endDateTimeAriaLabel}
+        .invalidDateMessage=${e.invalidDateMessage}
+        .prevMonthIcon=${e.prevMonthIcon}
+        .nextMonthIcon=${e.nextMonthIcon}
+        .prevMonthAriaLabel=${e.prevMonthAriaLabel}
+        .nextMonthAriaLabel=${e.nextMonthAriaLabel}
+        .selectYearAriaLabel=${e.selectYearAriaLabel}
+        .yearGridAriaLabel=${e.yearGridAriaLabel}
+        .dayFormat=${e.dayFormat}
+        .weekdayFormat=${e.weekdayFormat}
+        .monthFormat=${e.monthFormat}
+        .numberOfMonths=${e.numberOfMonths}
+        .localeId=${e.lang}
+        .toggleAriaLabel=${e.toggleAriaLabel}
+        .dayAriaLabel=${e.dayAriaLabel}
+        .monthAriaLabel=${e.monthAriaLabel}
+        .yearAriaLabel=${e.yearAriaLabel}
+        .hourAriaLabel=${e.hourAriaLabel}
+        .minuteAriaLabel=${e.minuteAriaLabel}
+        .dayPeriodAriaLabel=${e.dayPeriodAriaLabel}
+        .hourFormat=${e.hourFormat}
+        .minuteStep=${e.minuteStep}
+        ?allow-custom-time=${e.allowCustomTime}
+        .startTimeLabel=${e.startTimeLabel}
+        .endTimeLabel=${e.endTimeLabel}
+        .minDateTime=${e.minDateTime}
+        .maxDateTime=${e.maxDateTime}
+        .disabledRanges=${e.disabledRanges}
+        .minDateTimeMessage=${e.minDateTimeMessage}
+        .maxDateTimeMessage=${e.maxDateTimeMessage}
+        .disabledRangeMessage=${e.disabledRangeMessage}
+        .noAvailableTimesMessage=${e.noAvailableTimesMessage}
+        .incompleteMessage=${e.incompleteMessage}
+        .dayCountAriaLabel=${e.dayCountAriaLabel}
+        .disabledDayCountAriaLabel=${e.disabledDayCountAriaLabel}
+        @change=${this.valueChanged}
+        @inputError=${this.onInputError}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-range-date-time-picker>
+    `;
+  }
+  valueChanged(e) {
+    this.adapter.injectValidationIssues(null), this.adapter.valueChanged(e.detail.value);
+  }
+  onInputError(e) {
+    this.adapter.injectValidationIssues([e.detail.message]), this.adapter.onBlur();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+  }
+}
+o([
+  p({ context: d }),
+  $({ attribute: !1 })
+], s.prototype, "formContext");
+o([
+  u({ context: m })
+], s.prototype, "adapter");
+c("gui-range-date-time-picker-input", s);
+export {
+  s as RangeDateTimePickerElement
+};

package/{range-time-input.element-BOHLUO8z.js → range-time-input.element-7OZhPQqx.js}

@@ -1,25 +1,26 @@
-import { InputWidgetAdapter as m, formContext as n, inputContext as o } from "@golemui/lit";
-import "./range-time-input-D7GFdDeA.js";
-import { consume as h, provide as u } from "@lit/context";
-import { LitElement as c, html as b } from "lit";
-import { property as g, customElement as D } from "lit/decorators.js";
+import { InputWidgetAdapter as l, formContext as m, inputContext as n } from "@golemui/lit";
+import "@golemui/gui-components/range-time-input";
+import { consume as o, provide as h } from "@lit/context";
+import { LitElement as u, html as c } from "lit";
+import { property as g } from "lit/decorators.js";
+import { safeDefine as b } from "@golemui/lit/internals";
 import "rxjs";
-var $ = Object.defineProperty, f = Object.getOwnPropertyDescriptor, d = (e, t, s, r) => {
-  for (var a = r > 1 ? void 0 : r ? f(t, s) : t, p = e.length - 1, l; p >= 0; p--)
-    (l = e[p]) && (a = (r ? l(t, s, a) : l(a)) || a);
-  return r && a && $(t, s, a), a;
+var $ = Object.defineProperty, d = (r, e, a, D) => {
+  for (var t = void 0, i = r.length - 1, p; i >= 0; i--)
+    (p = r[i]) && (t = p(e, a, t) || t);
+  return t && $(e, a, t), t;
 };
-let i = class extends c {
+class s extends u {
   constructor() {
-    super(...arguments), this.adapter = new m(), this.subscriptions = [];
+    super(...arguments), this.adapter = new l(), 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 a = this.adapter.templateData.size;
+    a ? this.style.flex = String(a) : this.style.removeProperty("flex");
   }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-range-time", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -27,7 +28,7 @@ let i = class extends c {
     );
   }
   render() {
-    return super.render(), b`
+    return super.render(), c`
       <gui-range-time
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -54,6 +55,7 @@ let i = class extends c {
         .minTimeMessage=${this.adapter.templateData.minTimeMessage}
         .maxTimeMessage=${this.adapter.templateData.maxTimeMessage}
         .rangeOrderMessage=${this.adapter.templateData.rangeOrderMessage}
+        .incompleteMessage=${this.adapter.templateData.incompleteMessage}
         @change=${this.valueChanged}
         @inputError=${this.onInputError}
       ></gui-range-time>
@@ -68,17 +70,15 @@ let i = class extends c {
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
-};
+}
 d([
-  h({ context: n }),
+  o({ context: m }),
   g({ attribute: !1 })
-], i.prototype, "formContext", 2);
+], s.prototype, "formContext");
 d([
-  u({ context: o })
-], i.prototype, "adapter", 2);
-i = d([
-  D("gui-range-time-input")
-], i);
+  h({ context: n })
+], s.prototype, "adapter");
+b("gui-range-time-input", s);
 export {
-  i as RangeTimeInputElement
+  s as RangeTimeInputElement
 };

package/range-time-picker.element-D0mRFZkK.js

@@ -0,0 +1,96 @@
+import { InputWidgetAdapter as o, formContext as d, inputContext as m } from "@golemui/lit";
+import "@golemui/gui-components/range-time-picker";
+import { consume as p, provide as u } from "@lit/context";
+import { LitElement as g, html as h } from "lit";
+import { property as c } from "lit/decorators.js";
+import { safeDefine as b } from "@golemui/lit/internals";
+import "rxjs";
+var $ = Object.defineProperty, l = (i, e, t, f) => {
+  for (var a = void 0, r = i.length - 1, n; r >= 0; r--)
+    (n = i[r]) && (a = n(e, t, a) || a);
+  return a && $(e, t, a), a;
+};
+class s extends g {
+  constructor() {
+    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-range-time-picker", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    super.render();
+    const e = this.adapter.templateData;
+    return h`
+      <gui-range-time-picker
+        .uid=${this.widget.uid}
+        .label=${e.label}
+        .hint=${e.hint}
+        .errors=${e.errors}
+        ?touched=${e.touched}
+        ?required=${e.validator?.required}
+        ?disabled=${e.disabled}
+        ?readonly=${e.readonly}
+        .value=${e.value}
+        .icon=${e.icon}
+        .localeId=${e.lang}
+        .toggleAriaLabel=${e.toggleAriaLabel}
+        .hourAriaLabel=${e.hourAriaLabel}
+        .minuteAriaLabel=${e.minuteAriaLabel}
+        .dayPeriodAriaLabel=${e.dayPeriodAriaLabel}
+        .separator=${e.separator}
+        .removePillAriaLabel=${e.removePillAriaLabel}
+        .startTimeAriaLabel=${e.startTimeAriaLabel}
+        .endTimeAriaLabel=${e.endTimeAriaLabel}
+        .startTimeLabel=${e.startTimeLabel}
+        .endTimeLabel=${e.endTimeLabel}
+        .hourFormat=${e.hourFormat}
+        .minuteStep=${e.minuteStep}
+        .minTime=${e.minTime}
+        .maxTime=${e.maxTime}
+        .disabledRanges=${e.disabledRanges}
+        ?allow-custom-time=${e.allowCustomTime}
+        .height=${e.height}
+        .itemHeight=${e.itemHeight}
+        .minTimeMessage=${e.minTimeMessage}
+        .maxTimeMessage=${e.maxTimeMessage}
+        .rangeOrderMessage=${e.rangeOrderMessage}
+        .disabledRangeMessage=${e.disabledRangeMessage}
+        .noAvailableTimesMessage=${e.noAvailableTimesMessage}
+        .incompleteMessage=${e.incompleteMessage}
+        @inputError=${this.onInputError}
+        @blur=${() => this.adapter.onBlur()}
+        @change=${this.valueChanged}
+      ></gui-range-time-picker>
+    `;
+  }
+  valueChanged(e) {
+    this.adapter.injectValidationIssues(null), this.adapter.valueChanged(e.detail.value);
+  }
+  onInputError(e) {
+    this.adapter.injectValidationIssues([e.detail.message]);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+  }
+}
+l([
+  p({ context: d }),
+  c({ attribute: !1 })
+], s.prototype, "formContext");
+l([
+  u({ context: m })
+], s.prototype, "adapter");
+b("gui-range-time-picker-input", s);
+export {
+  s as RangeTimePickerElement
+};

package/renderer.element-DbsFoBba.js

@@ -0,0 +1,48 @@
+import { DisplayWidgetAdapter as n, formContext as p, displayWidgetContext as c } from "@golemui/lit";
+import { consume as l, provide as u } from "@lit/context";
+import { LitElement as m, html as h } 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 = (i, e, r, x) => {
+  for (var t = void 0, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (t = o(e, r, t) || t);
+  return t && g(e, r, t), t;
+};
+class a extends m {
+  constructor() {
+    super(...arguments), this.adapter = new n(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(e) {
+    super.updated(e);
+    const r = this.adapter.templateData.size;
+    r ? this.style.flex = String(r) : this.style.removeProperty("flex");
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-renderer", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    return h`
+      <div class="gui-widget" id=${this.widget.uid}>${this.adapter.templateData.render}</div>
+    `;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+  }
+}
+d([
+  l({ context: p }),
+  f({ attribute: !1 })
+], a.prototype, "formContext");
+d([
+  u({ context: c })
+], a.prototype, "adapter");
+b("gui-renderer-component", a);
+export {
+  a as RendererElement
+};