@golemui/gui-lit 1.3.0 → 1.4.0

package/CHANGELOG.md

@@ -1,3 +1,33 @@
+## 1.4.0-rc.0 (2026-08-26)
+
+### 🚀 Features
+
+- **lit:** read the store through one widgetViewModel$ subscription per widget ([#302](https://github.com/golemui/golemui/pull/302))
+- **gui-components:** in-place pill editing for range inputs ([#291](https://github.com/golemui/golemui/pull/291))
+- **gui-components:** add MultiList and MultiDropdown ([#284](https://github.com/golemui/golemui/pull/284))
+
+### 🩹 Fixes
+
+- **gui-lit,gui-react,gui-vue:** Clear select errors on pick a valid option ([#326](https://github.com/golemui/golemui/pull/326))
+- read calculated props in the Angular and Lit tabs and accordion ([#325](https://github.com/golemui/golemui/pull/325))
+- make tabs and accordion DOM ids unique and keep their aria pairs correct ([#310](https://github.com/golemui/golemui/pull/310))
+- recreate the widget tree when the form reinitializes ([#307](https://github.com/golemui/golemui/pull/307))
+
+### ❤️ Thank You
+
+- Mud Scientist @mudscientist
+- Raúl Jiménez @Elecash
+
+## 1.3.0 (2026-08-16)
+
+### 🩹 Fixes
+
+- **gui-components:** show errors inside pickers ([#282](https://github.com/golemui/golemui/pull/282))
+
+### ❤️ Thank You
+
+- Raúl Jiménez @Elecash
+
 ## 1.3.0-rc.0 (2026-08-14)
 
 ### 🩹 Fixes

package/accordion.element-BEenQrCh.js

@@ -0,0 +1,102 @@
+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-CHn49Yaf.js → alert.element-Dzv49O-1.js}

@@ -1,13 +1,13 @@
-import { LitElement as p, html as n } from "lit";
-import { property as l } from "lit/decorators.js";
-import { safeDefine as c } from "@golemui/lit/internals";
-import { consume as u, provide as f } from "@lit/context";
-import { DisplayWidgetAdapter as h, formContext as m, displayWidgetContext as g } from "@golemui/lit";
+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 b = Object.defineProperty, d = (r, t, i, v) => {
-  for (var e = void 0, a = r.length - 1, o; a >= 0; a--)
-    (o = r[a]) && (e = o(t, i, e) || e);
-  return e && b(t, i, e), e;
+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() {
@@ -16,10 +16,10 @@ class s extends p {
   createRenderRoot() {
     return this;
   }
-  updated(t) {
-    super.updated(t);
-    const i = this.adapter.templateData.size;
-    i ? this.style.flex = String(i) : this.style.removeProperty("flex");
+  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(
@@ -27,7 +27,7 @@ class s extends p {
     );
   }
   render() {
-    return n`
+    return l`
       <div class="gui-widget" id=${this.widget.uid}>
         <div
           role="alert"
@@ -39,17 +39,17 @@ class s extends p {
     `;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), c(this.subscriptions);
   }
 }
 d([
-  u({ context: m }),
-  l({ attribute: !1 })
+  m({ context: g }),
+  n({ attribute: !1 })
 ], s.prototype, "formContext");
 d([
-  f({ context: g })
+  f({ context: b })
 ], s.prototype, "adapter");
-c("gui-alert-display", s);
+u("gui-alert-display", s);
 export {
   s as AlertElement
 };

package/{button.element-C9fHivSw.js → button.element-CKYv0Glr.js}

@@ -1,26 +1,26 @@
 import { ActionWidgetAdapter as p, formContext as d, actionContext as l } from "@golemui/lit";
 import { consume as c, provide as u } from "@lit/context";
-import { LitElement as h, html as m } from "lit";
+import { LitElement as m, html as h } from "lit";
 import { property as b } from "lit/decorators.js";
-import { safeDefine as f } from "@golemui/lit/internals";
+import { unsubscribeAll as f, safeDefine as v } from "@golemui/lit/internals";
 import "rxjs";
 import "@golemui/gui-components/button";
-var v = Object.defineProperty, n = (i, t, a, g) => {
-  for (var e = void 0, r = i.length - 1, o; r >= 0; r--)
-    (o = i[r]) && (e = o(t, a, e) || e);
-  return e && v(t, a, e), e;
+var g = Object.defineProperty, n = (i, a, e, x) => {
+  for (var t = void 0, r = i.length - 1, o; r >= 0; r--)
+    (o = i[r]) && (t = o(a, e, t) || t);
+  return t && g(a, e, t), t;
 };
-class s extends h {
+class s extends m {
   constructor() {
     super(...arguments), this.adapter = new p(), 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");
+  updated(a) {
+    super.updated(a);
+    const e = this.adapter.templateData.size;
+    e ? this.style.flex = String(e) : 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(
@@ -28,7 +28,7 @@ class s extends h {
     );
   }
   render() {
-    return m`
+    return h`
       <gui-button
         .uid=${this.widget.uid}
         .actionType=${this.adapter.templateData.actionType ?? "button"}
@@ -43,7 +43,7 @@ class s extends h {
     `;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
   }
 }
 n([
@@ -53,7 +53,7 @@ n([
 n([
   u({ context: l })
 ], s.prototype, "adapter");
-f("gui-button-interactive", s);
+v("gui-button-interactive", s);
 export {
   s as ButtonElement
 };

package/{calendar.element-XkojKTJk.js → calendar.element-DkHZFBNr.js}

@@ -1,26 +1,26 @@
-import { InputWidgetAdapter as n, formContext as l, inputContext as o } from "@golemui/lit";
+import { InputWidgetAdapter as l, formContext as n, inputContext as o } from "@golemui/lit";
 import "@golemui/gui-components/calendar";
 import { consume as h, provide as m } from "@lit/context";
 import { LitElement as u, html as c } from "lit";
 import { property as b } from "lit/decorators.js";
-import { safeDefine as D } from "@golemui/lit/internals";
+import { unsubscribeAll as D, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var $ = Object.defineProperty, d = (r, t, a, f) => {
+var f = Object.defineProperty, d = (r, a, t, g) => {
   for (var e = void 0, i = r.length - 1, p; i >= 0; i--)
-    (p = r[i]) && (e = p(t, a, e) || e);
-  return e && $(t, a, e), e;
+    (p = r[i]) && (e = p(a, t, e) || e);
+  return e && f(a, t, e), e;
 };
 class s extends u {
   constructor() {
-    super(...arguments), this.adapter = new n(), this.subscriptions = [];
+    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");
+  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-calendar", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -58,22 +58,22 @@ class s extends u {
       ></gui-calendar>
     `;
   }
-  valueChanged(t) {
-    const a = t?.target;
-    this.adapter.valueChanged(a.value);
+  valueChanged(a) {
+    const t = a?.target;
+    this.adapter.valueChanged(t.value);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), D(this.subscriptions);
   }
 }
 d([
-  h({ context: l }),
+  h({ context: n }),
   b({ attribute: !1 })
 ], s.prototype, "formContext");
 d([
   m({ context: o })
 ], s.prototype, "adapter");
-D("gui-calendar-input", s);
+$("gui-calendar-input", s);
 export {
   s as CalendarElement
 };

package/{checkbox.element-DU_tVMXu.js → checkbox.element-MukoziRw.js}

@@ -1,14 +1,14 @@
-import { InputWidgetAdapter as p, formContext as n, inputContext as l } from "@golemui/lit";
+import { InputWidgetAdapter as p, formContext as l, inputContext as n } from "@golemui/lit";
 import "@golemui/gui-components/checkbox";
 import { consume as h, provide as u } from "@lit/context";
 import { LitElement as c, html as m } from "lit";
 import { property as b } from "lit/decorators.js";
-import { safeDefine as f } from "@golemui/lit/internals";
+import { unsubscribeAll as f, safeDefine as x } from "@golemui/lit/internals";
 import "rxjs";
-var x = Object.defineProperty, d = (r, t, e, g) => {
+var g = Object.defineProperty, d = (r, e, t, v) => {
   for (var a = void 0, i = r.length - 1, o; i >= 0; i--)
-    (o = r[i]) && (a = o(t, e, a) || a);
-  return a && x(t, e, a), a;
+    (o = r[i]) && (a = o(e, t, a) || a);
+  return a && g(e, t, a), a;
 };
 class s extends c {
   constructor() {
@@ -17,10 +17,10 @@ class s extends c {
   createRenderRoot() {
     return this;
   }
-  updated(t) {
-    super.updated(t);
-    const e = this.adapter.templateData.size;
-    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
+  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-checkbox", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -45,22 +45,22 @@ class s extends c {
       ></gui-checkbox>
     `;
   }
-  valueChanged(t) {
-    const e = t.detail.value;
-    this.adapter.valueChanged(e);
+  valueChanged(e) {
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
   }
 }
 d([
-  h({ context: n }),
+  h({ context: l }),
   b({ attribute: !1 })
 ], s.prototype, "formContext");
 d([
-  u({ context: l })
+  u({ context: n })
 ], s.prototype, "adapter");
-f("gui-checkbox-input", s);
+x("gui-checkbox-input", s);
 export {
   s as CheckboxElement
 };

package/{currency.element-BmAH5KS_.js → currency.element-DNumeSKA.js}

@@ -3,12 +3,12 @@ import "@golemui/gui-components/currency";
 import { consume as u, provide as c } from "@lit/context";
 import { LitElement as m, html as h } from "lit";
 import { property as D } from "lit/decorators.js";
-import { safeDefine as f } from "@golemui/lit/internals";
+import { unsubscribeAll as f, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var $ = Object.defineProperty, d = (r, t, e, g) => {
+var g = Object.defineProperty, d = (r, e, t, b) => {
   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;
+    (p = r[i]) && (a = p(e, t, a) || a);
+  return a && g(e, t, a), a;
 };
 class s extends m {
   constructor() {
@@ -17,10 +17,10 @@ class s extends m {
   createRenderRoot() {
     return this;
   }
-  updated(t) {
-    super.updated(t);
-    const e = this.adapter.templateData.size;
-    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
+  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-currency", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -52,12 +52,12 @@ class s extends m {
       ></gui-currency>
     `;
   }
-  valueChanged(t) {
-    const e = t.detail.value;
-    this.adapter.valueChanged(e);
+  valueChanged(e) {
+    const t = e.detail.value;
+    this.adapter.valueChanged(t);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
   }
 }
 d([
@@ -67,7 +67,7 @@ d([
 d([
   c({ context: o })
 ], s.prototype, "adapter");
-f("gui-currency-input", s);
+$("gui-currency-input", s);
 export {
   s as CurrencyElement
 };

package/{date-picker.element-Bg3rF95F.js → date-picker.element-DpQmremq.js}

@@ -3,12 +3,12 @@ import "@golemui/gui-components/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 { unsubscribeAll as $, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, o = (r, e, a, f) => {
+var f = Object.defineProperty, o = (r, e, a, v) => {
   for (var t = void 0, i = r.length - 1, n; i >= 0; i--)
     (n = r[i]) && (t = n(e, a, t) || t);
-  return t && g(e, a, t), t;
+  return t && f(e, a, t), t;
 };
 class s extends c {
   constructor() {
@@ -78,7 +78,7 @@ class s extends c {
     this.adapter.injectValidationIssues([e.detail.message]);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), $(this.subscriptions);
   }
 }
 o([
@@ -88,7 +88,7 @@ o([
 o([
   h({ context: p })
 ], s.prototype, "adapter");
-$("gui-date-picker-input", s);
+g("gui-date-picker-input", s);
 export {
   s as DatePickerElement
 };

package/{date-time-calendar.element-sywQCeQQ.js → date-time-calendar.element-GAr8VMGa.js}

@@ -3,12 +3,12 @@ import "@golemui/gui-components/date-time-calendar";
 import { consume as p, provide as u } from "@lit/context";
 import { LitElement as h, html as c } from "lit";
 import { property as $ } from "lit/decorators.js";
-import { safeDefine as b } from "@golemui/lit/internals";
+import { unsubscribeAll as b, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, o = (i, e, a, f) => {
+var f = Object.defineProperty, o = (i, e, a, x) => {
   for (var t = void 0, r = i.length - 1, n; r >= 0; r--)
     (n = i[r]) && (t = n(e, a, t) || t);
-  return t && g(e, a, t), t;
+  return t && f(e, a, t), t;
 };
 class s extends h {
   constructor() {
@@ -79,7 +79,7 @@ class s extends h {
     this.adapter.injectValidationIssues([e.detail.message]);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), b(this.subscriptions);
   }
 }
 o([
@@ -89,7 +89,7 @@ o([
 o([
   u({ context: m })
 ], s.prototype, "adapter");
-b("gui-date-time-calendar-input", s);
+g("gui-date-time-calendar-input", s);
 export {
   s as DateTimeCalendarElement
 };

package/{date-time-picker.element-HHpwjWTQ.js → date-time-picker.element-Bt0GYSpS.js}

@@ -3,12 +3,12 @@ import "@golemui/gui-components/date-time-picker";
 import { consume as p, provide as u } from "@lit/context";
 import { LitElement as h, html as b } from "lit";
 import { property as c } from "lit/decorators.js";
-import { safeDefine as $ } from "@golemui/lit/internals";
+import { unsubscribeAll as $, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, o = (i, e, t, M) => {
+var M = Object.defineProperty, o = (i, e, t, A) => {
   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;
+  return a && M(e, t, a), a;
 };
 class s extends h {
   constructor() {
@@ -91,7 +91,7 @@ class s extends h {
     this.adapter.injectValidationIssues([e.detail.message]);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), $(this.subscriptions);
   }
 }
 o([
@@ -101,7 +101,7 @@ o([
 o([
   u({ context: m })
 ], s.prototype, "adapter");
-$("gui-date-time-picker-input", s);
+g("gui-date-time-picker-input", s);
 export {
   s as DateTimePickerElement
 };

package/{date-time.element-ucETvSTC.js → date-time.element-WfLnY_Cb.js}

@@ -1,18 +1,18 @@
 import { InputWidgetAdapter as l, formContext as m, inputContext as n } from "@golemui/lit";
 import { addIcon as o } from "@golemui/gui-components/internals";
-import { safeDefine as h } from "@golemui/lit/internals";
+import { unsubscribeAll as h, safeDefine as u } from "@golemui/lit/internals";
 import "@golemui/gui-components/date-time-input";
-import { consume as u, provide as c } from "@lit/context";
-import { LitElement as D, html as $ } from "lit";
-import { property as b } from "lit/decorators.js";
+import { consume as D, provide as c } from "@lit/context";
+import { LitElement as $, html as b } from "lit";
+import { property as g } from "lit/decorators.js";
 import "rxjs";
-import { classMap as g } from "lit/directives/class-map.js";
-var f = Object.defineProperty, d = (i, t, e, x) => {
+import { classMap as f } from "lit/directives/class-map.js";
+var x = Object.defineProperty, d = (i, t, e, v) => {
   for (var a = void 0, r = i.length - 1, p; r >= 0; r--)
     (p = i[r]) && (a = p(t, e, a) || a);
-  return a && f(t, e, a), a;
+  return a && x(t, e, a), a;
 };
-class s extends D {
+class s extends $ {
   constructor() {
     super(...arguments), this.adapter = new l(), this.subscriptions = [];
   }
@@ -32,9 +32,9 @@ class s extends D {
   render() {
     super.render();
     const t = o("date-time", this.adapter.templateData);
-    return $`
+    return b`
       <gui-date-time
-        class=${g(t.widgetClasses)}
+        class=${f(t.widgetClasses)}
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
@@ -77,17 +77,17 @@ class s extends D {
     this.adapter.injectValidationIssues([t.detail.message]);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), h(this.subscriptions);
   }
 }
 d([
-  u({ context: m }),
-  b({ attribute: !1 })
+  D({ context: m }),
+  g({ attribute: !1 })
 ], s.prototype, "formContext");
 d([
   c({ context: n })
 ], s.prototype, "adapter");
-h("gui-date-time-input", s);
+u("gui-date-time-input", s);
 export {
   s as DateTimeElement
 };