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

package/CHANGELOG.md

@@ -1,3 +1,22 @@
+## 1.2.0 (2026-08-04)
+
+### 🩹 Fixes
+
+- make tabpanels focusable and drop redundant tabindex on native buttons ([fa08ed35](https://github.com/golemui/golemui/commit/fa08ed35))
+- **components:** use role toolbar in markdown editor and pass missing titles ([88488312](https://github.com/golemui/golemui/commit/88488312))
+- **components:** focusable, named password visibility toggle ([f87de7e2](https://github.com/golemui/golemui/commit/f87de7e2))
+- **components:** announce calendar month changes and label the year selector ([eca6ad26](https://github.com/golemui/golemui/commit/eca6ad26))
+- **components:** move aria to host in list component ([b1a6b368](https://github.com/golemui/golemui/commit/b1a6b368))
+- **components:** accessible date/time pickers ([7e13a999](https://github.com/golemui/golemui/commit/7e13a999))
+- **components:** expose segment aria-label props for date/time parts ([3e80ef30](https://github.com/golemui/golemui/commit/3e80ef30))
+- **components:** expose aria-required and fix required attribute binding ([3c347517](https://github.com/golemui/golemui/commit/3c347517))
+- **core:** make WithWidget and WidgetLoaders public-only ([#228](https://github.com/golemui/golemui/pull/228))
+
+### ❤️ Thank You
+
+- Mud Scientist @mudscientist
+- Raúl Jiménez @Elecash
+
 ## 1.1.1-rc.3 (2026-08-04)
 
 This was a version bump only for gui-lit to align it with other projects, there were no code changes.

package/{accordion.element-BIgxl5e9.js → accordion.element-C9GzfKrY.js}

@@ -1,16 +1,17 @@
-import { LayoutWidgetAdapter as l, formContext as u, layoutContext as h } from "@golemui/lit";
+import { LayoutWidgetAdapter as l, formContext as h, layoutContext as u } from "@golemui/lit";
 import { consume as g, provide as m } from "@lit/context";
-import { LitElement as v, html as r, nothing as p } from "lit";
-import { property as f, customElement as b } from "lit/decorators.js";
+import { LitElement as f, html as s, nothing as c } from "lit";
+import { property as v } from "lit/decorators.js";
+import { safeDefine as b } from "@golemui/lit/internals";
 import "rxjs";
 import { repeat as w } from "lit-html/directives/repeat.js";
-import { classMap as _ } from "lit/directives/class-map.js";
-var $ = Object.defineProperty, x = Object.getOwnPropertyDescriptor, d = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? x(e, i) : e, n = t.length - 1, c; n >= 0; n--)
-    (c = t[n]) && (s = (a ? c(e, i, s) : c(s)) || s);
-  return a && s && $(e, i, s), s;
+import { classMap as $ } from "lit/directives/class-map.js";
+var _ = Object.defineProperty, p = (r, t, e, a) => {
+  for (var i = void 0, o = r.length - 1, d; o >= 0; o--)
+    (d = r[o]) && (i = d(t, e, i) || i);
+  return i && _(t, e, i), i;
 };
-let o = class extends v {
+class n extends f {
   constructor() {
     super(...arguments), this.activeSections = {}, this.adapter = new l(), this.subscriptions = [];
   }
@@ -30,21 +31,21 @@ let o = class extends v {
     );
   }
   onClickButton(t) {
-    this.widget.props.singleOpen && Object.keys(this.activeSections).filter((i) => i !== t).forEach((i) => {
-      this.activeSections[i] = !1;
+    this.widget.props.singleOpen && Object.keys(this.activeSections).filter((a) => a !== t).forEach((a) => {
+      this.activeSections[a] = !1;
     }), this.activeSections[t] = !this.activeSections[t], this.adapter.change(this.activeSections), this.requestUpdate();
   }
   getChild(t) {
     return this.widget.children.find((e) => e.uid === t);
   }
   render() {
-    return this.adapter.templateData ? r`
+    return this.adapter.templateData ? s`
       <div class="gui-widget" id=${this.widget.uid}>
         ${this.adapter.templateData.sections ? w(
       this.adapter.templateData.sections,
       (t) => t.uid,
       (t) => {
-        const e = this.activeSections[t.uid] || this.adapter.templateData.renderMode !== "activeOnly" ? r`<section
+        const e = this.activeSections[t.uid] || this.adapter.templateData.renderMode !== "activeOnly" ? s`<section
                         class="gui-widget"
                         role="region"
                         id=${`accordion_section_${t.uid}`}
@@ -52,12 +53,12 @@ let o = class extends v {
                         aria-labelledby=${`accordion_button_${t.uid}`}
                       >
                         <gui-widget .widget=${this.getChild(t.uid)}></gui-widget>
-                      </section>` : p;
-        return r`<div class="gui-accordion__section">
+                      </section>` : c;
+        return s`<div class="gui-accordion__section">
                   <button
                     type="button"
                     tabindex="0"
-                    class=${_({
+                    class=${$({
           active: this.activeSections[t.uid]
         })}
                     id=${`accordion_button_${t.uid}`}
@@ -81,24 +82,22 @@ let o = class extends v {
                   ${e}
                 </div>`;
       }
-    ) : p}
+    ) : c}
       </div>
-    ` : r``;
+    ` : s``;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
   }
-};
-d([
-  g({ context: u }),
-  f({ attribute: !1 })
-], o.prototype, "formContext", 2);
-d([
-  m({ context: h })
-], o.prototype, "adapter", 2);
-o = d([
-  b("gui-accordion-layout")
-], o);
+}
+p([
+  g({ context: h }),
+  v({ attribute: !1 })
+], n.prototype, "formContext");
+p([
+  m({ context: u })
+], n.prototype, "adapter");
+b("gui-accordion-layout", n);
 export {
-  o as AccordionElement
+  n as AccordionElement
 };

package/alert.element-CHn49Yaf.js

@@ -0,0 +1,55 @@
+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 "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;
+};
+class s extends p {
+  constructor() {
+    super(...arguments), this.adapter = new h(), this.subscriptions = [];
+  }
+  createRenderRoot() {
+    return this;
+  }
+  updated(t) {
+    super.updated(t);
+    const i = this.adapter.templateData.size;
+    i ? this.style.flex = String(i) : this.style.removeProperty("flex");
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-alert", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    return n`
+      <div class="gui-widget" id=${this.widget.uid}>
+        <div
+          role="alert"
+          class="gui-alert-notification gui-alert-notification--${this.adapter.templateData.level || "default"}"
+        >
+          ${this.adapter.templateData.text}
+        </div>
+      </div>
+    `;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+}
+d([
+  u({ context: m }),
+  l({ attribute: !1 })
+], s.prototype, "formContext");
+d([
+  f({ context: g })
+], s.prototype, "adapter");
+c("gui-alert-display", s);
+export {
+  s as AlertElement
+};

package/button.element-C9fHivSw.js

@@ -0,0 +1,59 @@
+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 { property as b } from "lit/decorators.js";
+import { safeDefine as f } 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;
+};
+class s extends h {
+  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-button", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
+      this.adapter.templateDataChanged$.subscribe(() => this.requestUpdate())
+    );
+  }
+  render() {
+    return m`
+      <gui-button
+        .uid=${this.widget.uid}
+        .actionType=${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}
+        @click=${() => this.adapter.click()}
+      ></gui-button>
+    `;
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+}
+n([
+  c({ context: d }),
+  b({ attribute: !1 })
+], s.prototype, "formContext");
+n([
+  u({ context: l })
+], s.prototype, "adapter");
+f("gui-button-interactive", s);
+export {
+  s as ButtonElement
+};

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

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

package/checkbox.element-DU_tVMXu.js

@@ -0,0 +1,66 @@
+import { InputWidgetAdapter as p, 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 { 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 "rxjs";
+var x = Object.defineProperty, d = (r, t, e, g) => {
+  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;
+};
+class s extends c {
+  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-checkbox", "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`
+      <gui-checkbox
+        .uid=${this.widget.uid}
+        .label=${this.adapter.templateData.label}
+        .errors=${this.adapter.templateData.errors}
+        ?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}
+        .hint=${this.adapter.templateData.hint}
+        .checkboxPosition=${this.adapter.templateData.checkboxPosition}
+        @change=${this.valueChanged}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-checkbox>
+    `;
+  }
+  valueChanged(t) {
+    const e = t.detail.value;
+    this.adapter.valueChanged(e);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+}
+d([
+  h({ context: n }),
+  b({ attribute: !1 })
+], s.prototype, "formContext");
+d([
+  u({ context: l })
+], s.prototype, "adapter");
+f("gui-checkbox-input", s);
+export {
+  s as CheckboxElement
+};

package/currency.element-BmAH5KS_.js

@@ -0,0 +1,73 @@
+import { InputWidgetAdapter as l, formContext as n, inputContext as o } 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 { safeDefine as f } from "@golemui/lit/internals";
+import "rxjs";
+var $ = Object.defineProperty, d = (r, t, e, g) => {
+  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;
+};
+class s extends m {
+  constructor() {
+    super(...arguments), this.adapter = new l(), 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-currency", "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(), h`
+      <gui-currency
+        .uid=${this.widget.uid}
+        .label=${this.adapter.templateData.label}
+        .hint=${this.adapter.templateData.hint}
+        .errors=${this.adapter.templateData.errors}
+        ?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}
+        .currency=${this.adapter.templateData.currency}
+        .step=${this.adapter.templateData.step}
+        .maximumFractionDigits=${this.adapter.templateData.maximumFractionDigits}
+        .minimumFractionDigits=${this.adapter.templateData.minimumFractionDigits}
+        .icon=${this.adapter.templateData.icon}
+        .placeholder=${this.adapter.templateData.placeholder}
+        .autocomplete=${this.adapter.templateData.autocomplete}
+        .localeId=${this.adapter.templateData.lang}
+        @input=${this.valueChanged}
+        @blur=${() => this.adapter.onBlur()}
+      ></gui-currency>
+    `;
+  }
+  valueChanged(t) {
+    const e = t.detail.value;
+    this.adapter.valueChanged(e);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+  }
+}
+d([
+  u({ context: n }),
+  D({ attribute: !1 })
+], s.prototype, "formContext");
+d([
+  c({ context: o })
+], s.prototype, "adapter");
+f("gui-currency-input", s);
+export {
+  s as CurrencyElement
+};

package/date-picker.element-Bg3rF95F.js

@@ -0,0 +1,94 @@
+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 { property as b } from "lit/decorators.js";
+import { safeDefine as $ } from "@golemui/lit/internals";
+import "rxjs";
+var g = Object.defineProperty, o = (r, e, a, f) => {
+  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;
+};
+class s extends c {
+  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())
+    );
+  }
+  render() {
+    super.render();
+    const e = this.adapter.templateData;
+    return m`
+      <gui-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}
+        .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-date-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());
+  }
+}
+o([
+  u({ context: l }),
+  b({ attribute: !1 })
+], s.prototype, "formContext");
+o([
+  h({ context: p })
+], s.prototype, "adapter");
+$("gui-date-picker-input", s);
+export {
+  s as DatePickerElement
+};

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

@@ -1,15 +1,16 @@
-import { InputWidgetAdapter as d, formContext as m, inputContext as p } from "@golemui/lit";
-import "./date-time-calendar-CB5cNoOX.js";
-import { consume as u, 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 d, formContext as l, inputContext as m } from "@golemui/lit";
+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 "rxjs";
-var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (e, t, s, r) => {
-  for (var a = r > 1 ? void 0 : r ? x(t, s) : t, n = e.length - 1, o; n >= 0; n--)
-    (o = e[n]) && (a = (r ? o(t, s, a) : o(a)) || a);
-  return r && a && v(t, s, a), a;
+var g = Object.defineProperty, o = (i, e, a, f) => {
+  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;
 };
-let i = class extends c {
+class s extends h {
   constructor() {
     super(...arguments), this.adapter = new d(), this.subscriptions = [];
   }
@@ -18,8 +19,8 @@ let i = class extends c {
   }
   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-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-date-time-calendar
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -64,6 +65,7 @@ let i = class extends c {
         .maxTimeMessage=${e.maxTimeMessage}
         .disabledTimeRangeMessage=${e.disabledTimeRangeMessage}
         .noAvailableTimesMessage=${e.noAvailableTimesMessage}
+        .incompleteMessage=${e.incompleteMessage}
         @change=${this.valueChanged}
         @inputError=${this.onInputError}
         @blur=${() => this.adapter.onBlur()}
@@ -79,17 +81,15 @@ let i = class extends c {
   disconnectedCallback() {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
-};
-l([
-  u({ context: m }),
+}
+o([
+  p({ context: l }),
   $({ attribute: !1 })
-], i.prototype, "formContext", 2);
-l([
-  h({ context: p })
-], i.prototype, "adapter", 2);
-i = l([
-  g("gui-date-time-calendar-input")
-], i);
+], s.prototype, "formContext");
+o([
+  u({ context: m })
+], s.prototype, "adapter");
+b("gui-date-time-calendar-input", s);
 export {
-  i as DateTimeCalendarElement
+  s as DateTimeCalendarElement
 };