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

package/CHANGELOG.md

@@ -1,3 +1,79 @@
+## 2.0.0-rc.0 (2026-10-08)
+
+### 🚀 Features
+
+- ⚠️  **gui-components:** Make @golemui/gui-components a standalone project ([#406](https://github.com/golemui/golemui/pull/406))
+
+### ⚠️  Breaking Changes
+
+- **gui-components:** Make @golemui/gui-components a standalone project  ([#406](https://github.com/golemui/golemui/pull/406))
+  Deprecate Flex layout
+  * fix(gui-components): add migration guide to v2.0
+  BREAKING CHANGE: GolemUI 2.0 makes @golemui/gui-components a standalone project.
+  - Styles: index.css no longer includes the form container, repeater and
+    invalid submit button styles. Import @golemui/gui-shared/forms.css after it.
+  - Styles: every rule is in a golemui.* cascade layer, so unlayered app CSS,
+    including global resets, now overrides component styles.
+  - Styles: component selectors are no longer nested under .gui-form, and
+    narrow layouts query the gui-container container instead of gui-form.
+  - Layouts: a grid without direction is now a stack instead of a row. Add
+    direction: 'row' to keep a row.
+  - Layouts: flex is deprecated and renders as a grid. Grid gaps are tokens
+    (none to xl) instead of pixels, justify places children along a row, and
+    autoFit, columnGap, rowGap and align are deprecated. The root layout is grid.
+  - Markup: tabs, accordions and alerts render gui-tabs, gui-accordion and
+    gui-alert. Their old classes (.gui-accordion__section,
+    .gui-alert-notification--*, .active) are gone, as are the .gui-flex and
+    .gui-grid__widget classes. Errors render as divs instead of a ul.
+  - Elements: every event is prefixed with gui- (input/change -> gui-input and
+    gui-change, blur -> gui-blur, inputError -> gui-input-error, and so on),
+    bubbles and is composed.
+  - Elements: multi-word attributes are kebab-case (autogrow -> auto-grow).
+  - Elements: gui-button's actionType is now type, and invalid is removed.
+  - Elements: touched is unset by default, so errors show as soon as they are set.
+  - Packages: @golemui/gui-components only peers on lit, and @golemui/gui-shared
+    now depends on it. @golemui/gui-components/internals no longer exports
+    createIntersectionObserver or NO_AVAILABLE_TIMES_MESSAGE.
+  * chore: update gitignore
+  * refactor(lit): move ssr to lit-utils
+  move ssr to lit-utils
+  * docs: update readme
+  * refactor(lit): move ssr to lit-utils, add ssr to components
+  * fix(gui-components): report missing upload service when dependencies are set
+  * fix(gui-components): avoid duplicated ids in all pickers
+  * fix(gui-components): set caret icon as a CSS property
+  * test: check ssr parity across frameworks with components
+  * ci: add workflow to test lit-labs/ssr against our implementation
+  * feat(gui-components): add timeLabel prop to date-time inputs
+  * chore: fix lint errors
+  * chore: improve ssr performance
+  * docs: move components ssr docs to website
+  * fix(gui-components): send value in numeric inputs
+  * feat(gui-components): add nitro plugin for nuxt users
+  * fix(gui-components): avoid ssr rendering for time lists
+  * chore: reset harnesses
+  * docs: update components readme
+  * fix(gui-components): misc issues related with required, aria and styling
+  * test(gui-components): fix tests
+  * test(gui-components): fix firefox test failing by 0.000001
+  * fix(gui-components): fix layout issues with pickers
+  * fix(schemas): make grid a the reserved root
+  * fix(schemas): make grid a the reserved root
+  * docs: fix astro template, update migration guide
+  * fix(gui-components): avoid double hints in pickers
+  * fix(gui-react): fix singleOpen in react accordion
+  * fix(gui-components): fix currency stepping
+  * fix(gui-components): reset value on form reset
+  * fix(gui-components): Segmented date and time inputs keep an outdated validity
+  * fix(gui-components): block pickers submissions with partly typed or impossible dates
+  * fix(gui-components): Dates and times outside their bounds now block a native submit
+  * fix(gui-components): block native submit with pending uploads in progress
+  * test: fix typing issues with specs
+
+### ❤️ Thank You
+
+- Raúl Jiménez @Elecash
+
 ## 1.6.0 (2026-10-03)
 
 This was a version bump only for gui-lit to align it with other projects, there were no code changes.

package/accordion.element-CE1gDRCy.js

@@ -0,0 +1,84 @@
+import { LayoutWidgetAdapter as h, formContext as g, layoutContext as m } from "@golemui/lit";
+import { repeaterIndexSuffix as f, accordionSectionId as b, accordionButtonId as c } from "@golemui/gui-shared/internals";
+import { consume as x, provide as $ } from "@lit/context";
+import { LitElement as v, html as s, nothing as w } from "lit";
+import { property as S } from "lit/decorators.js";
+import { unsubscribeAll as y, safeDefine as C } from "@golemui/lit/internals";
+import "rxjs";
+import { repeat as D } from "lit/directives/repeat.js";
+import "@golemui/gui-components/accordion";
+var O = Object.defineProperty, u = (n, e, i, r) => {
+  for (var t = void 0, a = n.length - 1, o; a >= 0; a--)
+    (o = n[a]) && (t = o(e, i, t) || t);
+  return t && O(e, i, t), t;
+};
+class d extends v {
+  constructor() {
+    super(...arguments), this.activeSections = {}, this.adapter = new h(), this.subscriptions = [], this.rowIndexSuffix = "";
+  }
+  createRenderRoot() {
+    return this;
+  }
+  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 = f(this.widget.uid), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  onToggle(e, i) {
+    if (e.target !== e.currentTarget) return;
+    const { open: r } = e.detail;
+    !!this.activeSections[i] !== r && (r && this.adapter.templateData.singleOpen && Object.keys(this.activeSections).forEach((t) => {
+      this.activeSections[t] = !1;
+    }), this.activeSections[i] = r, this.adapter.change({ ...this.activeSections }), this.requestUpdate());
+  }
+  getChild(e) {
+    return (this.adapter.templateData.children ?? []).find((r) => r.uid === `${e}${this.rowIndexSuffix}`);
+  }
+  render() {
+    if (!this.adapter.templateData) return s``;
+    const { sections: e = [], singleOpen: i, renderMode: r } = this.adapter.templateData;
+    return s`
+      <gui-accordion id=${this.widget.uid} ?multiple=${!i}>
+        ${D(
+      e,
+      (t) => t.uid,
+      (t) => {
+        const a = !!this.activeSections[t.uid], o = this.getChild(t.uid), p = o !== void 0 && (a || r !== "activeOnly") ? s`<section
+                    class="gui-widget"
+                    role="region"
+                    id=${b(this.widget.uid, t.uid)}
+                    aria-labelledby=${c(this.widget.uid, t.uid)}
+                  >
+                    <gui-widget .widget=${o}></gui-widget>
+                  </section>` : w;
+        return s`<gui-accordion-item
+              .open=${a}
+              @gui-toggle=${(l) => this.onToggle(l, t.uid)}
+            >
+              <details ?open=${a}>
+                <summary id=${c(this.widget.uid, t.uid)}>
+                  ${t.label}
+                </summary>
+                ${p}
+              </details>
+            </gui-accordion-item>`;
+      }
+    )}
+      </gui-accordion>
+    `;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), y(this.subscriptions);
+  }
+}
+u([
+  x({ context: g }),
+  S({ attribute: !1 })
+], d.prototype, "formContext");
+u([
+  $({ context: m })
+], d.prototype, "adapter");
+C("gui-accordion-layout", d);
+export {
+  d as AccordionElement
+};

package/alert.element-Bqcad7bR.js

@@ -0,0 +1,43 @@
+import { LitElement as p, html as d } from "lit";
+import { property as l } from "lit/decorators.js";
+import { unsubscribeAll as c, safeDefine as u } from "@golemui/lit/internals";
+import { consume as m, provide as h } from "@lit/context";
+import { DisplayWidgetAdapter as f, formContext as b, displayWidgetContext as g } from "@golemui/lit";
+import "rxjs";
+import "@golemui/gui-components/alert";
+var x = Object.defineProperty, n = (i, e, r, C) => {
+  for (var t = void 0, s = i.length - 1, o; s >= 0; s--)
+    (o = i[s]) && (t = o(e, r, t) || t);
+  return t && x(e, r, t), t;
+};
+class a extends p {
+  constructor() {
+    super(...arguments), this.adapter = new f(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  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() {
+    const { text: e, level: r } = this.adapter.templateData;
+    return d`<gui-alert id=${this.widget.uid} variant=${r || "default"}>${e}</gui-alert>`;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), c(this.subscriptions);
+  }
+}
+n([
+  m({ context: b }),
+  l({ attribute: !1 })
+], a.prototype, "formContext");
+n([
+  h({ context: g })
+], a.prototype, "adapter");
+u("gui-alert-display", a);
+export {
+  a as AlertElement
+};

package/{button.element-CKYv0Glr.js → button.element-CjeUWaly.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 m, html as h } from "lit";
-import { property as b } from "lit/decorators.js";
-import { unsubscribeAll as f, safeDefine as v } from "@golemui/lit/internals";
+import { ActionWidgetAdapter as d, formContext as c, actionContext as l } from "@golemui/lit";
+import { consume as u, provide as m } from "@lit/context";
+import { LitElement as h, html as b } from "lit";
+import { property as f } from "lit/decorators.js";
+import { unsubscribeAll as g, safeDefine as v } from "@golemui/lit/internals";
 import "rxjs";
 import "@golemui/gui-components/button";
-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;
+var C = Object.defineProperty, p = (i, e, a, o) => {
+  for (var t = void 0, r = i.length - 1, n; r >= 0; r--)
+    (n = i[r]) && (t = n(e, a, t) || t);
+  return t && C(e, a, t), t;
 };
-class s extends m {
+class s extends h {
   constructor() {
-    super(...arguments), this.adapter = new p(), this.subscriptions = [];
+    super(...arguments), this.adapter = new d(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(a) {
-    super.updated(a);
-    const e = this.adapter.templateData.size;
-    e ? this.style.flex = String(e) : this.style.removeProperty("flex");
+  updated(e) {
+    super.updated(e);
+    const { invalid: a, actionType: o } = this.adapter.templateData;
+    this.classList.toggle("gui-button--invalid", a === !0 && o === "submit");
   }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-button", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -28,13 +28,12 @@ class s extends m {
     );
   }
   render() {
-    return h`
+    return b`
       <gui-button
         .uid=${this.widget.uid}
-        .actionType=${this.adapter.templateData.actionType ?? "button"}
+        .type=${this.adapter.templateData.actionType ?? "button"}
         .label=${this.adapter.templateData.label}
         ?disabled=${this.adapter.templateData.disabled === !0}
-        ?invalid=${this.adapter.templateData.invalid === !0}
         .variant=${this.adapter.templateData.variant}
         .icon=${this.adapter.templateData.icon}
         .iconPosition=${this.adapter.templateData.iconPosition}
@@ -43,15 +42,15 @@ class s extends m {
     `;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), f(this.subscriptions);
+    super.disconnectedCallback(), this.adapter.destroy(), g(this.subscriptions);
   }
 }
-n([
-  c({ context: d }),
-  b({ attribute: !1 })
+p([
+  u({ context: c }),
+  f({ attribute: !1 })
 ], s.prototype, "formContext");
-n([
-  u({ context: l })
+p([
+  m({ context: l })
 ], s.prototype, "adapter");
 v("gui-button-interactive", s);
 export {

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

@@ -1,27 +1,22 @@
-import { InputWidgetAdapter as l, formContext as n, inputContext as o } from "@golemui/lit";
+import { InputWidgetAdapter as n, formContext as l, 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 { unsubscribeAll as D, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-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(a, t, e) || e);
-  return e && f(a, t, e), e;
+var g = Object.defineProperty, d = (r, a, e, f) => {
+  for (var t = void 0, i = r.length - 1, s; i >= 0; i--)
+    (s = r[i]) && (t = s(a, e, t) || t);
+  return t && g(a, e, t), t;
 };
-class s extends u {
+class p extends u {
   constructor() {
-    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+    super(...arguments), this.adapter = new n(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(a) {
-    super.updated(a);
-    const t = this.adapter.templateData.size;
-    t ? this.style.flex = String(t) : this.style.removeProperty("flex");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-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}
@@ -53,27 +48,27 @@ class s extends u {
         .disabledRanges=${this.adapter.templateData.disabledRanges}
         .numberOfMonths=${this.adapter.templateData.numberOfMonths}
         .localeId=${this.adapter.templateData.lang}
-        @change=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-calendar>
     `;
   }
   valueChanged(a) {
-    const t = a?.target;
-    this.adapter.valueChanged(t.value);
+    const e = a?.target;
+    this.adapter.valueChanged(e.value);
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), D(this.subscriptions);
   }
 }
 d([
-  h({ context: n }),
+  h({ context: l }),
   b({ attribute: !1 })
-], s.prototype, "formContext");
+], p.prototype, "formContext");
 d([
   m({ context: o })
-], s.prototype, "adapter");
-$("gui-calendar-input", s);
+], p.prototype, "adapter");
+$("gui-calendar-input", p);
 export {
-  s as CalendarElement
+  p as CalendarElement
 };

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

@@ -1,27 +1,23 @@
-import { InputWidgetAdapter as p, formContext as l, inputContext as n } from "@golemui/lit";
+import { InputWidgetAdapter as d, formContext as n, inputContext as l } from "@golemui/lit";
 import "@golemui/gui-components/checkbox";
-import { consume as h, provide as u } from "@lit/context";
+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 { unsubscribeAll as f, safeDefine as x } from "@golemui/lit/internals";
 import "rxjs";
-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(e, t, a) || a);
-  return a && g(e, t, a), a;
+import { live as g } from "lit/directives/live.js";
+var v = Object.defineProperty, p = (r, e, a, C) => {
+  for (var t = void 0, i = r.length - 1, o; i >= 0; i--)
+    (o = r[i]) && (t = o(e, a, t) || t);
+  return t && v(e, a, t), t;
 };
 class s extends c {
   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-checkbox", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -33,32 +29,32 @@ class s extends c {
         .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=${g(this.adapter.templateData.value)}
         .hint=${this.adapter.templateData.hint}
         .checkboxPosition=${this.adapter.templateData.checkboxPosition}
-        @change=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-checkbox>
     `;
   }
   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([
-  h({ context: l }),
+p([
+  u({ context: n }),
   b({ attribute: !1 })
 ], s.prototype, "formContext");
-d([
-  u({ context: n })
+p([
+  h({ context: l })
 ], s.prototype, "adapter");
 x("gui-checkbox-input", s);
 export {

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

@@ -1,27 +1,23 @@
-import { InputWidgetAdapter as l, formContext as n, inputContext as o } from "@golemui/lit";
+import { InputWidgetAdapter as n, formContext as o, inputContext as l } from "@golemui/lit";
 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 { unsubscribeAll as f, safeDefine as $ } from "@golemui/lit/internals";
+import { unsubscribeAll as g, safeDefine as $ } from "@golemui/lit/internals";
 import "rxjs";
-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(e, t, a) || a);
-  return a && g(e, t, a), a;
+import { live as b } from "lit/directives/live.js";
+var f = 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 && f(e, a, t), t;
 };
-class s extends m {
+class p extends m {
   constructor() {
-    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+    super(...arguments), this.adapter = new n(), 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-currency", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -34,11 +30,11 @@ class s extends m {
         .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=${b(this.adapter.templateData.value)}
         .currency=${this.adapter.templateData.currency}
         .step=${this.adapter.templateData.step}
         .maximumFractionDigits=${this.adapter.templateData.maximumFractionDigits}
@@ -47,27 +43,27 @@ class s extends m {
         .placeholder=${this.adapter.templateData.placeholder}
         .autocomplete=${this.adapter.templateData.autocomplete}
         .localeId=${this.adapter.templateData.lang}
-        @input=${this.valueChanged}
-        @blur=${() => this.adapter.onBlur()}
+        @gui-input=${this.valueChanged}
+        @gui-blur=${() => this.adapter.onBlur()}
       ></gui-currency>
     `;
   }
   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);
   }
 }
 d([
-  u({ context: n }),
+  u({ context: o }),
   D({ attribute: !1 })
-], s.prototype, "formContext");
+], p.prototype, "formContext");
 d([
-  c({ context: o })
-], s.prototype, "adapter");
-$("gui-currency-input", s);
+  c({ context: l })
+], p.prototype, "adapter");
+$("gui-currency-input", p);
 export {
-  s as CurrencyElement
+  p as CurrencyElement
 };

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

