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

package/{date-time-picker.element-Dy-8cb-_.js → date-time-picker.element-BUbLdV6i.js}

@@ -1,36 +1,40 @@
-import { InputWidgetAdapter as b, formContext as y, inputContext as $ } from "@golemui/lit";
-import { LitElement as u, html as l, nothing as v } from "lit";
-import { property as a, query as g, customElement as c } from "lit/decorators.js";
-import { classMap as M } from "lit/directives/class-map.js";
-import "./date-time-input-BXxsfuyZ.js";
-import "./date-time-calendar-BzRfkLKU.js";
-import { G as T } from "./popup.controller-eUDxE6jD.js";
-import { t as f, d as x, b as D } from "./date-Bj9mI3GU.js";
-import { p as S, y as w, h as R, z as _ } from "./part-templates-Db871PS3.js";
-import { a as I, b as C, c as A } from "./templates-Dk1jxLwS.js";
-import { consume as E, provide as F } from "@lit/context";
+import { InputWidgetAdapter as b, formContext as c, inputContext as y } from "@golemui/lit";
+import { LitElement as u, html as m, nothing as $ } from "lit";
+import { property as a, customElement as g } from "lit/decorators.js";
+import { classMap as v } from "lit/directives/class-map.js";
+import "./date-time-input-DZaz2heD.js";
+import "./date-time-calendar-DzU-FtVl.js";
+import { G as M } from "./popup.controller-B33OvX_y.js";
+import { t as A, d as L, e as T } from "./date-DBuYpvcO.js";
+import { p as f, y as x, h as D, z as S } from "./part-templates-VORbpgs2.js";
+import { a as w, b as _, c as C } from "./templates-Dmr34nwp.js";
+import { consume as I, provide as R } from "@lit/context";
 import "rxjs";
