@golemui/gui-lit 1.1.0 → 1.1.1-rc.0

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## 1.1.0 (2026-07-21)
+
+### 🚀 Features
+
+- `$fn` host functions for reactive expressions ([#227](https://github.com/golemui/golemui/pull/227))
+- range time and range date time inputs ([#225](https://github.com/golemui/golemui/pull/225))
+- add time and date-time inputs and input error localizable messages ([#220](https://github.com/golemui/golemui/pull/220))
+- add date time input ([#218](https://github.com/golemui/golemui/pull/218))
+- add time input ([#217](https://github.com/golemui/golemui/pull/217))
+
+### ❤️ Thank You
+
+- Mud Scientist @mudscientist
+- Raúl Jiménez @Elecash
+
 ## 1.0.3 (2026-07-02)
 
 ### 🩹 Fixes

package/{button.element-3a7rRHbA.js → button.element-CJay43iR.js}

@@ -1,11 +1,11 @@
 import { ActionWidgetAdapter as f, formContext as g, actionContext as v } from "@golemui/lit";
 import { consume as y, provide as $ } from "@lit/context";
-import { LitElement as b, html as u, nothing as c } from "lit";
+import { LitElement as b, html as c, nothing as u } from "lit";
 import { property as s, customElement as m } from "lit/decorators.js";
 import "rxjs";
 import { classMap as P } from "lit/directives/class-map.js";
-var C = Object.defineProperty, x = Object.getOwnPropertyDescriptor, r = (i, t, n, o) => {
-  for (var e = o > 1 ? void 0 : o ? x(t, n) : t, p = i.length - 1, l; p >= 0; p--)
+var C = Object.defineProperty, D = Object.getOwnPropertyDescriptor, r = (i, t, n, o) => {
+  for (var e = o > 1 ? void 0 : o ? D(t, n) : t, p = i.length - 1, l; p >= 0; p--)
     (l = i[p]) && (e = (o ? l(t, n, e) : l(e)) || e);
   return o && e && C(t, n, e), e;
 };
@@ -26,20 +26,23 @@ let a = class extends b {
       "gui-button--outlined": this.variant === "outlined",
       "gui-button--link": this.variant === "link",
       "gui-button--invalid": this.invalid && this.actionType === "submit"
-    }, o = i ? u`<span class="gui-widget-icon gui-button-icon ${i}" data-icon=${i}></span>` : c;
-    return u`
+    }, o = i ? c`<span
+          class="gui-widget-icon gui-button-icon ${i}"
+          data-icon=${i}
+          aria-hidden="true"
+        ></span>` : u;
+    return c`
       <div class="gui-widget">
         <button
           type=${this.actionType ?? "button"}
-          tabindex="0"
           id=${this.uid}
           class=${P(n)}
           data-cy=${`${this.uid}_button`}
           ?disabled=${this.disabled}
         >
-          ${t === "left" ? o : c}
-          ${this.label ? u`<span>${this.label}</span>` : c}
-          ${t === "right" ? o : c}
+          ${t === "left" ? o : u}
+          ${this.label ? c`<span>${this.label}</span>` : u}
+          ${t === "right" ? o : u}
         </button>
       </div>
     `;
@@ -73,10 +76,10 @@ a = r([
   m("gui-button")
 ], a);
 typeof customElements < "u" && !customElements.get("gui-button") && customElements.define("gui-button", a);
-var D = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, h = (i, t, n, o) => {
-  for (var e = o > 1 ? void 0 : o ? _(t, n) : t, p = i.length - 1, l; p >= 0; p--)
+var _ = Object.defineProperty, x = Object.getOwnPropertyDescriptor, h = (i, t, n, o) => {
+  for (var e = o > 1 ? void 0 : o ? x(t, n) : t, p = i.length - 1, l; p >= 0; p--)
     (l = i[p]) && (e = (o ? l(t, n, e) : l(e)) || e);
-  return o && e && D(t, n, e), e;
+  return o && e && _(t, n, e), e;
 };
 let d = class extends b {
   constructor() {
@@ -96,7 +99,7 @@ let d = class extends b {
     );
   }
   render() {
-    return u`
+    return c`
       <gui-button
         .uid=${this.widget.uid}
         .actionType=${this.adapter.templateData.actionType ?? "button"}

package/{calendar-BuJgwvZx.js → calendar-D31xNsxx.js}

@@ -1,18 +1,18 @@
-import { LitElement as u, html as p, nothing as y } from "lit";
-import { property as o, customElement as b } from "lit/decorators.js";
+import { LitElement as p, nothing as d, html as y } from "lit";
+import { property as i, customElement as b } from "lit/decorators.js";
 import { classMap as v } from "lit/directives/class-map.js";
-import { G as m } from "./templates-Dk1jxLwS.js";
-import { G as g, a as D, r as M, c as _, d as S, b as f, e as C } from "./day-status-0-hJHrI7.js";
-import { G as O } from "./focus-leave.controller-2gV0pQd5.js";
-import { p as d, f as I, h as x, t as c } from "./date-Bj9mI3GU.js";
-var L = Object.defineProperty, G = Object.getOwnPropertyDescriptor, a = (e, t, n, i) => {
-  for (var s = i > 1 ? void 0 : i ? G(t, n) : t, l = e.length - 1, h; l >= 0; l--)
-    (h = e[l]) && (s = (i ? h(t, n, s) : h(s)) || s);
-  return i && s && L(t, n, s), s;
+import { G as m } from "./templates-Dmr34nwp.js";
+import { G as g, a as D, r as M, c as _, d as S, b as f, e as C } from "./day-status-CsWStVQV.js";
+import { G as I } from "./focus-leave.controller-2gV0pQd5.js";
+import { p as c, h as L, j as O, g as x, t as u } from "./date-DBuYpvcO.js";
+var G = Object.defineProperty, A = Object.getOwnPropertyDescriptor, a = (e, t, o, n) => {
+  for (var s = n > 1 ? void 0 : n ? A(t, o) : t, l = e.length - 1, h; l >= 0; l--)
+    (h = e[l]) && (s = (n ? h(t, o, s) : h(s)) || s);
+  return n && s && G(t, o, s), s;
 };
-let r = class extends u {
+let r = class extends p {
   constructor() {
-    super(...arguments), this.uid = void 0, this.label = void 0, this.hint = void 0, this.localeId = void 0, this.errors = [], this.touched = void 0, this.required = !1, this.disabled = !1, this.readOnly = !1, this.prevMonthIcon = "", this.nextMonthIcon = "", this.prevMonthAriaLabel = "", this.nextMonthAriaLabel = "", this.dayFormat = "numeric", this.weekdayFormat = "narrow", this.monthFormat = "long", this.minDate = void 0, this.maxDate = void 0, this.disabledRanges = void 0, this.numberOfMonths = 1, this.value = void 0, this._nav = new g(this, {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.hint = void 0, this.localeId = void 0, this.errors = [], this.touched = void 0, this.required = !1, this.disabled = !1, this.readOnly = !1, this.prevMonthIcon = "", this.nextMonthIcon = "", this.prevMonthAriaLabel = "", this.nextMonthAriaLabel = "", this.selectYearAriaLabel = void 0, this.yearGridAriaLabel = void 0, this.dayFormat = "numeric", this.weekdayFormat = "narrow", this.monthFormat = "long", this.minDate = void 0, this.maxDate = void 0, this.disabledRanges = void 0, this.numberOfMonths = 1, this.value = void 0, this._nav = new g(this, {
       getMinDate: () => this.minDate,
       getMaxDate: () => this.maxDate,
       getNumberOfMonths: () => this.numberOfMonths,
@@ -27,7 +27,8 @@ let r = class extends u {
           errors: this.errors,
           readonly: this.readOnly,
           disabled: this.disabled,
-          touched: this.touched
+          touched: this.touched,
+          required: this.required
         }
       })
     }), this._keyboard = new D(this, {
@@ -35,24 +36,22 @@ let r = class extends u {
       canGoNext: () => this._nav.canGoNext(),
       goPrev: () => this._nav.prevMonth(),
       goNext: () => this._nav.nextMonth(),
-      // Enter/Space can only fire on a focused (hence enabled, in-month) day
-      // button; the `disabled`/`readOnly` host guards stay inside `selectDate`.
       onActivateDay: (e) => {
-        const t = d(e);
+        const t = c(e);
         this.selectDate({
           date: t,
-          dayLabel: x(this.localeId, t),
+          dayLabel: O(this.localeId, t),
           isCurrentMonth: !0,
-          isToday: I(t),
+          isToday: L(t),
           isSelected: !1,
           isFocusable: !0,
-          isDisabled: !1
+          isDisabled: this.isDisabled(t)
         });
       },
       onSelectYear: (e) => this._nav.selectYear(e),
       onCloseYearGrid: () => this._nav.closeYearSelector(),
       isYearGridOpen: () => this._nav.yearSelectorOpen
-    }), this._focusLeave = new O(this, {
+    }), this._focusLeave = new I(this, {
       onLeave: () => {
         this.dispatchEvent(new CustomEvent("blur", { bubbles: !0, composed: !0 }));
       }
@@ -72,7 +71,7 @@ let r = class extends u {
     super.connectedCallback(), this.classList.add("gui-field");
   }
   willUpdate(e) {
-    e.has("value") && this.value && this._nav.navigateToDate(d(this.value));
+    e.has("value") && this.value && this._nav.navigateToDate(c(this.value));
   }
   render() {
     return M({
@@ -84,6 +83,8 @@ let r = class extends u {
       required: this.required,
       disabled: this.disabled,
       numberOfMonths: this.numberOfMonths,
+      localeId: this.localeId,
+      currentDate: this._nav.currentDate,
       prevMonthIcon: this.prevMonthIcon,
       nextMonthIcon: this.nextMonthIcon,
       prevMonthAriaLabel: this.prevMonthAriaLabel,
@@ -93,13 +94,14 @@ let r = class extends u {
       onPrevMonthClick: this._keyboard.onPrevMonthClick,
       onNextMonthClick: this._keyboard.onNextMonthClick,
       onFocusOut: this._focusLeave.onFocusOut,
-      renderAboveCalendar: () => y,
+      renderAboveCalendar: () => d,
       renderMonthPanel: (e) => f({
         currentDate: this._nav.currentDate,
         offset: e,
         localeId: this.localeId,
         monthFormat: this.monthFormat,
         yearSelectorOpen: this._nav.yearSelectorOpen,
+        selectYearAriaLabel: this.selectYearAriaLabel,
         onToggleYearSelector: () => this._nav.toggleYearSelector(),
         renderPanelBody: (t) => this.renderPanelBody(t)
       })
@@ -119,6 +121,8 @@ let r = class extends u {
       onSelectYear: (t) => this._keyboard.selectYear(t),
       onYearKeydown: this._keyboard.handleYearKeydown,
       localeId: this.localeId,
+      currentDate: this._nav.currentDate,
+      yearGridAriaLabel: this.yearGridAriaLabel,
       getDays: (t) => this.getDaysInMonth(t),
       renderDay: (t) => this.renderDay(t)
     });
@@ -131,16 +135,19 @@ let r = class extends u {
       disabled: e.isDisabled,
       "other-month": !e.isCurrentMonth
     };
-    return p`
+    return y`
       <button
         type="button"
         role="gridcell"
         class=${v(t)}
         tabindex=${e.isFocusable ? 0 : -1}
-        ?disabled=${!e.isCurrentMonth || e.isDisabled}
-        data-date=${c(e.date)}
+        ?disabled=${!e.isCurrentMonth}
+        aria-disabled=${e.isCurrentMonth && e.isDisabled ? "true" : d}
+        aria-label=${x(this.localeId, e.date)}
+        aria-current=${e.isToday ? "date" : d}
+        data-date=${u(e.date)}
         @click=${() => this.selectDate(e)}
-        @keydown=${(n) => this._keyboard.handleDayKeydown(n)}
+        @keydown=${(o) => this._keyboard.handleDayKeydown(o)}
         aria-selected=${e.isSelected}
       >
         ${e.dayLabel}
@@ -154,25 +161,25 @@ let r = class extends u {
       offset: e,
       localeId: this.localeId,
       numberOfMonths: this.numberOfMonths ?? 1,
-      isDisabled: (n) => this.isDisabled(n),
-      toDay: (n) => {
-        const i = C(n.date, { selectedISO: t }).isSelected;
+      isDisabled: (o) => this.isDisabled(o),
+      toDay: (o) => {
+        const n = C(o.date, { selectedISO: t }).isSelected;
         return {
-          date: n.date,
-          dayLabel: n.dayLabel,
-          isCurrentMonth: n.isCurrentMonth,
-          isToday: n.isToday,
-          isDisabled: n.isDisabled,
-          isSelected: i,
-          isFocusable: (i || n.isToday) && n.isCurrentMonth
+          date: o.date,
+          dayLabel: o.dayLabel,
+          isCurrentMonth: o.isCurrentMonth,
+          isToday: o.isToday,
+          isDisabled: o.isDisabled,
+          isSelected: n,
+          isFocusable: (n || o.isToday) && o.isCurrentMonth
         };
       },
-      focusFallbackDates: [t ? d(t) : /* @__PURE__ */ new Date()]
+      focusFallbackDates: [t ? c(t) : /* @__PURE__ */ new Date()]
     });
   }
   selectDate(e) {
     if (!e.isCurrentMonth || e.isDisabled || this.disabled || this.readOnly) return;
-    const t = c(e.date);
+    const t = u(e.date);
     this.value = t, this.dispatchEvent(
       new CustomEvent("change", {
         detail: { value: t },
@@ -186,67 +193,73 @@ let r = class extends u {
   }
 };
 a([
-  o({ type: String })
+  i({ type: String })
 ], r.prototype, "uid", 2);
 a([
-  o({ type: String })
+  i({ type: String })
 ], r.prototype, "label", 2);
 a([
-  o({ type: String })
+  i({ type: String })
 ], r.prototype, "hint", 2);
 a([
-  o({ type: String, attribute: "locale-id" })
+  i({ type: String, attribute: "locale-id" })
 ], r.prototype, "localeId", 2);
 a([
-  o({ type: Array })
+  i({ type: Array })
 ], r.prototype, "errors", 2);
 a([
-  o({ type: Boolean })
+  i({ type: Boolean })
 ], r.prototype, "touched", 2);
 a([
-  o({ type: Boolean })
+  i({ type: Boolean })
 ], r.prototype, "required", 2);
 a([
-  o({ type: Boolean })
+  i({ type: Boolean })
 ], r.prototype, "disabled", 2);
 a([
-  o({ type: Boolean, attribute: "readonly" })
+  i({ type: Boolean, attribute: "readonly" })
 ], r.prototype, "readOnly", 2);
 a([
-  o({ type: String, attribute: "prev-month-icon" })
+  i({ type: String, attribute: "prev-month-icon" })
 ], r.prototype, "prevMonthIcon", 2);
 a([
-  o({ type: String, attribute: "next-month-icon" })
+  i({ type: String, attribute: "next-month-icon" })
 ], r.prototype, "nextMonthIcon", 2);
 a([
-  o({ type: String, attribute: "prev-month-aria-label" })
+  i({ type: String, attribute: "prev-month-aria-label" })
 ], r.prototype, "prevMonthAriaLabel", 2);
 a([
-  o({ type: String, attribute: "next-month-aria-label" })
+  i({ type: String, attribute: "next-month-aria-label" })
 ], r.prototype, "nextMonthAriaLabel", 2);
 a([
-  o({ type: String })
+  i({ type: String, attribute: "select-year-aria-label" })
+], r.prototype, "selectYearAriaLabel", 2);
+a([
+  i({ type: String, attribute: "year-grid-aria-label" })
+], r.prototype, "yearGridAriaLabel", 2);
+a([
+  i({ type: String })
 ], r.prototype, "dayFormat", 2);
 a([
-  o({ type: String })
+  i({ type: String })
 ], r.prototype, "weekdayFormat", 2);
 a([
-  o({ type: String })
+  i({ type: String })
 ], r.prototype, "monthFormat", 2);
 a([
-  o({ type: String })
+  i({ type: String })
 ], r.prototype, "minDate", 2);
 a([
-  o({ type: String })
+  i({ type: String })
 ], r.prototype, "maxDate", 2);
 a([
-  o({ type: Array })
+  i({ type: Array })
 ], r.prototype, "disabledRanges", 2);
 a([
-  o({ type: Number })
+  i({ type: Number })
 ], r.prototype, "numberOfMonths", 2);
 a([
-  o({ type: String })
+  i({ type: String })
 ], r.prototype, "value", 2);
 r = a([
   b("gui-calendar")

package/{calendar.element-M5MPJmap.js → calendar.element-BhFrCsns.js}

@@ -1,17 +1,17 @@
-import { InputWidgetAdapter as o, formContext as l, inputContext as h } from "@golemui/lit";
-import "./calendar-BuJgwvZx.js";
+import { InputWidgetAdapter as n, formContext as o, inputContext as h } from "@golemui/lit";
+import "./calendar-D31xNsxx.js";
 import { consume as m, provide as u } from "@lit/context";
-import { LitElement as c, html as D } from "lit";
-import { property as b, customElement as $ } from "lit/decorators.js";
+import { LitElement as c, html as b } from "lit";
+import { property as D, customElement as $ } from "lit/decorators.js";
 import "rxjs";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, d = (e, t, i, r) => {
-  for (var a = r > 1 ? void 0 : r ? g(t, i) : t, p = e.length - 1, n; p >= 0; p--)
-    (n = e[p]) && (a = (r ? n(t, i, a) : n(a)) || a);
-  return r && a && f(t, i, a), a;
+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;
 };
-let s = class extends c {
+let i = class extends c {
   constructor() {
-    super(...arguments), this.adapter = new o(), this.subscriptions = [];
+    super(...arguments), this.adapter = new n(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
@@ -27,7 +27,7 @@ let s = class extends c {
     );
   }
   render() {
-    return super.render(), D`
+    return super.render(), b`
       <gui-calendar
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -42,6 +42,8 @@ let s = class extends c {
         .nextMonthIcon=${this.adapter.templateData.nextMonthIcon}
         .prevMonthAriaLabel=${this.adapter.templateData.prevMonthAriaLabel}
         .nextMonthAriaLabel=${this.adapter.templateData.nextMonthAriaLabel}
+        .selectYearAriaLabel=${this.adapter.templateData.selectYearAriaLabel}
+        .yearGridAriaLabel=${this.adapter.templateData.yearGridAriaLabel}
         .dayFormat=${this.adapter.templateData.dayFormat}
         .weekdayFormat=${this.adapter.templateData.weekdayFormat}
         .monthFormat=${this.adapter.templateData.monthFormat}
@@ -63,16 +65,16 @@ let s = class extends c {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
 };
-d([
-  m({ context: l }),
-  b({ attribute: !1 })
-], s.prototype, "formContext", 2);
-d([
+l([
+  m({ context: o }),
+  D({ attribute: !1 })
+], i.prototype, "formContext", 2);
+l([
   u({ context: h })
-], s.prototype, "adapter", 2);
-s = d([
+], i.prototype, "adapter", 2);
+i = l([
   $("gui-calendar-input")
-], s);
+], i);
 export {
-  s as CalendarElement
+  i as CalendarElement
 };

package/{checkbox.element-CVskoXEc.js → checkbox.element-DAAVB651.js}

@@ -1,15 +1,15 @@
 import { InputWidgetAdapter as g, formContext as m, inputContext as y } from "@golemui/lit";
-import { G as v, c as f } from "./templates-Dk1jxLwS.js";
-import { LitElement as u, nothing as $, html as p } from "lit";
-import { property as r, customElement as b } from "lit/decorators.js";
-import { consume as x, provide as C } from "@lit/context";
+import { G as v, r as f, c as $ } from "./templates-Dmr34nwp.js";
+import { LitElement as c, nothing as x, html as p } from "lit";
+import { property as a, customElement as b } from "lit/decorators.js";
+import { consume as C, provide as k } from "@lit/context";
 import "rxjs";
-var k = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, s = (e, t, l, o) => {
-  for (var i = o > 1 ? void 0 : o ? _(t, l) : t, d = e.length - 1, h; d >= 0; d--)
-    (h = e[d]) && (i = (o ? h(t, l, i) : h(i)) || i);
-  return o && i && k(t, l, i), i;
+var _ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, s = (e, t, d, o) => {
+  for (var i = o > 1 ? void 0 : o ? D(t, d) : t, l = e.length - 1, h; l >= 0; l--)
+    (h = e[l]) && (i = (o ? h(t, d, i) : h(i)) || i);
+  return o && i && _(t, d, i), i;
 };
-let a = class extends u {
+let r = class extends c {
   constructor() {
     super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = void 0, this.required = void 0, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.checkboxPosition = "left", this.ariaController = new v(this, {
       getTargets: () => this.querySelectorAll(`input[id="${this.uid}"]`),
@@ -21,7 +21,8 @@ let a = class extends u {
           touched: this.touched,
           // Checkboxes can't have aria-readonly
           readonly: !1,
-          disabled: !1
+          disabled: !1,
+          required: this.required
         }
       })
     });
@@ -56,7 +57,6 @@ let a = class extends u {
         <div class="gui-widget gui-widget--horizontal">
           <input
             type="checkbox"
-            tabindex="0"
             id=${this.uid}
             data-cy=${`${this.uid}_checkbox`}
             ?checked=${this.value}
@@ -68,12 +68,12 @@ let a = class extends u {
         </div>
 
         <span class="gui-label__container">
-          ${e.label + (e.required ? " *" : "")}
+          ${e.label}${f(e.required)}
         </span>
       </label>
 
       <div class="gui-widget-hint" id=${`${e.uid}_hint`}>
-        ${e.hint ?? $} ${f(this.uid, e)}
+        ${e.hint ?? x} ${$(this.uid, e)}
       </div>
     `;
   }
@@ -99,48 +99,48 @@ let a = class extends u {
   }
 };
 s([
-  r({ type: String })
-], a.prototype, "uid", 2);
+  a({ type: String })
+], r.prototype, "uid", 2);
 s([
-  r({ type: String })
-], a.prototype, "label", 2);
+  a({ type: String })
+], r.prototype, "label", 2);
 s([
-  r({ type: String, attribute: "locale-id" })
-], a.prototype, "localeId", 2);
+  a({ type: String, attribute: "locale-id" })
+], r.prototype, "localeId", 2);
 s([
-  r({ type: Array })
-], a.prototype, "errors", 2);
+  a({ type: Array })
+], r.prototype, "errors", 2);
 s([
-  r({ type: Boolean })
-], a.prototype, "touched", 2);
+  a({ type: Boolean })
+], r.prototype, "touched", 2);
 s([
-  r({ type: Boolean })
-], a.prototype, "required", 2);
+  a({ type: Boolean })
+], r.prototype, "required", 2);
 s([
-  r({ type: Boolean })
-], a.prototype, "disabled", 2);
+  a({ type: Boolean })
+], r.prototype, "disabled", 2);
 s([
-  r({ type: Boolean, attribute: "readonly" })
-], a.prototype, "readOnly", 2);
+  a({ type: Boolean, attribute: "readonly" })
+], r.prototype, "readOnly", 2);
 s([
-  r({ type: String })
-], a.prototype, "value", 2);
+  a({ type: String })
+], r.prototype, "value", 2);
 s([
-  r({ type: String })
-], a.prototype, "hint", 2);
+  a({ type: String })
+], r.prototype, "hint", 2);
 s([
-  r({ type: String })
-], a.prototype, "checkboxPosition", 2);
-a = s([
+  a({ type: String })
+], r.prototype, "checkboxPosition", 2);
+r = s([
   b("gui-checkbox")
-], a);
-typeof customElements < "u" && !customElements.get("gui-checkbox") && customElements.define("gui-checkbox", a);
-var D = Object.defineProperty, P = Object.getOwnPropertyDescriptor, c = (e, t, l, o) => {
-  for (var i = o > 1 ? void 0 : o ? P(t, l) : t, d = e.length - 1, h; d >= 0; d--)
-    (h = e[d]) && (i = (o ? h(t, l, i) : h(i)) || i);
-  return o && i && D(t, l, i), i;
+], r);
+typeof customElements < "u" && !customElements.get("gui-checkbox") && customElements.define("gui-checkbox", r);
+var P = Object.defineProperty, q = Object.getOwnPropertyDescriptor, u = (e, t, d, o) => {
+  for (var i = o > 1 ? void 0 : o ? q(t, d) : t, l = e.length - 1, h; l >= 0; l--)
+    (h = e[l]) && (i = (o ? h(t, d, i) : h(i)) || i);
+  return o && i && P(t, d, i), i;
 };