@@ -1,27 +1,22 @@
 import { InputWidgetAdapter as d, formContext as l, inputContext as p } from "@golemui/lit";
 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 { consume as u, provide as c } from "@lit/context";
+import { LitElement as h, html as m } from "lit";
 import { property as b } from "lit/decorators.js";
 import { unsubscribeAll as $, safeDefine as g } from "@golemui/lit/internals";
 import "rxjs";
-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 && f(e, a, t), t;
+var M = Object.defineProperty, o = (t, e, n, f) => {
+  for (var a = void 0, r = t.length - 1, s; r >= 0; r--)
+    (s = t[r]) && (a = s(e, n, a) || a);
+  return a && M(e, n, a), a;
 };
-class s extends c {
+class i extends h {
   constructor() {
     super(...arguments), this.adapter = new d(), 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");
-  }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-date-picker", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
       this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
@@ -36,7 +31,7 @@ class s extends c {
         .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}
@@ -65,9 +60,9 @@ class s extends c {
         .maxDateMessage=${e.maxDateMessage}
         .disabledDateRangeMessage=${e.disabledDateRangeMessage}
         .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-date-picker>
     `;
   }
@@ -84,11 +79,11 @@ class s extends c {
 o([
   u({ context: l }),
   b({ attribute: !1 })
-], s.prototype, "formContext");
+], i.prototype, "formContext");
 o([
-  h({ context: p })
-], s.prototype, "adapter");
-g("gui-date-picker-input", s);
+  c({ context: p })
+], i.prototype, "adapter");
+g("gui-date-picker-input", i);
 export {
-  s as DatePickerElement
+  i as DatePickerElement
 };