-var O = Object.defineProperty, k = Object.getOwnPropertyDescriptor, i = (e, s, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? k(s, n) : s, d = e.length - 1, m; d >= 0; d--)
-    (m = e[d]) && (o = (r ? m(s, n, o) : m(o)) || o);
-  return r && o && O(s, n, o), o;
+var E = Object.defineProperty, F = Object.getOwnPropertyDescriptor, i = (e, r, n, o) => {
+  for (var s = o > 1 ? void 0 : o ? F(r, n) : r, l = e.length - 1, d; l >= 0; l--)
+    (d = e[l]) && (s = (o ? d(r, n, s) : d(s)) || s);
+  return o && s && E(r, n, s), s;
 };
 let t = class extends u {
   constructor() {
-    super(...arguments), this.uid = void 0, this.label = void 0, this.hint = void 0, this.icon = "", this.errors = [], this.showErrors = !0, this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.localeId = void 0, this.value = void 0, this.prevMonthIcon = "", this.nextMonthIcon = "", this.prevMonthAriaLabel = void 0, this.nextMonthAriaLabel = void 0, this.dayFormat = void 0, this.weekdayFormat = void 0, this.monthFormat = void 0, this.minDate = void 0, this.maxDate = void 0, this.disabledRanges = void 0, this.numberOfMonths = void 0, this.hourFormat = void 0, this.minuteStep = void 0, this.minTime = void 0, this.maxTime = void 0, this.disabledTimeRanges = void 0, this.allowCustomTime = !1, this.invalidDateMessage = void 0, this.minDateMessage = void 0, this.maxDateMessage = void 0, this.disabledDateRangeMessage = void 0, this.minTimeMessage = void 0, this.maxTimeMessage = void 0, this.disabledTimeRangeMessage = void 0, this.noAvailableTimesMessage = void 0, this._popup = new T(this, {
-      getInteriorElements: () => [this._dateRef, this._calendarRef],
+    super(...arguments), this.uid = void 0, this.label = void 0, this.hint = void 0, this.icon = "", this.toggleAriaLabel = void 0, this.dayAriaLabel = void 0, this.monthAriaLabel = void 0, this.yearAriaLabel = void 0, this.hourAriaLabel = void 0, this.minuteAriaLabel = void 0, this.dayPeriodAriaLabel = void 0, this.errors = [], this.showErrors = !0, this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.localeId = void 0, this.value = void 0, this.prevMonthIcon = "", this.nextMonthIcon = "", this.prevMonthAriaLabel = void 0, this.nextMonthAriaLabel = void 0, this.selectYearAriaLabel = void 0, this.yearGridAriaLabel = void 0, this.dayFormat = void 0, this.weekdayFormat = void 0, this.monthFormat = void 0, this.minDate = void 0, this.maxDate = void 0, this.disabledRanges = void 0, this.numberOfMonths = void 0, this.hourFormat = void 0, this.minuteStep = void 0, this.minTime = void 0, this.maxTime = void 0, this.disabledTimeRanges = void 0, this.allowCustomTime = !1, this.invalidDateMessage = void 0, this.minDateMessage = void 0, this.maxDateMessage = void 0, this.disabledDateRangeMessage = void 0, this.minTimeMessage = void 0, this.maxTimeMessage = void 0, this.disabledTimeRangeMessage = void 0, this.noAvailableTimesMessage = void 0, this._popup = new M(this, {
       focusRestoreSelector: "gui-date-time input",
+      focusPopupSelector: '.gui-calendar__day-button[tabindex="0"]',
       isDisabled: () => !!this.disabled,
       clickIntent: (e) => e.closest(".gui-calendar__day-button") || e.closest(".gui-time-list__option") ? "ignore" : e.closest(".gui-date-time-input__part") || e.closest("gui-date-time-calendar") ? "open" : "toggle",
       keyToggleMode: "toggle"
-    });
+    }), this.onToggleClick = (e) => {
+      e.stopPropagation(), this._popup.open ? this._popup.close() : this._popup.openAndFocus();
+    };
   }
   createRenderRoot() {
     return this;
   }
   render() {
-    const e = I("datePicker", { icon: this.icon }), s = this._popup.open ? l`<gui-date-time-calendar
-          id="calendar-input"
+    const e = w("datePicker", { icon: this.icon }), r = this._popup.open ? m`<gui-date-time-calendar
+          id=${`${this.uid}_popup`}
+          role="dialog"
+          aria-label=${this.label ?? "Calendar"}
           .uid=${this.uid}
           .hint=${this.hint}
           ?touched=${this.touched}
@@ -42,6 +46,8 @@ let t = class extends u {
           .nextMonthIcon=${this.nextMonthIcon}
           .prevMonthAriaLabel=${this.prevMonthAriaLabel}
           .nextMonthAriaLabel=${this.nextMonthAriaLabel}
+          .selectYearAriaLabel=${this.selectYearAriaLabel}
+          .yearGridAriaLabel=${this.yearGridAriaLabel}
           .dayFormat=${this.dayFormat}
           .weekdayFormat=${this.weekdayFormat}
           .monthFormat=${this.monthFormat}
@@ -62,26 +68,28 @@ let t = class extends u {
           .noAvailableTimesMessage=${this.noAvailableTimesMessage}
           @blur=${this.onCalendarBlur}
           @change=${this.onCalendarChange}
-        ></gui-date-time-calendar>` : v;
-    return l`
-      ${C(this.uid ?? "", {
-      label: this.label,
-      hint: this.hint,
-      required: this.required
-    })}
+        ></gui-date-time-calendar>` : $;
+    return m`
+      ${_(
+      this.uid ?? "",
+      {
+        label: this.label,
+        hint: this.hint,
+        required: this.required
+      },
+      !1,
+      void 0,
+      !1
+    )}
 
       <div
-        role="button"
-        tabindex="-1"
         class="gui-widget"
-        aria-expanded=${this._popup.open}
-        @keyup=${this._popup.onAnchorKeyUp}
         @keydown=${this._popup.onAnchorKeyDown}
         @click=${this._popup.onAnchorClick}
       >
         <gui-date-time
           id="date-input"
-          class=${M(e.widgetClasses)}
+          class=${v(e.widgetClasses)}
           .uid=${this.uid}
           .hint=${this.hint}
           .showErrors=${!1}
@@ -97,6 +105,12 @@ let t = class extends u {
           .minuteStep=${this.minuteStep}
           .minTime=${this.minTime}
           .maxTime=${this.maxTime}
+          .dayAriaLabel=${this.dayAriaLabel}
+          .monthAriaLabel=${this.monthAriaLabel}
+          .yearAriaLabel=${this.yearAriaLabel}
+          .hourAriaLabel=${this.hourAriaLabel}
+          .minuteAriaLabel=${this.minuteAriaLabel}
+          .dayPeriodAriaLabel=${this.dayPeriodAriaLabel}
           .invalidDateMessage=${this.invalidDateMessage}
           .minTimeMessage=${this.minTimeMessage}
           .maxTimeMessage=${this.maxTimeMessage}
@@ -104,17 +118,33 @@ let t = class extends u {
           @focus=${this._popup.show}
           @change=${this.onDateChange}
         ></gui-date-time>
-        <span class="gui-date-time-picker__arrow"
-          ><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 256 256">
+        <button
+          type="button"
+          class="gui-date-time-picker__arrow"
+          aria-label=${this.toggleAriaLabel ?? "Show calendar"}
+          aria-haspopup="dialog"
+          aria-expanded=${this._popup.open ? "true" : "false"}
+          aria-controls=${`${this.uid}_popup`}
+          ?disabled=${this.disabled}
+          @click=${this.onToggleClick}
+        >
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="16"
+            height="16"
+            viewBox="0 0 256 256"
+            aria-hidden="true"
+          >
             <path
               d="M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z"
-            ></path></svg
-        ></span>
+            ></path>
+          </svg>
+        </button>
 
-        ${s}
+        ${r}
       </div>
 
-      ${this.showErrors ? A(this.uid ?? "", { errors: this.errors, touched: this.touched }) : ""}
+      ${this.showErrors ? C(this.uid ?? "", { errors: this.errors, touched: this.touched }) : ""}
     `;
   }
   onDateChange(e) {
@@ -132,16 +162,16 @@ let t = class extends u {
   }
   commitValue(e) {
     this.value = e ?? void 0;
-    const s = this.validateBounds(this.value);
+    const r = this.validateBounds(this.value);
     this.dispatchEvent(
       new CustomEvent("change", {
         detail: { value: e ?? null },
         bubbles: !0,
         composed: !0
       })
-    ), s && this.dispatchEvent(
+    ), r && this.dispatchEvent(
       new CustomEvent("inputError", {
-        detail: { message: s },
+        detail: { message: r },
         bubbles: !0,
         composed: !0
       })
@@ -149,20 +179,20 @@ let t = class extends u {
   }
   validateBounds(e) {
     if (!e) return null;
-    const s = S(e);
-    if (isNaN(s.getTime())) return null;
-    const n = f(s), r = x(n, this.minDate, this.maxDate, this.disabledRanges, {
+    const r = f(e);
+    if (isNaN(r.getTime())) return null;
+    const n = A(r), o = L(n, this.minDate, this.maxDate, this.disabledRanges, {
       minDateMessage: this.minDateMessage,
       maxDateMessage: this.maxDateMessage,
       disabledDateRangeMessage: this.disabledDateRangeMessage
     });
-    if (r) return r;
-    const o = w(this.disabledTimeRanges, n);
-    return R(_(s), o) ? this.disabledTimeRangeMessage ?? D : null;
+    if (o) return o;
+    const s = x(this.disabledTimeRanges, n);
+    return D(S(r), s) ? this.disabledTimeRangeMessage ?? T : null;
   }
   // The calendar's blur already bubbles up to the host, so only close here.
   onCalendarBlur() {
-    this._popup.close();
+    this._popup.closeOnFocusLeave();
   }
 };
 i([
@@ -177,6 +207,27 @@ i([
 i([
   a({ type: String })
 ], t.prototype, "icon", 2);
+i([
+  a({ type: String, attribute: "toggle-aria-label" })
+], t.prototype, "toggleAriaLabel", 2);
+i([
+  a({ type: String })
+], t.prototype, "dayAriaLabel", 2);
+i([
+  a({ type: String })
+], t.prototype, "monthAriaLabel", 2);
+i([
+  a({ type: String })
+], t.prototype, "yearAriaLabel", 2);
+i([
+  a({ type: String })
+], t.prototype, "hourAriaLabel", 2);
+i([
+  a({ type: String })
+], t.prototype, "minuteAriaLabel", 2);
+i([
+  a({ type: String })
+], t.prototype, "dayPeriodAriaLabel", 2);
 i([
   a({ type: Array })
 ], t.prototype, "errors", 2);
@@ -213,6 +264,12 @@ i([
 i([
   a({ type: String, attribute: "next-month-aria-label" })
 ], t.prototype, "nextMonthAriaLabel", 2);
+i([
+  a({ type: String, attribute: "select-year-aria-label" })
+], t.prototype, "selectYearAriaLabel", 2);
+i([
+  a({ type: String, attribute: "year-grid-aria-label" })
+], t.prototype, "yearGridAriaLabel", 2);
 i([
   a({ type: String, attribute: "day-format" })
 ], t.prototype, "dayFormat", 2);
@@ -276,20 +333,14 @@ i([
 i([
   a({ type: String, attribute: "no-available-times-message" })
 ], t.prototype, "noAvailableTimesMessage", 2);
-i([
-  g("#date-input")
-], t.prototype, "_dateRef", 2);
-i([
-  g("#calendar-input")
-], t.prototype, "_calendarRef", 2);
 t = i([
-  c("gui-date-time-picker")
+  g("gui-date-time-picker")
 ], t);
 typeof customElements < "u" && !customElements.get("gui-date-time-picker") && customElements.define("gui-date-time-picker", t);
-var L = Object.defineProperty, P = Object.getOwnPropertyDescriptor, h = (e, s, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? P(s, n) : s, d = e.length - 1, m; d >= 0; d--)
-    (m = e[d]) && (o = (r ? m(s, n, o) : m(o)) || o);
-  return r && o && L(s, n, o), o;
+var P = Object.defineProperty, O = Object.getOwnPropertyDescriptor, h = (e, r, n, o) => {
+  for (var s = o > 1 ? void 0 : o ? O(r, n) : r, l = e.length - 1, d; l >= 0; l--)
+    (d = e[l]) && (s = (o ? d(r, n, s) : d(s)) || s);
+  return o && s && P(r, n, s), s;
 };
 let p = class extends u {
   constructor() {
@@ -300,8 +351,8 @@ let p = class extends u {
   }
   updated(e) {
     super.updated(e);
-    const s = this.adapter.templateData.size;
-    s ? this.style.flex = String(s) : this.style.removeProperty("flex");
+    const r = this.adapter.templateData.size;
+    r ? this.style.flex = String(r) : this.style.removeProperty("flex");
   }
   connectedCallback() {
     super.connectedCallback(), this.classList.add("gui-date-time-picker", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -311,7 +362,7 @@ let p = class extends u {
   render() {
     super.render();
     const e = this.adapter.templateData;
-    return l`
+    return m`
       <gui-date-time-picker
         .uid=${this.widget.uid}
         .label=${e.label}
@@ -324,10 +375,19 @@ let p = class extends u {
         .value=${e.value}
         .icon=${e.icon}
         .localeId=${e.lang}
+        .toggleAriaLabel=${e.toggleAriaLabel}
+        .dayAriaLabel=${e.dayAriaLabel}
+        .monthAriaLabel=${e.monthAriaLabel}
+        .yearAriaLabel=${e.yearAriaLabel}
+        .hourAriaLabel=${e.hourAriaLabel}
+        .minuteAriaLabel=${e.minuteAriaLabel}
+        .dayPeriodAriaLabel=${e.dayPeriodAriaLabel}
         .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}
@@ -366,14 +426,14 @@ let p = class extends u {
   }
 };
 h([
-  E({ context: y }),
+  I({ context: c }),
   a({ attribute: !1 })
 ], p.prototype, "formContext", 2);
 h([
-  F({ context: $ })
+  R({ context: y })
 ], p.prototype, "adapter", 2);
 p = h([
-  c("gui-date-time-picker-input")
+  g("gui-date-time-picker-input")
 ], p);
 export {
   p as DateTimePickerElement

package/{date-time.element-Bv4XdzMi.js → date-time.element-B5onfSBG.js}

@@ -1,27 +1,27 @@
-import { InputWidgetAdapter as l, formContext as n, inputContext as o } from "@golemui/lit";
-import { a as h } from "./templates-Dk1jxLwS.js";
-import "./date-time-input-BXxsfuyZ.js";
+import { InputWidgetAdapter as m, formContext as n, inputContext as o } from "@golemui/lit";
+import { a as h } from "./templates-Dmr34nwp.js";
+import "./date-time-input-DZaz2heD.js";
 import { consume as u, provide as c } from "@lit/context";
-import { LitElement as D, html as g } from "lit";
-import { property as $, customElement as f } from "lit/decorators.js";
+import { LitElement as D, html as $ } from "lit";
+import { property as b, customElement as g } from "lit/decorators.js";
 import "rxjs";
-import { classMap as b } from "lit/directives/class-map.js";
-var x = Object.defineProperty, v = Object.getOwnPropertyDescriptor, m = (t, e, r, i) => {
-  for (var a = i > 1 ? void 0 : i ? v(e, r) : e, p = t.length - 1, d; p >= 0; p--)
-    (d = t[p]) && (a = (i ? d(e, r, a) : d(a)) || a);
-  return i && a && x(e, r, a), a;
+import { classMap as f } from "lit/directives/class-map.js";
+var x = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (t, a, s, i) => {
+  for (var e = i > 1 ? void 0 : i ? v(a, s) : a, p = t.length - 1, d; p >= 0; p--)
+    (d = t[p]) && (e = (i ? d(a, s, e) : d(e)) || e);
+  return i && e && x(a, s, e), e;
 };
-let s = class extends D {
+let r = class extends D {
   constructor() {
-    super(...arguments), this.adapter = new l(), this.subscriptions = [];
+    super(...arguments), this.adapter = new m(), 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");
+    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", "gui-field"), this.adapter.context = this.formContext, this.adapter.init(this.widget), this.subscriptions.push(
@@ -31,9 +31,9 @@ let s = class extends D {
   render() {
     super.render();
     const t = h("date-time", this.adapter.templateData);
-    return g`
+    return $`
       <gui-date-time
-        class=${b(t.widgetClasses)}
+        class=${f(t.widgetClasses)}
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
@@ -45,6 +45,12 @@ let s = class extends D {
         .value=${this.adapter.templateData.value}
         .icon=${this.adapter.templateData.icon}
         .localeId=${this.adapter.templateData.lang}
+        .dayAriaLabel=${this.adapter.templateData.dayAriaLabel}
+        .monthAriaLabel=${this.adapter.templateData.monthAriaLabel}
+        .yearAriaLabel=${this.adapter.templateData.yearAriaLabel}
+        .hourAriaLabel=${this.adapter.templateData.hourAriaLabel}
+        .minuteAriaLabel=${this.adapter.templateData.minuteAriaLabel}
+        .dayPeriodAriaLabel=${this.adapter.templateData.dayPeriodAriaLabel}
         .invalidDateMessage=${this.adapter.templateData.invalidDateMessage}
         .minDate=${this.adapter.templateData.minDate}
         .maxDate=${this.adapter.templateData.maxDate}
@@ -72,16 +78,16 @@ let s = class extends D {
     super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
   }
 };
-m([
+l([
   u({ context: n }),
-  $({ attribute: !1 })
-], s.prototype, "formContext", 2);
-m([
+  b({ attribute: !1 })
+], r.prototype, "formContext", 2);
+l([
   c({ context: o })
-], s.prototype, "adapter", 2);
-s = m([
-  f("gui-date-time-input")
-], s);
+], r.prototype, "adapter", 2);
+r = l([
+  g("gui-date-time-input")
+], r);
 export {
-  s as DateTimeElement
+  r as DateTimeElement
 };

package/{date.element-Consgsbb.js → date.element-BsKhLrEc.js}

@@ -1,17 +1,17 @@
 import { InputWidgetAdapter as n, formContext as o, inputContext as h } from "@golemui/lit";
-import { a as m } from "./templates-Dk1jxLwS.js";
-import "./date-input-cJDkNnVw.js";
+import { a as m } from "./templates-Dmr34nwp.js";
+import "./date-input-DLiMreSS.js";
 import { consume as u, provide as c } from "@lit/context";
-import { LitElement as D, html as g } from "lit";
-import { property as $, customElement as f } from "lit/decorators.js";
+import { LitElement as D, html as b } from "lit";
+import { property as g, customElement as $ } from "lit/decorators.js";
 import "rxjs";
-import { classMap as b } from "lit/directives/class-map.js";
-var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? x(e, i) : e, p = t.length - 1, d; p >= 0; p--)
-    (d = t[p]) && (a = (s ? d(e, i, a) : d(a)) || a);
-  return s && a && v(e, i, a), a;
+import { classMap as f } from "lit/directives/class-map.js";
+var v = Object.defineProperty, x = Object.getOwnPropertyDescriptor, l = (t, e, i, r) => {
+  for (var a = r > 1 ? void 0 : r ? x(e, i) : e, p = t.length - 1, d; p >= 0; p--)
+    (d = t[p]) && (a = (r ? d(e, i, a) : d(a)) || a);
+  return r && a && v(e, i, a), a;
 };
-let r = class extends D {
+let s = class extends D {
   constructor() {
     super(...arguments), this.adapter = new n(), this.subscriptions = [];
   }
@@ -31,9 +31,9 @@ let r = class extends D {
   render() {
     super.render();
     const t = m("date", this.adapter.templateData);
-    return g`
+    return b`
       <gui-date
-        class=${b(t.widgetClasses)}
+        class=${f(t.widgetClasses)}
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
         .hint=${this.adapter.templateData.hint}
@@ -45,6 +45,9 @@ let r = class extends D {
         .value=${this.adapter.templateData.value}
         .icon=${this.adapter.templateData.icon}
         .localeId=${this.adapter.templateData.lang}
+        .dayAriaLabel=${this.adapter.templateData.dayAriaLabel}
+        .monthAriaLabel=${this.adapter.templateData.monthAriaLabel}
+        .yearAriaLabel=${this.adapter.templateData.yearAriaLabel}
         .invalidDateMessage=${this.adapter.templateData.invalidDateMessage}
         .minDate=${this.adapter.templateData.minDate}
         .maxDate=${this.adapter.templateData.maxDate}
@@ -68,14 +71,14 @@ let r = class extends D {
 };
 l([
   u({ context: o }),
-  $({ attribute: !1 })
-], r.prototype, "formContext", 2);
+  g({ attribute: !1 })
+], s.prototype, "formContext", 2);
 l([
   c({ context: h })
-], r.prototype, "adapter", 2);
-r = l([
-  f("gui-date-input")
-], r);
+], s.prototype, "adapter", 2);
+s = l([
+  $("gui-date-input")
+], s);
 export {
-  r as DateElement
+  s as DateElement
 };