-let n = class extends u {
+let n = class extends c {
   constructor() {
     super(...arguments), this.adapter = new g(), this.subscriptions = [];
   }
@@ -183,14 +183,14 @@ let n = class extends u {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
 };
-c([
-  x({ context: m }),
-  r({ attribute: !1 })
+u([
+  C({ context: m }),
+  a({ attribute: !1 })
 ], n.prototype, "formContext", 2);
-c([
-  C({ context: y })
+u([
+  k({ context: y })
 ], n.prototype, "adapter", 2);
-n = c([
+n = u([
   b("gui-checkbox-input")
 ], n);
 export {

package/{currency.element-CfFrAtrr.js → currency.element-D8A2ObpM.js}

@@ -2,12 +2,12 @@ import { InputWidgetAdapter as g, formContext as b, inputContext as v } from "@g
 import { LitElement as m, nothing as p, html as d } from "lit";
 import { property as a, state as f, query as $, customElement as y } from "lit/decorators.js";
 import { classMap as D } from "lit/directives/class-map.js";
-import { G as C, a as x, b as F, c as w } from "./templates-Dk1jxLwS.js";
+import { G as C, a as x, b as F, c as w } from "./templates-Dmr34nwp.js";
 import { b as S, a as _ } from "./numeric-jmOOKz30.js";
 import { consume as E, provide as I } from "@lit/context";
 import "rxjs";
-var O = Object.defineProperty, N = Object.getOwnPropertyDescriptor, r = (t, e, o, n) => {
-  for (var s = n > 1 ? void 0 : n ? N(e, o) : e, l = t.length - 1, u; l >= 0; l--)
+var O = Object.defineProperty, q = Object.getOwnPropertyDescriptor, r = (t, e, o, n) => {
+  for (var s = n > 1 ? void 0 : n ? q(e, o) : e, l = t.length - 1, u; l >= 0; l--)
     (u = t[l]) && (s = (n ? u(e, o, s) : u(s)) || s);
   return n && s && O(e, o, s), s;
 };
@@ -22,7 +22,8 @@ let i = class extends m {
           errors: this.errors,
           readonly: this.readOnly,
           disabled: this.disabled,
-          touched: this.touched
+          touched: this.touched,
+          required: this.required
         }
       })
     });
@@ -72,7 +73,7 @@ let i = class extends m {
           class=${D(o)}
           step=${this.step && this.step > 0 ? this.step : p}
           .value=${this.value ?? ""}
-          ?required=${this.disabled}
+          ?required=${this.required}
           ?disabled=${this.disabled}
           ?readonly=${this.readOnly}
           placeholder=${this.placeholder || p}
@@ -83,10 +84,10 @@ let i = class extends m {
           @focus=${this.handleFocus}
           @blur=${this.handleBlur}
         />
-        ${this.displayValue ? d`<label
-              for=${this.uid}
+        ${this.displayValue ? d`<span
+              aria-hidden="true"
               class="gui-currency__format-value ${this.icon ? "gui-currency__format-value--icon" : ""}"
-              >${this.displayValue}</label
+              >${this.displayValue}</span
             >` : p}
         ${e.html}
       </div>
@@ -205,10 +206,10 @@ i = r([
   y("gui-currency")
 ], i);
 typeof customElements < "u" && !customElements.get("gui-currency") && customElements.define("gui-currency", i);
-var q = Object.defineProperty, P = Object.getOwnPropertyDescriptor, h = (t, e, o, n) => {
+var N = Object.defineProperty, P = Object.getOwnPropertyDescriptor, h = (t, e, o, n) => {
   for (var s = n > 1 ? void 0 : n ? P(e, o) : e, l = t.length - 1, u; l >= 0; l--)
     (u = t[l]) && (s = (n ? u(e, o, s) : u(s)) || s);
-  return n && s && q(e, o, s), s;
+  return n && s && N(e, o, s), s;
 };
 let c = class extends m {
   constructor() {