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

package/{number.element-mQSFQsYC.js → number.element-WRHwQGZz.js}

@@ -1,27 +1,23 @@
-import { InputWidgetAdapter as l, formContext as o, inputContext as u } from "@golemui/lit";
+import { InputWidgetAdapter as o, formContext as l, inputContext as u } from "@golemui/lit";
 import "@golemui/gui-components/number";
 import { consume as n, provide as m } from "@lit/context";
 import { LitElement as h, html as c } from "lit";
 import { property as b } from "lit/decorators.js";
 import { unsubscribeAll as f, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var D = Object.defineProperty, d = (r, e, t, v) => {
-  for (var a = void 0, i = r.length - 1, p; i >= 0; i--)
-    (p = r[i]) && (a = p(e, t, a) || a);
-  return a && D(e, t, a), a;
+import { live as D } from "lit/directives/live.js";
+var g = Object.defineProperty, d = (r, e, a, v) => {
+  for (var t = void 0, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (t = s(e, a, t) || t);
+  return t && g(e, a, t), t;
 };
-class s extends h {
+class p extends h {
   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-number", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -34,38 +30,38 @@ class s extends h {
         .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=${D(this.adapter.templateData.value)}
         .step=${this.adapter.templateData.step}
         .minimum=${this.adapter.templateData.minimum}
         .maximum=${this.adapter.templateData.maximum}
         .autoGrow=${this.adapter.templateData.autoGrow}
         .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-number>
     `;
   }
   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);
   }
 }
 d([
-  n({ context: o }),
+  n({ context: l }),
   b({ attribute: !1 })
-], s.prototype, "formContext");
+], p.prototype, "formContext");
 d([
   m({ context: u })
-], s.prototype, "adapter");
-$("gui-number-input", s);
+], p.prototype, "adapter");
+$("gui-number-input", p);
 export {
-  s as NumberElement
+  p as NumberElement
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golemui/gui-lit",
-  "version": "1.6.0-rc.1",
+  "version": "2.0.0-rc.0",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -25,11 +25,11 @@
     "*.md"
   ],
   "peerDependencies": {
-    "@golemui/lit": "1.6.0-rc.1",
-    "@golemui/core": "1.6.0-rc.1",
-    "@golemui/gui-components": "1.6.0-rc.1",
-    "@golemui/gui-shared": "1.6.0-rc.1",
-    "@golemui/gui-validators": "1.6.0-rc.1",
+    "@golemui/lit": "2.0.0-rc.0",
+    "@golemui/core": "2.0.0-rc.0",
+    "@golemui/gui-components": "2.0.0-rc.0",
+    "@golemui/gui-shared": "2.0.0-rc.0",
+    "@golemui/gui-validators": "2.0.0-rc.0",
     "@lit/context": "^1.1.6",
     "lit-html": "^3.3.1",
     "lit": "^3.3.1",

package/{password.element-xw5gugEg.js → password.element-DnV_PqKI.js}

@@ -1,44 +1,40 @@
 import { InputWidgetAdapter as p, formContext as l, inputContext as n } from "@golemui/lit";
 import "@golemui/gui-components/password";
 import { consume as h, provide as u } from "@lit/context";
-import { LitElement as c, html as m } from "lit";
+import { LitElement as m, html as c } from "lit";
 import { property as b } from "lit/decorators.js";
-import { unsubscribeAll as f, safeDefine as w } from "@golemui/lit/internals";
+import { unsubscribeAll as w, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var $ = Object.defineProperty, o = (r, e, t, D) => {
-  for (var a = void 0, s = r.length - 1, d; s >= 0; s--)
-    (d = r[s]) && (a = d(e, t, a) || a);
-  return a && $(e, t, a), a;
+import { live as f } from "lit/directives/live.js";
+var D = Object.defineProperty, o = (r, e, a, g) => {
+  for (var t = void 0, s = r.length - 1, d; s >= 0; s--)
+    (d = r[s]) && (t = d(e, a, t) || t);
+  return t && D(e, a, t), t;
 };
-class i extends c {
+class i extends m {
   constructor() {
     super(...arguments), this.adapter = new p(), 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-password", "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-password
         .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=${f(this.adapter.templateData.value)}
         .icon=${this.adapter.templateData.icon}
         .placeholder=${this.adapter.templateData.placeholder}
         .autocomplete=${this.adapter.templateData.autocomplete}
@@ -46,17 +42,17 @@ class i extends c {
         .hidePasswordIcon=${this.adapter.templateData.hidePasswordIcon}
         .showPasswordLabel=${this.adapter.templateData.showPasswordLabel}
         .hidePasswordLabel=${this.adapter.templateData.hidePasswordLabel}
-        @input=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-password>
     `;
   }
   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(), w(this.subscriptions);
   }
 }
 o([
@@ -66,7 +62,7 @@ o([
 o([
   u({ context: n })
 ], i.prototype, "adapter");
-w("gui-password-input", i);
+$("gui-password-input", i);
 export {
   i as PasswordElement
 };

package/{radiogroup.element-TqfrxVyI.js → radiogroup.element-Cqn_48Ao.js}

@@ -3,25 +3,21 @@ import "@golemui/gui-components/radiogroup";
 import { consume as u, provide as h } from "@lit/context";
 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 { unsubscribeAll as g, safeDefine as f } from "@golemui/lit/internals";
 import "rxjs";
-var v = Object.defineProperty, p = (r, e, t, $) => {
-  for (var a = void 0, i = r.length - 1, d; i >= 0; i--)
-    (d = r[i]) && (a = d(e, t, a) || a);
-  return a && v(e, t, a), a;
+import { live as v } from "lit/directives/live.js";
+var $ = Object.defineProperty, s = (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;
 };
-class s extends m {
+class d extends m {
   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-radiogroup", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -33,37 +29,37 @@ 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}
         .options=${this.adapter.templateData.options}
         .labelField=${this.adapter.templateData.labelField}
         .valueField=${this.adapter.templateData.valueField}
         .direction=${this.adapter.templateData.direction}
-        @change=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-radiogroup>
     `;
   }
   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(), g(this.subscriptions);
   }
 }
-p([
+s([
   u({ context: l }),
   b({ attribute: !1 })
-], s.prototype, "formContext");
-p([
+], d.prototype, "formContext");
+s([
   h({ context: n })
-], s.prototype, "adapter");
-g("gui-radiogroup-input", s);
+], d.prototype, "adapter");
+f("gui-radiogroup-input", d);
 export {
-  s as RadiogroupElement
+  d as RadiogroupElement
 };

package/{range-calendar.element-BJr97SVA.js → range-calendar.element-V_56ZeT9.js}

@@ -5,23 +5,18 @@ import { LitElement as u, html as c } from "lit";
 import { property as b } from "lit/decorators.js";
 import { unsubscribeAll as D, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-var g = Object.defineProperty, l = (r, t, e, f) => {
-  for (var a = void 0, i = r.length - 1, d; i >= 0; i--)
-    (d = r[i]) && (a = d(t, e, a) || a);
-  return a && g(t, e, a), a;
+var g = Object.defineProperty, l = (e, t, d, f) => {
+  for (var a = void 0, r = e.length - 1, s; r >= 0; r--)
+    (s = e[r]) && (a = s(t, d, a) || a);
+  return a && g(t, d, a), a;
 };
-class s extends u {
+class i extends u {
   constructor() {
     super(...arguments), this.adapter = new p(), 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-calendar", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -34,7 +29,7 @@ class s extends u {
         .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}
@@ -64,9 +59,9 @@ class s extends u {
         .editCommittedMessage=${this.adapter.templateData.editCommittedMessage}
         .editCancelledMessage=${this.adapter.templateData.editCancelledMessage}
         .localeId=${this.adapter.templateData.lang}
-        @change=${this.valueChanged}
-        @inputError=${this.onInputError}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-range-calendar>
     `;
   }
@@ -83,11 +78,11 @@ class s extends u {
 l([
   h({ context: n }),
   b({ attribute: !1 })
-], s.prototype, "formContext");
+], i.prototype, "formContext");
 l([
   m({ context: o })
-], s.prototype, "adapter");
-$("gui-range-calendar-input", s);
+], i.prototype, "adapter");
+$("gui-range-calendar-input", i);
 export {
-  s as RangeCalendarElement
+  i as RangeCalendarElement
 };

package/{range-date-input.element-DDRYvP9h.js → range-date-input.element-D3ZG8OW-.js}

@@ -1,27 +1,22 @@
 import { InputWidgetAdapter as p, formContext as n, inputContext as o } from "@golemui/lit";
 import "@golemui/gui-components/range-date-input";
-import { consume as h, provide as m } from "@lit/context";
+import { consume as m, provide as h } from "@lit/context";
 import { LitElement as u, html as c } from "lit";
 import { property as b } from "lit/decorators.js";
 import { unsubscribeAll as D, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var $ = Object.defineProperty, l = (i, t, a, f) => {
-  for (var e = void 0, r = i.length - 1, d; r >= 0; r--)
-    (d = i[r]) && (e = d(t, a, e) || e);
-  return e && $(t, a, e), e;
+var $ = Object.defineProperty, l = (e, t, s, L) => {
+  for (var a = void 0, i = e.length - 1, d; i >= 0; i--)
+    (d = e[i]) && (a = d(t, s, a) || a);
+  return a && $(t, s, a), a;
 };
-class s extends u {
+class r extends u {
   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");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-range-date", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -35,7 +30,7 @@ class s extends u {
         .hint=${this.adapter.templateData.hint}
         .icon=${this.adapter.templateData.icon}
         .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}
@@ -58,8 +53,8 @@ class s extends u {
         .removePillAriaLabel=${this.adapter.templateData.removePillAriaLabel}
         .startDateAriaLabel=${this.adapter.templateData.startDateAriaLabel}
         .endDateAriaLabel=${this.adapter.templateData.endDateAriaLabel}
-        @change=${this.valueChanged}
-        @inputError=${this.onInputError}
+        @gui-input=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
       ></gui-range-date>
     `;
   }
@@ -74,13 +69,13 @@ class s extends u {
   }
 }
 l([
-  h({ context: n }),
+  m({ context: n }),
   b({ attribute: !1 })
-], s.prototype, "formContext");
+], r.prototype, "formContext");
 l([
-  m({ context: o })
-], s.prototype, "adapter");
-g("gui-range-date-input", s);
+  h({ context: o })
+], r.prototype, "adapter");
+g("gui-range-date-input", r);
 export {
-  s as RangeDateInputElement
+  r as RangeDateInputElement
 };

package/{range-date-picker.element-rdEr0_wu.js → range-date-picker.element-CaNHjueS.js}

@@ -1,27 +1,22 @@
 import { InputWidgetAdapter as d, formContext as o, inputContext as p } from "@golemui/lit";
 import "@golemui/gui-components/range-date-picker";
-import { consume as c, provide as m } from "@lit/context";
-import { LitElement as b, html as u } from "lit";
-import { property as h } from "lit/decorators.js";
-import { unsubscribeAll as $, safeDefine as g } from "@golemui/lit/internals";
+import { consume as c, provide as u } from "@lit/context";
+import { LitElement as b, html as m } from "lit";
+import { property as $ } from "lit/decorators.js";
+import { unsubscribeAll as g, safeDefine as h } from "@golemui/lit/internals";
 import "rxjs";
-var L = Object.defineProperty, l = (r, e, t, A) => {
-  for (var a = void 0, i = r.length - 1, n; i >= 0; i--)
-    (n = r[i]) && (a = n(e, t, a) || a);
-  return a && L(e, t, a), a;
+var L = Object.defineProperty, l = (t, e, s, A) => {
+  for (var a = void 0, r = t.length - 1, n; r >= 0; r--)
+    (n = t[r]) && (a = n(e, s, a) || a);
+  return a && L(e, s, a), a;
 };
-class s extends b {
+class i extends b {
   constructor() {
     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-range-date-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 b {
   render() {
     super.render();
     const e = this.adapter.templateData;
-    return u`
+    return m`
       <gui-range-date-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}
@@ -77,9 +72,9 @@ class s extends b {
         .editStartedMessage=${e.editStartedMessage}
         .editCommittedMessage=${e.editCommittedMessage}
         .editCancelledMessage=${e.editCancelledMessage}
-        @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-range-date-picker>
     `;
   }
@@ -90,17 +85,17 @@ class s extends b {
     this.adapter.injectValidationIssues([e.detail.message]), this.adapter.onBlur();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), $(this.subscriptions);
+    super.disconnectedCallback(), this.adapter.destroy(), g(this.subscriptions);
   }
 }
 l([
   c({ context: o }),
-  h({ attribute: !1 })
-], s.prototype, "formContext");
+  $({ attribute: !1 })
+], i.prototype, "formContext");
 l([
-  m({ context: p })
-], s.prototype, "adapter");
-g("gui-range-date-picker-input", s);
+  u({ context: p })
+], i.prototype, "adapter");
+h("gui-range-date-picker-input", i);
 export {
-  s as RangeDatePickerElement
+  i as RangeDatePickerElement
 };

package/{range-date-time-calendar.element-UlL1BBRJ.js → range-date-time-calendar.element-DyiiUB5Q.js}

@@ -1,27 +1,22 @@
 import { InputWidgetAdapter as d, formContext as o, 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 c, html as b } from "lit";
-import { property as h } from "lit/decorators.js";
-import { unsubscribeAll as $, safeDefine as g } from "@golemui/lit/internals";
+import { LitElement as b, html as c } from "lit";
+import { property as $ } from "lit/decorators.js";
+import { unsubscribeAll as h, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-var L = Object.defineProperty, l = (i, e, t, M) => {
-  for (var a = void 0, r = i.length - 1, n; r >= 0; r--)
-    (n = i[r]) && (a = n(e, t, a) || a);
-  return a && L(e, t, a), a;
+var L = Object.defineProperty, l = (t, e, n, M) => {
+  for (var a = void 0, i = t.length - 1, s; i >= 0; i--)
+    (s = t[i]) && (a = s(e, n, a) || a);
+  return a && L(e, n, a), a;
 };
-class s extends c {
+class r extends b {
   constructor() {
     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-range-date-time-calendar", "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 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}
         .hint=${e.hint}
         .errors=${e.errors}
-        ?touched=${e.touched}
+        .touched=${e.touched}
         ?required=${e.validator?.required}
         ?disabled=${e.disabled}
         ?readonly=${e.readonly}
@@ -76,9 +71,9 @@ class s extends c {
         .editStartedMessage=${e.editStartedMessage}
         .editCommittedMessage=${e.editCommittedMessage}
         .editCancelledMessage=${e.editCancelledMessage}
-        @change=${this.valueChanged}
-        @inputError=${this.onInputError}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-input-error=${this.onInputError}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-range-date-time-calendar>
     `;
   }
@@ -89,17 +84,17 @@ class s extends c {
     this.adapter.injectValidationIssues([e.detail.message]), this.adapter.onBlur();
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), $(this.subscriptions);
+    super.disconnectedCallback(), this.adapter.destroy(), h(this.subscriptions);
   }
 }
 l([
   u({ context: o }),
-  h({ attribute: !1 })
-], s.prototype, "formContext");
+  $({ attribute: !1 })
+], r.prototype, "formContext");
 l([
   p({ context: m })
-], s.prototype, "adapter");
-g("gui-range-date-time-calendar-input", s);
+], r.prototype, "adapter");
+g("gui-range-date-time-calendar-input", r);
 export {
-  s as RangeDateTimeCalendarElement
+  r as RangeDateTimeCalendarElement
 };