@golemui/gui-react 0.12.2 → 0.13.1

package/Number-GsGZMR5a.js

@@ -0,0 +1,247 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useInputWidget as q } from "@golemui/react";
+import "@golemui/gui-shared";
+import { useCallback as O } from "react";
+import { i as S, A as d, b as D, n as o, t as _ } from "./directive-1yd1wdny.js";
+import { G, b as B, c as k } from "./templates-DBGyvZtc.js";
+import { o as I } from "./style-map-C_0XzJlx.js";
+/* empty css                */
+var P = Object.defineProperty, M = Object.getOwnPropertyDescriptor, u = (t, s, e, a) => {
+  for (var l = a > 1 ? void 0 : a ? M(s, e) : s, n = t.length - 1, r; n >= 0; n--)
+    (r = t[n]) && (l = (a ? r(s, e, l) : r(l)) || l);
+  return a && l && P(s, e, l), l;
+};
+let i = class extends S {
+  constructor() {
+    super(...arguments), this.uid = void 0, this.label = void 0, this.hint = void 0, this.localeId = "en", this.errors = [], this.touched = !1, this.required = !1, this.disabled = !1, this.readOnly = !1, this.value = void 0, this.step = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.minimum = void 0, this.maximum = void 0, this.autoGrow = !1, this.ariaController = new G(this, {
+      getTargets: () => this.querySelectorAll(`input[id="${this.uid}"]`),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          readonly: this.readOnly,
+          disabled: this.disabled,
+          touched: this.touched
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  render() {
+    super.render();
+    const t = this.querySelector(`input[id="${this.uid}"]`), s = {
+      "min-width": "23px"
+    };
+    if (this.autoGrow)
+      if (t) {
+        t.style.width = "0px";
+        const a = Math.max(23, t.scrollWidth);
+        s.width = `${a}px`, s.maxWidth = `${a}px`, t.style.width = "";
+      } else
+        s.width = "47px";
+    const e = {
+      uid: this.uid,
+      label: this.label,
+      hint: this.hint,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      step: this.step,
+      placeholder: this.placeholder,
+      autocomplete: this.autocomplete
+    };
+    return D`
+      ${B(this.uid, e)}
+
+      <div class="gui-widget">
+        <button
+          type="button"
+          tabindex="-1"
+          class="gui-button gui-number__minus"
+          ?disabled=${this.value <= this.minimum || this.disabled}
+          @click=${this.minus}
+        >
+          -
+        </button>
+
+        <input
+          type="number"
+          inputmode="decimal"
+          id=${this.uid}
+          data-cy=${`${this.uid}_number`}
+          style=${I(s)}
+          value=${this.value}
+          ?required=${this.required}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readOnly}
+          step=${typeof this.step == "number" ? this.step : d}
+          placeholder=${this.placeholder || d}
+          autocomplete=${this.autocomplete || d}
+          @input=${this.valueChanged}
+          @keydown=${this.keyDown}
+          @blur=${this.onBlur}
+        />
+
+        <button
+          type="button"
+          tabindex="-1"
+          class="gui-button gui-number__plus"
+          ?disabled=${this.value >= this.maximum || this.disabled}
+          @click=${this.plus}
+        >
+          +
+        </button>
+      </div>
+
+      ${k(this.uid, e)}
+    `;
+  }
+  keyDown(t) {
+    switch (t.stopPropagation(), t.key) {
+      case "ArrowUp":
+        t.preventDefault(), this.plus();
+        break;
+      case "ArrowDown":
+        t.preventDefault(), this.minus();
+        break;
+    }
+  }
+  minus() {
+    if (!this.readOnly) {
+      const t = this.querySelector(`input[id="${this.uid}"]`), s = typeof this.step == "number" ? this.step : 1;
+      let e = Number(t.valueAsNumber) || Number(t.valueAsNumber) === 0 ? t.valueAsNumber - s : 1;
+      e = Number(this.maximum) ? Math.min(e, this.maximum) : e, e = Number(this.minimum) ? Math.max(e, this.minimum) : e, t.valueAsNumber = e, this.value = e, this.dispatchEvent(
+        new CustomEvent("input", {
+          detail: { value: this.value },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  plus() {
+    if (!this.readOnly) {
+      const t = this.querySelector(`input[id="${this.uid}"]`), s = typeof this.step == "number" ? this.step : 1;
+      let e = Number(t.valueAsNumber) || Number(t.valueAsNumber) === 0 ? t.valueAsNumber + s : 1;
+      e = Number(this.maximum) ? Math.min(e, this.maximum) : e, e = Number(this.minimum) ? Math.max(e, this.minimum) : e, t.valueAsNumber = e, this.value = e, this.dispatchEvent(
+        new CustomEvent("input", {
+          detail: { value: this.value },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  valueChanged(t) {
+    if (t.stopPropagation(), !this.readOnly) {
+      const s = t.target;
+      this.dispatchEvent(
+        new CustomEvent("input", {
+          detail: { value: s.valueAsNumber },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  onBlur() {
+    this.dispatchEvent(
+      new CustomEvent("blur", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+};
+u([
+  o({ type: String })
+], i.prototype, "uid", 2);
+u([
+  o({ type: String })
+], i.prototype, "label", 2);
+u([
+  o({ type: String })
+], i.prototype, "hint", 2);
+u([
+  o({ type: String, attribute: "locale-id" })
+], i.prototype, "localeId", 2);
+u([
+  o({ type: Array })
+], i.prototype, "errors", 2);
+u([
+  o({ type: Boolean })
+], i.prototype, "touched", 2);
+u([
+  o({ type: Boolean })
+], i.prototype, "required", 2);
+u([
+  o({ type: Boolean })
+], i.prototype, "disabled", 2);
+u([
+  o({ type: Boolean, attribute: "readonly" })
+], i.prototype, "readOnly", 2);
+u([
+  o({ type: Number })
+], i.prototype, "value", 2);
+u([
+  o({ type: Number })
+], i.prototype, "step", 2);
+u([
+  o({ type: String })
+], i.prototype, "placeholder", 2);
+u([
+  o({ type: String })
+], i.prototype, "autocomplete", 2);
+u([
+  o({ type: Number })
+], i.prototype, "minimum", 2);
+u([
+  o({ type: Number })
+], i.prototype, "maximum", 2);
+u([
+  o({ type: Number })
+], i.prototype, "autoGrow", 2);
+i = u([
+  _("gui-number")
+], i);
+typeof customElements < "u" && !customElements.get("gui-number") && customElements.define("gui-number", i);
+function F(t) {
+  const s = t.widget, { uid: e, errors: a, value: l, isTouched: n, templateData: r, onValueChanged: p, onBlur: h } = q(s), c = O(
+    (E) => p(E.nativeEvent.detail.value),
+    [p]
+  ), b = r.label, y = r.hint, v = r.placeholder, g = r.step, f = r.minimum, w = r.maximum, $ = r.autocomplete, N = r.autoGrow, x = r.disabled, A = r.readonly, C = r.validator?.required;
+  return /* @__PURE__ */ m("div", { className: "gui-number gui-field", style: { flex: r.size }, children: /* @__PURE__ */ m(
+    "gui-number",
+    {
+      uid: e,
+      label: b,
+      hint: y,
+      errors: a,
+      touched: n,
+      required: C,
+      disabled: x,
+      readOnly: A,
+      value: l,
+      step: g,
+      minimum: f,
+      maximum: w,
+      autoGrow: N,
+      autocomplete: $ ?? void 0,
+      placeholder: v ?? void 0,
+      onInput: c,
+      onBlur: h
+    }
+  ) });
+}
+export {
+  F as NumberInput
+};

package/Password-B8QjtpUe.js

@@ -0,0 +1,204 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useInputWidget as E } from "@golemui/react";
+import "@golemui/gui-shared";
+import { useCallback as _ } from "react";
+import { i as B, A as n, b as u, n as i, t as x } from "./directive-1yd1wdny.js";
+import { r as D } from "./state-DI9ZsB5W.js";
+import { e as A } from "./class-map-DrTVAYz_.js";
+import { G as R, a as j, b as G, c as T } from "./templates-DBGyvZtc.js";
+/* empty css                */
+var z = Object.defineProperty, H = Object.getOwnPropertyDescriptor, o = (s, r, d, l) => {
+  for (var a = l > 1 ? void 0 : l ? H(r, d) : r, h = s.length - 1, t; h >= 0; h--)
+    (t = s[h]) && (a = (l ? t(r, d, a) : t(a)) || a);
+  return l && a && z(r, d, a), a;
+};
+let e = class extends B {
+  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.icon = void 0, this.placeholder = void 0, this.autocomplete = void 0, this.showPasswordIcon = void 0, this.hidePasswordIcon = void 0, this.showPasswordLabel = void 0, this.hidePasswordLabel = void 0, this.showPassword = !1, this.ariaController = new R(this, {
+      getTargets: () => this.querySelectorAll(`input[id="${this.uid}"]`),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          readonly: this.readOnly,
+          disabled: this.disabled,
+          touched: this.touched
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  render() {
+    super.render();
+    const s = {
+      uid: this.uid,
+      label: this.label,
+      hint: this.hint,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      icon: this.icon,
+      placeholder: this.placeholder,
+      autocomplete: this.autocomplete,
+      showPasswordIcon: this.showPasswordIcon,
+      hidePasswordIcon: this.hidePasswordIcon,
+      showPasswordLabel: this.showPasswordLabel,
+      hidePasswordLabel: this.hidePasswordLabel
+    }, r = j("password", s), d = {
+      "gui-password--icon": !!this.icon
+    };
+    return u`
+      ${G(this.uid, s)}
+
+      <div class="gui-widget">
+        <input
+          type=${this.showPassword ? "text" : "password"}
+          id=${this.uid}
+          data-cy=${`${this.uid}_password`}
+          class=${A(d)}
+          value=${this.value}
+          ?required=${this.disabled}
+          ?disabled=${this.disabled}
+          ?readonly=${this.readOnly}
+          placeholder=${this.placeholder || n}
+          autocomplete=${this.autocomplete || n}
+          @input=${this.valueChanged}
+          @blur=${this.onBlur}
+        />
+        ${r.html}
+        <button
+          class=${`gui-password__toggle gui-widget-icon ${this.showPassword && s.showPasswordIcon ? s.showPasswordIcon : ""} ${!this.showPassword && s.hidePasswordIcon ? s.hidePasswordIcon : ""}`}
+          data-icon=${this.showPassword ? s.showPasswordIcon : s.hidePasswordIcon}
+          type="button"
+          tabindex="-1"
+          @click=${() => this.showPassword = !this.showPassword}
+        >
+          ${s.showPasswordIcon || s.hidePasswordIcon ? n : u`<span
+                >${this.showPassword ? s.hidePasswordLabel ?? "Hide" : s.showPasswordLabel ?? "Show"}</span
+              >`}
+        </button>
+      </div>
+
+      ${T(this.uid, s)}
+    `;
+  }
+  valueChanged(s) {
+    if (s.stopPropagation(), !this.readOnly) {
+      const r = s.target;
+      this.dispatchEvent(
+        new CustomEvent("input", {
+          detail: { value: r.value },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  onBlur() {
+    this.dispatchEvent(
+      new CustomEvent("blur", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+};
+o([
+  i({ type: String })
+], e.prototype, "uid", 2);
+o([
+  i({ type: String })
+], e.prototype, "label", 2);
+o([
+  i({ type: String, attribute: "locale-id" })
+], e.prototype, "localeId", 2);
+o([
+  i({ type: Array })
+], e.prototype, "errors", 2);
+o([
+  i({ type: Boolean })
+], e.prototype, "touched", 2);
+o([
+  i({ type: Boolean })
+], e.prototype, "required", 2);
+o([
+  i({ type: Boolean })
+], e.prototype, "disabled", 2);
+o([
+  i({ type: Boolean, attribute: "readonly" })
+], e.prototype, "readOnly", 2);
+o([
+  i({ type: String })
+], e.prototype, "value", 2);
+o([
+  i({ type: String })
+], e.prototype, "hint", 2);
+o([
+  i({ type: String })
+], e.prototype, "icon", 2);
+o([
+  i({ type: String })
+], e.prototype, "placeholder", 2);
+o([
+  i({ type: String })
+], e.prototype, "autocomplete", 2);
+o([
+  i({ type: String })
+], e.prototype, "showPasswordIcon", 2);
+o([
+  i({ type: String })
+], e.prototype, "hidePasswordIcon", 2);
+o([
+  i({ type: String })
+], e.prototype, "showPasswordLabel", 2);
+o([
+  i({ type: String })
+], e.prototype, "hidePasswordLabel", 2);
+o([
+  D()
+], e.prototype, "showPassword", 2);
+e = o([
+  x("gui-password")
+], e);
+typeof customElements < "u" && !customElements.get("gui-password") && customElements.define("gui-password", e);
+function X(s) {
+  const r = s.widget, { uid: d, errors: l, value: a, isTouched: h, templateData: t, onValueChanged: p, onBlur: w } = E(r), y = _(
+    (q) => p(q.nativeEvent.detail.value),
+    [p]
+  ), b = t.label, P = t.hint, g = t.placeholder, m = t.autocomplete, v = t.showPasswordIcon, f = t.hidePasswordIcon, I = t.showPasswordLabel, $ = t.hidePasswordLabel, L = t.icon, S = t.disabled, C = t.readonly, O = t.validator?.required;
+  return /* @__PURE__ */ c("div", { className: "gui-password gui-field", style: { flex: t.size }, children: /* @__PURE__ */ c(
+    "gui-password",
+    {
+      uid: d,
+      label: b,
+      hint: P,
+      errors: l,
+      touched: h,
+      required: O,
+      disabled: S,
+      readOnly: C,
+      value: a,
+      icon: L,
+      placeholder: g ?? void 0,
+      autocomplete: m ?? void 0,
+      showPasswordIcon: v,
+      hidePasswordIcon: f,
+      showPasswordLabel: I,
+      hidePasswordLabel: $,
+      onInput: y,
+      onBlur: w
+    }
+  ) });
+}
+export {
+  X as Password
+};

package/RadioGroup-Cd1_Zkkz.js

@@ -0,0 +1,197 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useInputWidget as q } from "@golemui/react";
+import "@golemui/gui-shared";
+import { useCallback as w } from "react";
+import { i as E, b as h, A as c, n as r, t as B } from "./directive-1yd1wdny.js";
+import { c as D } from "./repeat-BucBfSPF.js";
+import { G as R, b as V, c as L } from "./templates-DBGyvZtc.js";
+import { u as P, i as A } from "./one-of-DifUsEYY.js";
+/* empty css                */
+var G = Object.defineProperty, I = Object.getOwnPropertyDescriptor, o = (t, l, n, s) => {
+  for (var a = s > 1 ? void 0 : s ? I(l, n) : l, d = t.length - 1, i; d >= 0; d--)
+    (i = t[d]) && (a = (s ? i(l, n, a) : i(a)) || a);
+  return s && a && G(l, n, a), a;
+};
+let e = class extends E {
+  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 R(this, {
+      getTargets: () => this.querySelectorAll(`input[name="${this.uid}"]`),
+      getState: () => ({
+        uid: this.uid,
+        templateData: {
+          hint: this.hint,
+          errors: this.errors,
+          touched: this.touched,
+          // Radiogroup inputs can't be readonly
+          readonly: !1,
+          disabled: !1
+        }
+      })
+    });
+  }
+  createRenderRoot() {
+    return this;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.classList.add("gui-field");
+  }
+  render() {
+    super.render();
+    const t = {
+      uid: this.uid,
+      label: this.label,
+      errors: this.errors,
+      touched: this.touched,
+      required: this.required,
+      disabled: this.disabled,
+      readonly: this.readOnly,
+      value: this.value,
+      hint: this.hint,
+      options: this.options,
+      labelField: this.labelField,
+      valueField: this.valueField,
+      direction: this.direction
+    };
+    this.options = P(this.options, {
+      labelField: this.labelField,
+      valueField: this.valueField
+    });
+    const l = this.value;
+    this.hasMatchingValue = this.options?.length ? this.options.find(({ value: s }) => s === l) !== void 0 : !1;
+    const n = this.optionsLoading ? h`<span>Loading...</span>` : h`
+          ${D(
+      this.options || [],
+      (s) => s?.value,
+      (s, a) => {
+        const d = this.hasMatchingValue && s.value === t.value, i = !this.hasMatchingValue && a === 0, u = d || i;
+        return h`<label for=${`${this.uid}_${a}`}>
+                <input
+                  type="radio"
+                  tabindex=${u ? "0" : "-1"}
+                  id=${`${this.uid}_${a}`}
+                  data-cy=${`${this.uid}_radiogroup_${a}`}
+                  name=${this.uid}
+                  value=${s.value}
+                  ?checked=${d}
+                  ?required=${t.required}
+                  ?disabled=${t.disabled || t.readonly}
+                  @change=${this.valueChanged}
+                  @blur=${this.onBlur}
+                />
+                ${s.label}
+              </label>`;
+      }
+    )}
+        `;
+    return h`
+      ${V(this.uid, t, !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}
+      >
+        ${n}
+      </div>
+
+      ${L(this.uid, t)}
+    `;
+  }
+  valueChanged(t) {
+    if (t.stopPropagation(), !this.readOnly) {
+      const l = t.target;
+      this.dispatchEvent(
+        new CustomEvent("change", {
+          detail: { value: A(l.value, this.options) },
+          bubbles: !0,
+          composed: !0
+        })
+      );
+    }
+  }
+  onBlur() {
+    this.dispatchEvent(
+      new CustomEvent("blur", {
+        bubbles: !0,
+        composed: !0
+      })
+    );
+  }
+};
+o([
+  r({ type: String })
+], e.prototype, "uid", 2);
+o([
+  r({ type: String })
+], e.prototype, "label", 2);
+o([
+  r({ type: String, attribute: "locale-id" })
+], e.prototype, "localeId", 2);
+o([
+  r({ type: Array })
+], e.prototype, "errors", 2);
+o([
+  r({ type: Boolean })
+], e.prototype, "touched", 2);
+o([
+  r({ type: Boolean })
+], e.prototype, "required", 2);
+o([
+  r({ type: Boolean })
+], e.prototype, "disabled", 2);
+o([
+  r({ type: Boolean, attribute: "readonly" })
+], e.prototype, "readOnly", 2);
+o([
+  r({ type: String })
+], e.prototype, "value", 2);
+o([
+  r({ type: String })
+], e.prototype, "hint", 2);
+o([
+  r({ type: String })
+], e.prototype, "options", 2);
+o([
+  r({ type: String })
+], e.prototype, "labelField", 2);
+o([
+  r({ type: String })
+], e.prototype, "valueField", 2);
+o([
+  r({ type: String })
+], e.prototype, "direction", 2);
+e = o([
+  B("gui-radiogroup")
+], e);
+typeof customElements < "u" && !customElements.get("gui-radiogroup") && customElements.define("gui-radiogroup", e);
+function H(t) {
+  const l = t.widget, { uid: n, errors: s, value: a, isTouched: d, templateData: i, onValueChanged: u, onBlur: g } = q(l), b = w(
+    (S) => u(S.nativeEvent.detail.value),
+    [u]
+  ), v = i.label, y = i.hint, f = i.options, m = i.labelField, $ = i.valueField, F = i.direction, C = i.disabled, _ = i.readonly, O = i.validator?.required;
+  return /* @__PURE__ */ p("div", { className: "gui-radiogroup gui-field", style: { flex: i.size }, children: /* @__PURE__ */ p(
+    "gui-radiogroup",
+    {
+      uid: n,
+      label: v,
+      errors: s,
+      touched: d,
+      required: O,
+      disabled: C,
+      readOnly: _,
+      value: a,
+      hint: y,
+      options: f,
+      labelField: m,
+      valueField: $,
+      direction: F,
+      onChange: b,
+      onBlur: g
+    }
+  ) });
+}
+export {
+  H as RadioGroup
+};

package/{RangeCalendar-u2vxIhna.js → RangeCalendar-9IJoFEXw.js}

@@ -1,11 +1,13 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
 import { useInputWidget as P } from "@golemui/react";
+import "@golemui/gui-shared";
 import { useCallback as H } from "react";
+import "./range-calendar-SAyiW3EF.js";
 /* empty css                */
-function T(d) {
+function W(d) {
   const c = d.widget, { uid: m, errors: u, value: h, isTouched: b, templateData: e, onBlur: t, onValueChanged: a } = P(c), g = H(
     (o) => {
-      const n = o, r = (s) => a(s.detail.value), l = (s) => {
+      const n = o, r = (i) => a(i.detail.value), l = (i) => {
         t();
       };
       return o && (n.addEventListener("blur", l), n.addEventListener("change", r)), () => {
@@ -13,21 +15,21 @@ function T(d) {
       };
     },
     [a, t]
-  ), v = e.label, f = e.hint, p = e.prevMonthIcon, L = e.nextMonthIcon, M = e.prevMonthAriaLabel, x = e.nextMonthAriaLabel, y = e.dayFormat, A = e.weekdayFormat, D = e.monthFormat, F = e.minDate, I = e.maxDate, R = e.disabledRanges, w = e.numberOfMonths, E = e.removePillAriaLabel, k = e.lang, q = e.disabled, C = e.readonly, O = e.validator?.required;
-  return /* @__PURE__ */ i("div", { className: "gui-range-calendar gui-field", style: { flex: e.size }, children: /* @__PURE__ */ i(
+  ), v = e.label, p = e.hint, f = e.prevMonthIcon, L = e.nextMonthIcon, M = e.prevMonthAriaLabel, x = e.nextMonthAriaLabel, y = e.dayFormat, A = e.weekdayFormat, D = e.monthFormat, F = e.minDate, I = e.maxDate, R = e.disabledRanges, w = e.numberOfMonths, E = e.removePillAriaLabel, k = e.lang, q = e.disabled, C = e.readonly, O = e.validator?.required;
+  return /* @__PURE__ */ s("div", { className: "gui-range-calendar gui-field", style: { flex: e.size }, children: /* @__PURE__ */ s(
     "gui-range-calendar",
     {
       ref: g,
       uid: m,
       label: v,
-      hint: f,
+      hint: p,
       errors: u,
       touched: b,
       required: O,
       disabled: q,
       readOnly: C,
       value: h,
-      prevMonthIcon: p,
+      prevMonthIcon: f,
       nextMonthIcon: L,
       prevMonthAriaLabel: M,
       nextMonthAriaLabel: x,
@@ -45,5 +47,5 @@ function T(d) {
   ) });
 }
 export {
-  T as RangeCalendar
+  W as RangeCalendar
 };