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

package/{radiogroup.element-CeQn623u.js → radiogroup.element-KWzBx8mx.js}

@@ -1,17 +1,17 @@
 import { InputWidgetAdapter as m, formContext as y, inputContext as $ } from "@golemui/lit";
-import { LitElement as b, html as p, nothing as c } from "lit";
+import { LitElement as g, html as u, nothing as p } from "lit";
 import { repeat as f } from "lit-html/directives/repeat.js";
-import { property as s, customElement as g } from "lit/decorators.js";
-import { G as C, b as D, c as _ } from "./templates-Dk1jxLwS.js";
-import { u as F, i as O } from "./one-of-C0ur6b_n.js";
-import { consume as w, provide as E } from "@lit/context";
+import { property as s, customElement as b } from "lit/decorators.js";
+import { G as C, b as D, c as _ } from "./templates-Dmr34nwp.js";
+import { u as F, i as q } from "./one-of-C0ur6b_n.js";
+import { consume as O, provide as w } from "@lit/context";
 import "rxjs";
-var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, o = (t, i, d, a) => {
-  for (var e = a > 1 ? void 0 : a ? q(i, d) : i, l = t.length - 1, n; l >= 0; l--)
-    (n = t[l]) && (e = (a ? n(i, d, e) : n(e)) || e);
-  return a && e && S(i, d, e), e;
+var E = Object.defineProperty, S = Object.getOwnPropertyDescriptor, o = (e, i, d, a) => {
+  for (var t = a > 1 ? void 0 : a ? S(i, d) : i, l = e.length - 1, n; l >= 0; l--)
+    (n = e[l]) && (t = (a ? n(i, d, t) : n(t)) || t);
+  return a && t && E(i, d, t), t;
 };
-let r = class extends b {
+let r = class extends g {
   constructor() {
     super(...arguments), this.uid = void 0, this.label = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.hint = void 0, this.options = [], this.labelField = void 0, this.valueField = void 0, this.direction = "column", this.optionsLoading = !1, this.hasMatchingValue = !1, this.ariaController = new C(this, {
       getTargets: () => this.querySelectorAll(`input[name="${this.uid}"]`),
@@ -23,7 +23,8 @@ let r = class extends b {
           touched: this.touched,
           // Radiogroup inputs can't be readonly
           readonly: !1,
-          disabled: !1
+          disabled: !1,
+          required: this.required
         }
       })
     });
@@ -36,7 +37,7 @@ let r = class extends b {
   }
   render() {
     super.render();
-    const t = {
+    const e = {
       uid: this.uid,
       label: this.label,
       errors: this.errors,
@@ -57,23 +58,23 @@ let r = class extends b {
     });
     const i = this.value;
     this.hasMatchingValue = this.options?.length ? this.options.find(({ value: a }) => a === i) !== void 0 : !1;
-    const d = this.optionsLoading ? p`<span>Loading...</span>` : p`
+    const d = this.optionsLoading ? u`<span>Loading...</span>` : u`
           ${f(
       this.options || [],
       (a) => a?.value,
-      (a, e) => {
-        const l = this.hasMatchingValue && a.value === t.value, n = !this.hasMatchingValue && e === 0, v = l || n;
-        return p`<label for=${`${this.uid}_${e}`}>
+      (a, t) => {
+        const l = this.hasMatchingValue && a.value === e.value, n = !this.hasMatchingValue && t === 0, v = l || n;
+        return u`<label for=${`${this.uid}_${t}`}>
                 <input
                   type="radio"
                   tabindex=${v ? "0" : "-1"}
-                  id=${`${this.uid}_${e}`}
-                  data-cy=${`${this.uid}_radiogroup_${e}`}
+                  id=${`${this.uid}_${t}`}
+                  data-cy=${`${this.uid}_radiogroup_${t}`}
                   name=${this.uid}
                   value=${a.value}
                   ?checked=${l}
-                  ?required=${t.required}
-                  ?disabled=${t.disabled || t.readonly}
+                  ?required=${e.required}
+                  ?disabled=${e.disabled || e.readonly}
                   @change=${this.valueChanged}
                   @blur=${this.onBlur}
                 />
@@ -82,28 +83,31 @@ let r = class extends b {
       }
     )}
         `;
-    return p`
-      ${D(this.uid, t, !1, void 0, !1)}
+    return u`
+      ${D(this.uid, e, !1, void 0, !1)}
 
       <div
         class="gui-widget${this.direction === "row" ? " gui-widget--horizontal" : ""}"
         role="radiogroup"
         id=${this.uid}
-        aria-labelledby=${t.label ? `${this.uid}_label` : c}
-        aria-describedby=${t.hint ? `${this.uid}_hint` : c}
+        aria-labelledby=${e.label ? `${this.uid}_label` : p}
+        aria-describedby=${e.hint ? `${this.uid}_hint` : p}
+        aria-required=${this.required ? "true" : p}
+        aria-invalid=${this.touched && this.errors?.length ? "true" : p}
+        aria-errormessage=${this.touched && this.errors?.length ? `${this.uid}_errors` : p}
       >
         ${d}
       </div>
 
-      ${_(this.uid, t)}
+      ${_(this.uid, e)}
     `;
   }
-  valueChanged(t) {
-    if (t.stopPropagation(), !this.readOnly) {
-      const i = t.target;
+  valueChanged(e) {
+    if (e.stopPropagation(), !this.readOnly) {
+      const i = e.target;
       this.dispatchEvent(
         new CustomEvent("change", {
-          detail: { value: O(i.value, this.options) },
+          detail: { value: q(i.value, this.options) },
           bubbles: !0,
           composed: !0
         })
@@ -162,23 +166,23 @@ o([
   s({ type: String })
 ], r.prototype, "direction", 2);
 r = o([
-  g("gui-radiogroup")
+  b("gui-radiogroup")
 ], r);
 typeof customElements < "u" && !customElements.get("gui-radiogroup") && customElements.define("gui-radiogroup", r);
-var x = Object.defineProperty, P = Object.getOwnPropertyDescriptor, h = (t, i, d, a) => {
-  for (var e = a > 1 ? void 0 : a ? P(i, d) : i, l = t.length - 1, n; l >= 0; l--)
-    (n = t[l]) && (e = (a ? n(i, d, e) : n(e)) || e);
-  return a && e && x(i, d, e), e;
+var x = Object.defineProperty, P = Object.getOwnPropertyDescriptor, c = (e, i, d, a) => {
+  for (var t = a > 1 ? void 0 : a ? P(i, d) : i, l = e.length - 1, n; l >= 0; l--)
+    (n = e[l]) && (t = (a ? n(i, d, t) : n(t)) || t);
+  return a && t && x(i, d, t), t;
 };
-let u = class extends b {
+let h = class extends g {
   constructor() {
     super(...arguments), this.adapter = new m(), this.subscriptions = [];
   }
   createRenderRoot() {
     return this;
   }
-  updated(t) {
-    super.updated(t);
+  updated(e) {
+    super.updated(e);
     const i = this.adapter.templateData.size;
     i ? this.style.flex = String(i) : this.style.removeProperty("flex");
   }
@@ -188,7 +192,7 @@ let u = class extends b {
     );
   }
   render() {
-    return super.render(), p`
+    return super.render(), u`
       <gui-radiogroup
         .uid=${this.widget.uid}
         .label=${this.adapter.templateData.label}
@@ -208,24 +212,24 @@ let u = class extends b {
       ></gui-radiogroup>
     `;
   }
-  valueChanged(t) {
-    const i = t.detail.value;
+  valueChanged(e) {
+    const i = e.detail.value;
     this.adapter.valueChanged(i);
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((t) => t.unsubscribe());
+    super.disconnectedCallback(), this.adapter.destroy(), this.subscriptions.forEach((e) => e.unsubscribe());
   }
 };
-h([
-  w({ context: y }),
+c([
+  O({ context: y }),
   s({ attribute: !1 })
-], u.prototype, "formContext", 2);
-h([
-  E({ context: $ })
-], u.prototype, "adapter", 2);
-u = h([
-  g("gui-radiogroup-input")
-], u);
+], h.prototype, "formContext", 2);
+c([
+  w({ context: $ })
+], h.prototype, "adapter", 2);
+h = c([
+  b("gui-radiogroup-input")
+], h);
 export {
-  u as RadiogroupElement
+  h as RadiogroupElement
 };

package/range-calendar-DO_woqcF.js

@@ -0,0 +1,466 @@
+import { LitElement as b, html as p, nothing as l } from "lit";
+import { property as r, state as v, customElement as y } from "lit/decorators.js";
+import { classMap as m } from "lit/directives/class-map.js";
+import { G as D } from "./templates-Dmr34nwp.js";
+import { G as f, a as _, r as S, b as R, c as M, d as I, e as C } from "./day-status-CsWStVQV.js";
+import { G as A } from "./focus-leave.controller-2gV0pQd5.js";
+import { p as d, g as O, t as h, r as L, D as E, m as P, c as x } from "./date-DBuYpvcO.js";
+import { r as G, f as $, a as k, b as w, s as N, c as T } from "./pill-ranges-DpvWwP-3.js";
+import { i as Y, s as F, r as g } from "./range-selection-CU3hxLJE.js";
+import "./pills-BDMO2NiR.js";
+var B = Object.defineProperty, q = Object.getOwnPropertyDescriptor, n = (e, t, o, a) => {
+  for (var s = a > 1 ? void 0 : a ? q(t, o) : t, u = e.length - 1, c; u >= 0; u--)
+    (c = e[u]) && (s = (a ? c(t, o, s) : c(s)) || s);
+  return a && s && B(t, o, s), s;
+};
+let i = class extends b {
+  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.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 = [], this.focusDate = void 0, this.hidePills = !1, this.removePillAriaLabel = void 0, this.disabledDateRangeMessage = void 0, this.invalidRange = null, this._selection = Y(), this._invalidRange = null, this._skipValueNavigation = !1, this._nav = new f(this, {
+      getMinDate: () => this.minDate,
+      getMaxDate: () => this.maxDate,
+      getNumberOfMonths: () => this.numberOfMonths,
+      getDisabledRanges: () => this.disabledRanges,
+      onYearSelectorToggled: () => this._keyboard.onYearGridToggled()
+    }), this.ariaController = new D(this, {
+      getTargets: () => this.querySelectorAll(".gui-calendar-input"),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          readonly: this.readOnly,
+          disabled: this.disabled,
+          touched: this.touched,
+          required: this.required
+        }
+      })
+    }), this._keyboard = new _(this, {
+      canGoPrev: () => this._nav.canGoPrev(),
+      canGoNext: () => this._nav.canGoNext(),
+      goPrev: () => this._nav.prevMonth(),
+      goNext: () => this._nav.nextMonth(),
+      onActivateDay: (e, t) => this.selectDate(this.activationDay(e), t),
+      onSelectYear: (e) => this._nav.selectYear(e),
+      onCloseYearGrid: () => this._nav.closeYearSelector(),
+      isYearGridOpen: () => this._nav.yearSelectorOpen
+    }), this._focusLeave = new A(this, {
+      onLeave: () => this.dispatchEvent(new CustomEvent("blur", { bubbles: !0, composed: !0 }))
+    }), this.onPillRemoveEvent = (e) => {
+      if (this.disabled || this.readOnly) return;
+      const t = G(this.value, e.detail.key);
+      t && (this.value = t.next, this.dispatchEvent(
+        new CustomEvent("change", {
+          detail: { value: this.value },
+          bubbles: !0,
+          composed: !0
+        })
+      ));
+    }, this.onPillClickEvent = (e) => {
+      const t = $(this.getSortedPills(), e.detail.key);
+      t && this.navigateToDate(t.start);
+    };
+  }
+  /** The nav controller's month cursor, kept under its historical name. */
+  get _currentDate() {
+    return this._nav.currentDate;
+  }
+  set _currentDate(e) {
+    this._nav.currentDate = e;
+  }
+  /**
+   * Full instant of an endpoint, used to order the pills. Date-only here; a
+   * subclass whose endpoints carry a time overrides it so two ranges on the
+   * same day still sort by time.
+   */
+  parseEndpoint(e) {
+    return d(e);
+  }
+  /**
+   * Midnight-truncated calendar day of an endpoint, used to highlight the day
+   * grid.
+   */
+  endpointDay(e) {
+    return d(e);
+  }
+  /** Pill text for one committed range. */
+  formatPillLabel(e) {
+    return k(e, (t) => T(t, this.localeId));
+  }
+  /** Day-button inner content. */
+  renderDayContent(e) {
+    return p`${e.dayLabel}`;
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  willUpdate(e) {
+    if (e.has("invalidRange"))
+      if (this.invalidRange) {
+        const t = this.endpointDay(this.invalidRange.start), o = this.endpointDay(this.invalidRange.end);
+        this._invalidRange = isNaN(t.getTime()) || isNaN(o.getTime()) ? null : { start: t, end: o };
+      } else
+        this._invalidRange = null;
+    if (e.has("value") && !e.has("focusDate")) {
+      if (this._skipValueNavigation)
+        this._skipValueNavigation = !1;
+      else if (this.value) {
+        const t = Array.isArray(this.value) ? this.value : [{ start: this.value }];
+        t.length > 0 && t[0].start && this._nav.navigateToDate(this.endpointDay(t[0].start));
+      }
+    }
+    if (e.has("focusDate") && this.focusDate) {
+      const t = d(this.focusDate);
+      isNaN(t.getTime()) || (this._nav.navigateToDate(t), this.focusDate = void 0);
+    }
+  }
+  render() {
+    return S({
+      uid: this.uid,
+      label: this.label,
+      hint: this.hint,
+      errors: this.errors,
+      touched: this.touched,
+      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,
+      nextMonthAriaLabel: this.nextMonthAriaLabel,
+      canGoPrev: this._nav.canGoPrev(),
+      canGoNext: this._nav.canGoNext(),
+      onPrevMonthClick: this._keyboard.onPrevMonthClick,
+      onNextMonthClick: this._keyboard.onNextMonthClick,
+      onFocusOut: this._focusLeave.onFocusOut,
+      renderAboveCalendar: () => this.renderAboveCalendar(),
+      renderMonthPanel: (e) => R({
+        currentDate: this._nav.currentDate,
+        offset: e,
+        localeId: this.localeId,
+        monthFormat: this.monthFormat,
+        yearSelectorOpen: this._nav.yearSelectorOpen,
+        selectYearAriaLabel: this.selectYearAriaLabel,
+        onToggleYearSelector: () => this.toggleYearSelector(),
+        renderBelowHeader: (t) => this.renderBelowHeader(t),
+        renderPanelBody: (t) => this.renderPanelBody(t)
+      })
+    });
+  }
+  /** Hook rendered between the header and the panel body. Default: nothing. */
+  renderBelowHeader(e) {
+    return l;
+  }
+  /**
+   * The panel content below the header: the year grid replaces the days grid
+   * of the first panel while the year selector is open. Subclasses can swap
+   * in other bodies (e.g. the date-time calendar's time grid).
+   */
+  renderPanelBody(e) {
+    return M({
+      offset: e,
+      yearSelectorOpen: this._nav.yearSelectorOpen,
+      years: this._nav.yearList,
+      currentYear: this._nav.currentDate.getFullYear(),
+      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)
+    });
+  }
+  /**
+   * Kept as a thin override point — the range date-time subclass closes its
+   * time pickers before delegating to the nav controller.
+   */
+  toggleYearSelector() {
+    this._nav.toggleYearSelector();
+  }
+  isDisabled(e) {
+    return this._nav.isDisabled(e);
+  }
+  /**
+   * Rebuilds the day context for an Enter/Space activation from the button's
+   * `data-date`. Legitimate because a day button can only be focused when it
+   * is enabled and in-month; the `disabled`/`readOnly` guards stay in
+   * `selectDate`.
+   */
+  activationDay(e) {
+    const t = d(e);
+    return {
+      date: t,
+      isCurrentMonth: !0,
+      isDisabled: this.isDisabled(t),
+      isFocusable: !0,
+      dayLabel: "",
+      isToday: !1,
+      isRangeStart: !1,
+      isRangeEnd: !1,
+      isInRange: !1,
+      isOneDayRange: !1,
+      isAnchor: !1,
+      isSelecting: !1,
+      isInvalidStart: !1,
+      isInvalidEnd: !1,
+      isInvalidInRange: !1
+    };
+  }
+  renderDay(e) {
+    const t = e.isInvalidStart && e.isInvalidEnd, o = {
+      "gui-calendar__day-button": !0,
+      today: e.isToday,
+      "other-month": !e.isCurrentMonth,
+      "range-start": e.isRangeStart && !e.isOneDayRange,
+      "range-end": e.isRangeEnd && !e.isOneDayRange,
+      selected: e.isOneDayRange,
+      "in-range": e.isInRange,
+      "invalid-range-start": e.isInvalidStart && !t,
+      "invalid-range-end": e.isInvalidEnd && !t,
+      "invalid-range-single": t,
+      "invalid-in-range": e.isInvalidInRange,
+      "is-anchor": e.isAnchor,
+      "is-selecting": e.isSelecting,
+      disabled: e.isDisabled
+    };
+    return p`
+      <button
+        type="button"
+        role="gridcell"
+        class=${m(o)}
+        tabindex=${e.isFocusable ? 0 : -1}
+        ?disabled=${!e.isCurrentMonth}
+        aria-disabled=${e.isCurrentMonth && e.isDisabled ? "true" : l}
+        aria-label=${O(this.localeId, e.date)}
+        aria-current=${e.isToday ? "date" : l}
+        data-date=${h(e.date)}
+        @click=${(a) => this.selectDate(e, a)}
+        @mouseover=${() => this.onMouseOver(e)}
+        @focus=${() => this.onMouseOver(e)}
+        @keydown=${(a) => this._keyboard.handleDayKeydown(a)}
+        aria-selected=${e.isRangeStart || e.isRangeEnd || e.isInRange ? "true" : "false"}
+      >
+        ${this.renderDayContent(e)}
+      </button>
+    `;
+  }
+  getDaysInMonth(e) {
+    const t = (this.value ?? []).map((a) => ({
+      start: this.endpointDay(a.start),
+      end: a.end ? this.endpointDay(a.end) : void 0
+    })), o = F(this._selection);
+    return I({
+      currentDate: this._currentDate,
+      offset: e,
+      localeId: this.localeId,
+      numberOfMonths: this.numberOfMonths ?? 1,
+      isDisabled: (a) => this.isDisabled(a),
+      toDay: (a) => {
+        const s = C(a.date, {
+          ranges: t,
+          anchor: this._selection.anchor,
+          selectingSpan: o,
+          invalidRange: this._invalidRange
+        });
+        return {
+          date: a.date,
+          dayLabel: a.dayLabel,
+          isCurrentMonth: a.isCurrentMonth,
+          isToday: a.isToday,
+          isRangeStart: s.isRangeStart,
+          isRangeEnd: s.isRangeEnd,
+          isInRange: s.isInRange,
+          isInvalidStart: s.isInvalidStart && a.isCurrentMonth,
+          isInvalidEnd: s.isInvalidEnd && a.isCurrentMonth,
+          isInvalidInRange: s.isInvalidInRange && a.isCurrentMonth,
+          isDisabled: a.isDisabled,
+          isOneDayRange: s.isOneDayRange,
+          isAnchor: s.isAnchor,
+          isFocusable: a.isToday || s.isRangeStart,
+          isSelecting: s.isSelecting && a.isCurrentMonth
+        };
+      },
+      focusFallbackDates: [
+        /* @__PURE__ */ new Date(),
+        ...(this.value ?? []).map((a) => this.endpointDay(a.start))
+      ]
+    });
+  }
+  selectDate(e, t = null) {
+    if (!e.isCurrentMonth || e.isDisabled || this.disabled || this.readOnly) return;
+    const { state: o, commit: a } = g(this._selection, {
+      type: "pick",
+      date: e.date
+    });
+    if (this._selection = o, !a) {
+      this._invalidRange = null;
+      return;
+    }
+    if (L(
+      h(a.start),
+      h(a.end),
+      this.disabledRanges,
+      this.minDate,
+      this.maxDate
+    )) {
+      this._invalidRange = { start: a.start, end: a.end }, this.dispatchEvent(
+        new CustomEvent("inputError", {
+          detail: {
+            message: this.disabledDateRangeMessage ?? E,
+            range: { start: h(a.start), end: h(a.end) }
+          },
+          bubbles: !0,
+          composed: !0
+        })
+      ), this.requestUpdate();
+      return;
+    }
+    this._invalidRange = null, this._skipValueNavigation = !0, this.value = P([
+      ...this.value || [],
+      x(a.start, a.end)
+    ]), this.dispatchEvent(
+      new CustomEvent("change", {
+        detail: { value: this.value },
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+  onMouseOver(e) {
+    e.isDisabled || (this._selection = g(this._selection, {
+      type: "hover",
+      date: e.date
+    }).state);
+  }
+  // --- Pills ---
+  renderAboveCalendar() {
+    if (this.hidePills) return l;
+    const e = this.getSortedPills();
+    if (e.length === 0) return l;
+    const t = w(e, (o) => this.formatPillLabel(o));
+    return p`
+      <gui-pills
+        class="gui-range-calendar__pills"
+        .uid=${this.uid}
+        .toolbarAriaLabel=${"Selected date ranges"}
+        .items=${t}
+        .removable=${!0}
+        .clickable=${!0}
+        .bubble=${!1}
+        ?disabled=${this.disabled}
+        ?readonly=${this.readOnly}
+        .removeAriaLabel=${this.removePillAriaLabel ?? "Remove date"}
+        @pillremove=${this.onPillRemoveEvent}
+        @pillclick=${this.onPillClickEvent}
+      ></gui-pills>
+    `;
+  }
+  getSortedPills() {
+    return N(
+      this.value,
+      (e, t) => this.parseEndpoint(e).getTime() - this.parseEndpoint(t).getTime()
+    );
+  }
+  navigateToDate(e) {
+    this._nav.navigateToDate(this.endpointDay(e));
+  }
+};
+n([
+  r({ type: String })
+], i.prototype, "uid", 2);
+n([
+  r({ type: String })
+], i.prototype, "label", 2);
+n([
+  r({ type: String })
+], i.prototype, "hint", 2);
+n([
+  r({ type: String, attribute: "locale-id" })
+], i.prototype, "localeId", 2);
+n([
+  r({ type: Array })
+], i.prototype, "errors", 2);
+n([
+  r({ type: Boolean })
+], i.prototype, "touched", 2);
+n([
+  r({ type: Boolean })
+], i.prototype, "required", 2);
+n([
+  r({ type: Boolean })
+], i.prototype, "disabled", 2);
+n([
+  r({ type: Boolean, attribute: "readonly" })
+], i.prototype, "readOnly", 2);
+n([
+  r({ type: String, attribute: "prev-month-icon" })
+], i.prototype, "prevMonthIcon", 2);
+n([
+  r({ type: String, attribute: "next-month-icon" })
+], i.prototype, "nextMonthIcon", 2);
+n([
+  r({ type: String, attribute: "prev-month-aria-label" })
+], i.prototype, "prevMonthAriaLabel", 2);
+n([
+  r({ type: String, attribute: "next-month-aria-label" })
+], i.prototype, "nextMonthAriaLabel", 2);
+n([
+  r({ type: String, attribute: "select-year-aria-label" })
+], i.prototype, "selectYearAriaLabel", 2);
+n([
+  r({ type: String, attribute: "year-grid-aria-label" })
+], i.prototype, "yearGridAriaLabel", 2);
+n([
+  r({ type: String })
+], i.prototype, "dayFormat", 2);
+n([
+  r({ type: String })
+], i.prototype, "weekdayFormat", 2);
+n([
+  r({ type: String })
+], i.prototype, "monthFormat", 2);
+n([
+  r({ type: String })
+], i.prototype, "minDate", 2);
+n([
+  r({ type: String })
+], i.prototype, "maxDate", 2);
+n([
+  r({ type: Array })
+], i.prototype, "disabledRanges", 2);
+n([
+  r({ type: Number })
+], i.prototype, "numberOfMonths", 2);
+n([
+  r({ type: Array })
+], i.prototype, "value", 2);
+n([
+  r({ type: String })
+], i.prototype, "focusDate", 2);
+n([
+  r({ type: Boolean })
+], i.prototype, "hidePills", 2);
+n([
+  r({ type: String })
+], i.prototype, "removePillAriaLabel", 2);
+n([
+  r({ type: String, attribute: "disabled-date-range-message" })
+], i.prototype, "disabledDateRangeMessage", 2);
+n([
+  r({ attribute: !1 })
+], i.prototype, "invalidRange", 2);
+n([
+  v()
+], i.prototype, "_selection", 2);
+n([
+  v()
+], i.prototype, "_invalidRange", 2);
+i = n([
+  y("gui-range-calendar")
+], i);
+typeof customElements < "u" && !customElements.get("gui-range-calendar") && customElements.define("gui-range-calendar", i);