linear-react-components-ui 1.1.26-beta.9 → 2.0.0-beta.0

package/lib/inputs/period/helper.js

@@ -1,39 +1,26 @@
-import { h as r } from "../../chunks/moment.DMLRxgRE.js";
-const l = ({
-  topPosition: n,
-  leftPosition: t,
-  width: o
-}) => `top: ${n}px;
-  left: ${t}px;
-  width:${o}px`, d = (n = !1, t = !1, o = !1) => {
-  let e = "item";
-  return e += n && !t ? " -selected " : "", e += t ? " -disabled" : "", e += !n && !t && o ? " -striped " : "", e;
-}, m = (n) => {
-  const t = r();
-  return {
-    today: () => [t, t],
-    week: () => {
-      const e = t.clone().startOf("week"), s = t.clone().endOf("week");
-      return [e, s];
-    },
-    lastweek: () => {
-      const e = t.subtract(1, "weeks"), s = e.clone().startOf("week"), a = e.clone().endOf("week");
-      return [s, a];
-    },
-    last15: () => [r(t).subtract(15, "days"), t],
-    month: () => {
-      const e = t.clone().startOf("month"), s = t.clone().endOf("month");
-      return [e, s];
-    },
-    lastmonth: () => {
-      const e = t.subtract(1, "months"), s = e.clone().startOf("month"), a = e.clone().endOf("month");
-      return [s, a];
-    }
-  }[n]();
-}, h = (n) => n && r(n).isValid();
-export {
-  m as CalcDatesByPeriod,
-  l as default,
-  d as getDropdownItemCssClass,
-  h as isDateValid
+import e from "../../node_modules/moment/dist/moment.js";
+//#region src/lib/inputs/period/helper.ts
+var t = (e = !1, t = !1, n = !1) => {
+	let r = "item";
+	return r += e && !t ? " -selected " : "", r += t ? " -disabled" : "", r += !e && !t && n ? " -striped " : "", r;
+}, n = (t) => {
+	let n = e();
+	return {
+		today: () => [n, n],
+		week: () => [n.clone().startOf("week"), n.clone().endOf("week")],
+		lastweek: () => {
+			let e = n.subtract(1, "weeks");
+			return [e.clone().startOf("week"), e.clone().endOf("week")];
+		},
+		last15: () => [e(n).subtract(15, "days"), n],
+		month: () => [n.clone().startOf("month"), n.clone().endOf("month")],
+		lastmonth: () => {
+			let e = n.subtract(1, "months");
+			return [e.clone().startOf("month"), e.clone().endOf("month")];
+		}
+	}[t]();
 };
+//#endregion
+export { n as CalcDatesByPeriod, t as getDropdownItemCssClass };
+
+//# sourceMappingURL=helper.js.map

package/lib/inputs/period/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/lib/inputs/period/helper.ts"],"sourcesContent":["import moment, { Moment } from 'moment';\nimport { DateTypes } from './types';\n\nconst getCalendarDropdownStyle = ({ topPosition, leftPosition, width }:\n{ topPosition: number | string, leftPosition: number | string, width: number | string }) => (\n  `top: ${topPosition}px;\n  left: ${leftPosition}px;\n  width:${width}px`\n);\nexport default getCalendarDropdownStyle;\n\nexport const getDropdownItemCssClass = (selected = false, disabled = false, striped = false) => {\n  let className = 'item';\n  className += (selected && !disabled ? ' -selected ' : '');\n  className += disabled ? ' -disabled' : '';\n  className += (!selected && !disabled && striped ? ' -striped ' : '');\n  return className;\n};\n\nexport const CalcDatesByPeriod = (dateType: DateTypes): Moment[] => {\n  const currentDate = moment();\n  const dateTypes = {\n    today: () => [currentDate, currentDate],\n    week: () => {\n      const weekStart = currentDate.clone().startOf('week');\n      const weekEnd = currentDate.clone().endOf('week');\n      return [weekStart, weekEnd];\n    },\n    lastweek: () => {\n      const lastWeek = currentDate.subtract(1, 'weeks');\n      const weekStart = lastWeek.clone().startOf('week');\n      const weekEnd = lastWeek.clone().endOf('week');\n      return [weekStart, weekEnd];\n    },\n    last15: () => {\n      const last15Day = moment(currentDate);\n      return [last15Day.subtract(15, 'days'), currentDate];\n    },\n    month: () => {\n      const monthStart = currentDate.clone().startOf('month');\n      const monthEnd = currentDate.clone().endOf('month');\n      return [monthStart, monthEnd];\n    },\n    lastmonth: () => {\n      const lastMonth = currentDate.subtract(1, 'months');\n      const monthStart = lastMonth.clone().startOf('month');\n      const monthEnd = lastMonth.clone().endOf('month');\n      return [monthStart, monthEnd];\n    },\n  };\n  return dateTypes[dateType]();\n};\n\nexport const isDateValid = (date: Moment) => date && moment(date).isValid();\n"],"mappings":";;AAWA,IAAa,KAA2B,IAAW,IAAO,IAAW,IAAO,IAAU,OAAU;CAC9F,IAAI,IAAY;AAIhB,QAHA,KAAc,KAAY,CAAC,IAAW,gBAAgB,IACtD,KAAa,IAAW,eAAe,IACvC,KAAc,CAAC,KAAY,CAAC,KAAY,IAAU,eAAe,IAC1D;GAGI,KAAqB,MAAkC;CAClE,IAAM,IAAc,GAAQ;AA8B5B,QA7BkB;EAChB,aAAa,CAAC,GAAa,EAAY;EACvC,YAGS,CAFW,EAAY,OAAO,CAAC,QAAQ,OAAO,EACrC,EAAY,OAAO,CAAC,MAAM,OAAO,CACtB;EAE7B,gBAAgB;GACd,IAAM,IAAW,EAAY,SAAS,GAAG,QAAQ;AAGjD,UAAO,CAFW,EAAS,OAAO,CAAC,QAAQ,OAAO,EAClC,EAAS,OAAO,CAAC,MAAM,OAAO,CACnB;;EAE7B,cAES,CADW,EAAO,EAAY,CACnB,SAAS,IAAI,OAAO,EAAE,EAAY;EAEtD,aAGS,CAFY,EAAY,OAAO,CAAC,QAAQ,QAAQ,EACtC,EAAY,OAAO,CAAC,MAAM,QAAQ,CACtB;EAE/B,iBAAiB;GACf,IAAM,IAAY,EAAY,SAAS,GAAG,SAAS;AAGnD,UAAO,CAFY,EAAU,OAAO,CAAC,QAAQ,QAAQ,EACpC,EAAU,OAAO,CAAC,MAAM,QAAQ,CACpB;;EAEhC,CACgB,IAAW"}

package/lib/inputs/period/index.js

@@ -1,213 +1,298 @@
-import { j as i } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { useId as fe, useState as D, useRef as g, useEffect as k, useCallback as de } from "react";
-import { h as r } from "../../chunks/moment.DMLRxgRE.js";
-import ke from "./PeriodList.js";
-import me from "../mask/BaseMask.js";
-import U from "./Dropdown.js";
-import Oe from "../../calendar/base/index.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import ge from "../../buttons/Button.js";
-import W from "../../icons/index.js";
-import '../../assets/gridlayout.css';import '../../assets/button.css';import '../../assets/index24.css';/* empty css                           */
-import $ from "./Dialog.js";
-import Le from "../../hint/index.js";
-/* empty css                               */
-import Ve from "../../gridlayout/GridCol.js";
-import { getInputWrapperClass as Te } from "../base/helpers.js";
-import { ErrorMessage as Ae } from "../errorMessage/index.js";
-import he from "../../textContent/index.js";
-import qe from "../../popover/index.js";
-const on = (n) => {
-  const {
-    showButtonOpen: j = !0,
-    openOnFocus: ve = !0,
-    shouldCloseOnSelect: G = !0,
-    calendarColorStyle: S,
-    showCalendarInDialog: b = !1,
-    dialogSize: O = {
-      width: "350px",
-      height: "350px"
-    },
-    hint: B,
-    hintPosition: H = "below",
-    themePopover: Ce = "light",
-    popoverAlign: De = "left",
-    gridLayout: J
-  } = n, Ye = fe(), pe = fe(), [l, I] = D(n.value && r(n.value.initial, "DD/MM/YYYY")), [a, F] = D(n.value && r(n.value.final, "DD/MM/YYYY")), [Q, X] = D("week"), [h, v] = D(!1), [Y, u] = D(!1), [y, p] = D(!1), [L, V] = D(), [C, Z] = D(), [_, ee] = D("valueInitial"), M = g(null), x = g(null), d = g(null), xe = g(null), T = g(null), be = g(null), w = g(null);
-  g(null);
-  const o = g(null), f = g(null), A = () => {
-    V(x?.current?.getBoundingClientRect());
-  }, Ie = (e) => {
-    const t = !M.current?.contains(e.relatedTarget);
-    !b && h && t && v(!1), !b && Y && t && u(!1);
-  }, ne = (e) => {
-    const {
-      target: t
-    } = e, c = t;
-    if (f.current && e && e.key && e.key === "Escape" && (e.preventDefault(), c.focus(), h && (c.id !== "valueInitial" && d.current?.focus(), v(!1)), Y && (c.id !== "valueFinal" && o.current?.focus(), u(!1)), y && (p(!1), o.current?.focus(), u(!1))), f.current && e && e.key && e.key === "Tab") {
-      const s = f.current?.getElementsByClassName("navbutton"), Re = (f.current?.getElementsByClassName("-selectedday"))[0].firstChild, K = Array.from([...s, Re]), ue = K[0], Ee = K[K.length - 1], ce = f.current.id === "valueInitial";
-      !e.shiftKey && h && document.activeElement === d.current && (e.preventDefault(), ue.focus()), e.shiftKey && ce && document.activeElement === ue && (e.preventDefault(), d.current?.focus()), !e.shiftKey && ce && document.activeElement === Ee && (e.preventDefault(), o.current?.focus());
-    }
-    e.stopPropagation();
-  }, P = () => {
-    const e = x.current?.getBoundingClientRect(), t = e && e.bottom;
-    w && w.current && e && (w.current.style.top = String(t).concat("px"));
-  };
-  k(() => (window.addEventListener("resize", A), document.addEventListener("scroll", P), document.getElementById("modal-dialog-content")?.addEventListener("scroll", P), x.current && A(), d && d.current && (d.current.id = Ye), o && o.current && (o.current.id = pe), () => {
-    window.removeEventListener("resize", A), document.removeEventListener("scroll", P), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", P);
-  }), []), k(() => (document.addEventListener("keydown", ne), () => {
-    document.removeEventListener("keydown", ne);
-  }), [Y, h, y, f.current]), k(() => {
-    if (a && l && r(a).isBefore(r(l)))
-      I(a), F(l);
-    else if (n.onChange) {
-      const e = l ? l.format("YYYY-MM-DD") : "", t = a ? a.format("YYYY-MM-DD") : "";
-      n.onChange(void 0, "", {
-        initial: e,
-        final: t
-      });
-    }
-  }, [l, a]), k(() => {
-    if (n.value && !(r(n.value.initial).isSame(l) || r(n.value.final).isSame(a))) {
-      const {
-        initial: e,
-        final: t
-      } = n.value;
-      let c, s;
-      r(e, "YYYY-MM-DD", !0).isValid() && (c = r(e, "YYYY-MM-DD")), r(t, "YYYY-MM-DD", !0).isValid() && (s = r(t, "YYYY-MM-DD")), I(c), F(s);
-    }
-  }, [n.value]);
-  const te = (e) => {
-    e === "valueInitial" && (ee("valueInitial"), u(!1), h || (d.current?.focus(), b && setTimeout(() => {
-      T.current?.focus();
-    }, 100), v(!0))), e === "valueFinal" && (ee("valueFinal"), v(!1), Y || (o.current?.focus(), b && setTimeout(() => {
-      T.current?.focus();
-    }, 100), u(!0))), x.current && V(x.current.getBoundingClientRect());
-  }, Fe = (e) => {
-    e === "valueInitial" && d.current?.focus(), e === "valueFinal" && o.current?.focus(), v(!1), u(!1);
-  }, q = (e) => {
-    setTimeout(() => {
-      e === "valueInitial" && (d.current?.focus(), v(!1)), e === "valueFinal" && (o.current?.focus(), u(!1)), e === "periodSelection" && (p(!1), o.current?.focus(), u(!1));
-    }, 100);
-  }, ie = (e) => {
-    const {
-      name: t
-    } = e.target;
-    ve && te(t), n.onFocus && n.onFocus(e);
-  }, le = (e) => {
-    n.onBlur && n.onBlur(e);
-  }, ae = (e, t) => {
-    if (e) {
-      const {
-        name: c
-      } = e.target;
-      t && t.replace(/\D/g, "").trim().length !== 0 && (c === "valueInitial" ? I(void 0) : F(void 0));
-    }
-  }, R = (e) => {
-    if (n.onChange) {
-      const t = e.initial ? e.initial.format("YYYY-MM-DD") : "", c = e.final ? e.final.format("YYYY-MM-DD") : "";
-      n.onChange(void 0, "", {
-        initial: t,
-        final: c
-      });
-    }
-  }, N = (e, t, c = !0) => {
-    const s = e ? e.target.name : "", m = r(t, "DD/MM/YYYY");
-    h && d.current?.focus(), Y && o.current?.focus(), s === "valueFinal" && l && m.isBefore(l) ? (I(m), F(l), R({
-      initial: m,
-      final: l
-    })) : s === "valueInitial" && a && m.isAfter(a) ? (I(a), F(m), R({
-      initial: a,
-      final: m
-    })) : s === "valueInitial" ? (I(m), R({
-      initial: m,
-      final: a
-    })) : (F(m), R({
-      initial: l,
-      final: m
-    })), s === "valueInitial" && !a && c && (o.current?.focus(), setTimeout(() => u(!0), 100)), G && (v(!1), u(!1));
-  }, z = () => {
-    const {
-      disabled: e
-    } = n;
-    return e || C && (C.disabled || C.hideContent);
-  }, we = de(() => j ? /* @__PURE__ */ i.jsx(ge, { boxShadow: !1, disabled: z(), customClass: "calendar-button", icon: /* @__PURE__ */ i.jsx(W, { name: "calendar" }), onClick: () => {
-    Y || h ? Fe(_) : te(_);
-  }, tabIndex: -1, targetRef: (e) => {
-    xe.current = e;
-  } }, "button-open") : null, [Y, h]), re = (e, t) => /* @__PURE__ */ i.jsx(ke, { selected: e, handleOnSelect: t }), ye = () => {
-    u(!1), v(!1), p(!0), x.current && V(x.current.getBoundingClientRect());
-  }, Me = () => {
-    p(!1), o.current?.focus(), u(!1);
-  }, je = de(() => /* @__PURE__ */ i.jsx(ge, { disabled: z(), tabIndex: -1, customClass: "calendar-button", icon: /* @__PURE__ */ i.jsx(W, { name: "more1" }), onBlur: () => setTimeout(() => p(!1), 100), onClick: () => y ? Me() : ye(), targetRef: (e) => {
-    be.current = e;
-  } }, "button-select-period"), [y]), E = (e, t, c) => /* @__PURE__ */ i.jsx(Oe, { colorStyle: t, currentDate: e !== void 0 ? r(e) : r(), calendarContainer: (s) => {
-    f.current = s;
-  }, onDateChange: (s) => N({
-    target: {
-      name: c
-    }
-  }, s), currentDateButton: (s) => T.current = s }), oe = (e, t) => {
-    if (e === "custom") {
-      d.current?.focus(), X(e), p(!1);
-      return;
-    }
-    X(e), t && (I(t[0]), F(t[1])), G && p(!1), o.current?.focus(), u(!1);
-  }, Se = () => C && C.readOnly ? null : (f && f.current && (f.current.id = "valueInitial"), b ? /* @__PURE__ */ i.jsx($, { handlerClose: () => q("valueInitial"), dialogSize: O, onOpenChange: v, children: E(l, S, "valueInitial") }) : /* @__PURE__ */ i.jsx(U, { containerRef: M, showButtonOpen: j, inputDimensions: L, dropdownRef: (e) => {
-    w.current = e;
-  }, children: E(l, S, "valueInitial") })), Be = () => C && C.readOnly ? null : (f && f.current && (f.current.id = "valueFinal"), b ? /* @__PURE__ */ i.jsx($, { handlerClose: () => q("valueFinal"), dialogSize: O, onOpenChange: u, children: E(a, S, "valueFinal") }) : /* @__PURE__ */ i.jsx(U, { containerRef: M, showButtonOpen: j, inputDimensions: L, dropdownRef: (e) => {
-    w.current = e;
-  }, children: E(a, S, "valueFinal") })), Pe = () => b ? /* @__PURE__ */ i.jsx($, { handlerClose: () => q("periodSelection"), dialogSize: O, onOpenChange: p, children: re(Q, oe) }) : /* @__PURE__ */ i.jsx(U, { containerRef: M, showButtonOpen: j, inputDimensions: L, dropdownRef: (e) => {
-    w.current = e;
-  }, children: re(Q, oe) });
-  if (C && C.unvisible) return null;
-  const se = () => /* @__PURE__ */ i.jsxs("div", { ref: M, onBlur: Ie, className: "input-base-component datepicker-period-container", children: [
-    n.label && /* @__PURE__ */ i.jsxs("div", { className: "labelcontainer", children: [
-      /* @__PURE__ */ i.jsx(he, { required: n.required, className: n.customClassForLabel, labelUppercase: n.labelUppercase }),
-      /* @__PURE__ */ i.jsx("div", { className: "text-content", style: {
-        display: "flex"
-      }, children: /* @__PURE__ */ i.jsxs("div", { className: `label ${n.customClassForLabel} ${n.labelUppercase && " -uppercase"}`, style: {
-        alignSelf: "center"
-      }, children: [
-        n.label,
-        n.required && /* @__PURE__ */ i.jsx("span", { className: "-requiredlabel", children: "*" }),
-        !!B && H === "onLabelRight" && /* @__PURE__ */ i.jsx(qe, { theme: Ce, align: De, iconColor: "#03bde2", customClass: "-hint", style: {
-          margin: "0px 5px",
-          height: "auto",
-          width: 20
-        }, children: B })
-      ] }) }),
-      /* @__PURE__ */ i.jsx(he, {})
-    ] }),
-    /* @__PURE__ */ i.jsxs("div", { className: `periodpicker-component ${Te({
-      ...n,
-      value: l ? r(l).format("DD/MM/YYYY") : "",
-      disabled: z()
-    })}`, ref: x, children: [
-      /* @__PURE__ */ i.jsx(me, { gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueInitial", value: l ? r(l).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
-        N(e, e.target.value, !0);
-      }, onFocus: ie, onBlur: (e) => le(e), onChange: ae, inputRef: (e) => {
-        d.current = e;
-      }, handlerSetOnDenied: (e) => {
-        Z(e);
-      }, required: n.required }),
-      /* @__PURE__ */ i.jsx(W, { name: "arrow_right", customClass: "separation_icon" }),
-      /* @__PURE__ */ i.jsx(me, { gridLayout: void 0, permissionAttr: n.permissionAttr, name: "valueFinal", value: a ? r(a).format("DD/MM/YYYY") : "", mask: "00/00/0000", onComplete: (e) => {
-        N(e, e.target.value, !0);
-      }, onFocus: ie, onBlur: (e) => le(e), onChange: ae, inputRef: (e) => {
-        o.current = e;
-      }, handlerSetOnDenied: (e) => Z(e), required: n.required }),
-      we(),
-      je()
-    ] }),
-    h && Se(),
-    Y && Be(),
-    y && Pe(),
-    /* @__PURE__ */ i.jsx(Le, { visible: !!B && H === "below", customClass: "hint", description: B }),
-    /* @__PURE__ */ i.jsx(Ae, { messages: n.errorMessages })
-  ] });
-  return J ? /* @__PURE__ */ i.jsx(Ve, { customClass: "-withinput", cols: J, children: se() }) : se();
-};
-export {
-  on as default
+import e from "../../gridlayout/index.js";
+import t from "../../icons/index.js";
+import n from "../../buttons/index.js";
+import { ErrorMessage as r } from "../errorMessage/index.js";
+import i from "../../textContent/index.js";
+import ee from "../../popover/index.js";
+import te from "../../hint/index.js";
+import a from "../../node_modules/moment/dist/moment.js";
+import ne from "../../calendar/index.js";
+import { getInputWrapperClass as re } from "../base/helpers.js";
+import o from "../mask/BaseMask.js";
+import '../../assets/styles/periodpicker.css';/* empty css                               */
+import ie from "./PeriodList.js";
+import s from "./Dropdown.js";
+import c from "./Dialog.js";
+import { useCallback as l, useEffect as u, useId as ae, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/lib/inputs/period/index.tsx
+var h = (h) => {
+	let { showButtonOpen: g = !0, openOnFocus: oe = !0, shouldCloseOnSelect: _ = !0, calendarColorStyle: v, showCalendarInDialog: y = !1, dialogSize: b = {
+		width: "350px",
+		height: "350px"
+	}, hint: x, hintPosition: se = "below", themePopover: ce = "light", popoverAlign: le = "left", gridLayout: ue } = h, de = ae(), fe = ae(), [S, C] = f(h.value && a(h.value.initial, "DD/MM/YYYY")), [w, T] = f(h.value && a(h.value.final, "DD/MM/YYYY")), [E, D] = f("week"), [O, k] = f(!1), [A, j] = f(!1), [M, N] = f(!1), [P, F] = f(), [I, L] = f(), [R, z] = f("valueInitial"), B = d(null), V = d(null), H = d(null), pe = d(null), U = d(null), me = d(null), W = d(null), G = d(null), K = d(null), q = () => {
+		F(V?.current?.getBoundingClientRect());
+	}, he = (e) => {
+		let t = !B.current?.contains(e.relatedTarget);
+		!y && O && t && k(!1), !y && A && t && j(!1);
+	}, ge = (e) => {
+		let { target: t } = e, n = t;
+		K.current && e && e.key && e.key === "Escape" && (e.preventDefault(), n.focus(), O && (n.id !== "valueInitial" && H.current?.focus(), k(!1)), A && (n.id !== "valueFinal" && G.current?.focus(), j(!1)), M && (N(!1), G.current?.focus(), j(!1))), e.stopPropagation();
+	}, J = () => {
+		let e = V.current?.getBoundingClientRect(), t = e && e.bottom;
+		W && W.current && e && (W.current.style.top = String(t).concat("px"));
+	}, _e = (e) => {
+		e === "valueInitial" && (z("valueInitial"), j(!1), O || (H.current?.focus(), y && setTimeout(() => {
+			U.current?.focus();
+		}, 100), k(!0))), e === "valueFinal" && (z("valueFinal"), k(!1), A || (G.current?.focus(), y && setTimeout(() => {
+			U.current?.focus();
+		}, 100), j(!0))), V.current && F(V.current.getBoundingClientRect());
+	}, ve = (e) => {
+		e === "valueInitial" && H.current?.focus(), e === "valueFinal" && G.current?.focus(), k(!1), j(!1);
+	}, ye = (e) => {
+		let t = e.initial ? e.initial.format("YYYY-MM-DD") : "", n = e.final ? e.final.format("YYYY-MM-DD") : "";
+		h?.onChange?.(void 0, "", {
+			initial: t,
+			final: n
+		});
+	}, Y = (e) => {
+		setTimeout(() => {
+			e === "valueInitial" && (H.current?.focus(), k(!1)), e === "valueFinal" && (G.current?.focus(), j(!1)), e === "periodSelection" && (N(!1), G.current?.focus(), j(!1));
+		}, 100);
+	}, be = (e) => {
+		let { name: t } = e.target;
+		oe && _e(t), h.onFocus && h.onFocus(e);
+	}, xe = (e) => {
+		h.onBlur && h.onBlur(e);
+	}, Se = (e) => {
+		if (e) {
+			let { name: t, value: n } = e.target;
+			String(n).trim().length === 0 && (t === "valueInitial" ? C(void 0) : T(void 0));
+		}
+	}, X = (e, t, n = !0) => {
+		let r = e ? e.target.name : "", i = a(t, "DD/MM/YYYY");
+		O && H.current?.focus(), A && G.current?.focus(), r === "valueInitial" ? (C(i), ye({
+			initial: i,
+			final: w
+		})) : (T(i), ye({
+			initial: S,
+			final: i
+		})), r === "valueInitial" && !w && n && (G.current?.focus(), j(!0)), _ && (k(!1), j(!1));
+	}, Z = () => {
+		let { disabled: e } = h;
+		return e || I && (I.disabled || I.hideContent);
+	}, Ce = l(() => g ? /* @__PURE__ */ p(n, {
+		boxShadow: !1,
+		disabled: Z(),
+		customClass: "calendar-button",
+		icon: /* @__PURE__ */ p(t, { name: "calendar" }),
+		onClick: () => {
+			A || O ? ve(R) : _e(R);
+		},
+		tabIndex: -1,
+		targetRef: (e) => {
+			pe.current = e;
+		}
+	}, "button-open") : null, [A, O]), we = (e, t) => /* @__PURE__ */ p(ie, {
+		selected: e,
+		handleOnSelect: t
+	}), Te = () => {
+		j(!1), k(!1), N(!0), V.current && F(V.current.getBoundingClientRect());
+	}, Ee = () => {
+		N(!1), G.current?.focus(), j(!1);
+	}, De = l(() => /* @__PURE__ */ p(n, {
+		disabled: Z(),
+		tabIndex: -1,
+		customClass: "calendar-button",
+		icon: /* @__PURE__ */ p(t, { name: "more1" }),
+		onBlur: () => setTimeout(() => N(!1), 100),
+		onClick: () => M ? Ee() : Te(),
+		targetRef: (e) => {
+			me.current = e;
+		}
+	}, "button-select-period"), [M]), Q = (e, t, n) => /* @__PURE__ */ p(ne, {
+		colorStyle: t,
+		currentDate: e === void 0 ? a() : a(e),
+		calendarContainer: (e) => {
+			K.current = e;
+		},
+		onDateChange: (e) => X({ target: { name: n } }, e),
+		currentDateButton: (e) => U.current = e
+	}), Oe = (e, t) => {
+		if (e === "custom") {
+			H.current?.focus(), D(e), N(!1);
+			return;
+		}
+		D(e), t && (C(t[0]), T(t[1])), _ && N(!1), G.current?.focus(), j(!1);
+	}, ke = () => I && I.readOnly ? null : (K && K.current && (K.current.id = "valueInitial"), y ? /* @__PURE__ */ p(c, {
+		handlerClose: () => Y("valueInitial"),
+		dialogSize: b,
+		onOpenChange: k,
+		children: Q(S, v, "valueInitial")
+	}) : /* @__PURE__ */ p(s, {
+		containerRef: B,
+		showButtonOpen: g,
+		inputDimensions: P,
+		dropdownRef: (e) => {
+			W.current = e;
+		},
+		children: Q(S, v, "valueInitial")
+	})), Ae = () => I && I.readOnly ? null : (K && K.current && (K.current.id = "valueFinal"), y ? /* @__PURE__ */ p(c, {
+		handlerClose: () => Y("valueFinal"),
+		dialogSize: b,
+		onOpenChange: j,
+		children: Q(w, v, "valueFinal")
+	}) : /* @__PURE__ */ p(s, {
+		containerRef: B,
+		showButtonOpen: g,
+		inputDimensions: P,
+		dropdownRef: (e) => {
+			W.current = e;
+		},
+		children: Q(w, v, "valueFinal")
+	})), je = () => y ? /* @__PURE__ */ p(c, {
+		handlerClose: () => Y("periodSelection"),
+		dialogSize: b,
+		onOpenChange: N,
+		children: we(E, Oe)
+	}) : /* @__PURE__ */ p(s, {
+		containerRef: B,
+		showButtonOpen: g,
+		inputDimensions: P,
+		dropdownRef: (e) => {
+			W.current = e;
+		},
+		children: we(E, Oe)
+	});
+	if (u(() => (window.addEventListener("resize", q), document.addEventListener("scroll", J), document.getElementById("modal-dialog-content")?.addEventListener("scroll", J), V.current && q(), H && H.current && (H.current.id = de), G && G.current && (G.current.id = fe), () => {
+		window.removeEventListener("resize", q), document.removeEventListener("scroll", J), document.getElementById("modal-dialog-content")?.removeEventListener("scroll", J);
+	}), []), u(() => (document.addEventListener("keydown", ge), () => {
+		document.removeEventListener("keydown", ge);
+	}), [
+		A,
+		O,
+		M,
+		K.current
+	]), u(() => {
+		if (w && S && a(w).isBefore(a(S))) C(w), T(S);
+		else if (h.onChange) {
+			let e = S ? S.format("YYYY-MM-DD") : "", t = w ? w.format("YYYY-MM-DD") : "";
+			h.onChange(void 0, "", {
+				initial: e,
+				final: t
+			});
+		}
+	}, [S, w]), u(() => {
+		if (h.value && !(a(h.value.initial).isSame(S) || a(h.value.final).isSame(w))) {
+			let { initial: e, final: t } = h.value, n, r;
+			a(e, "YYYY-MM-DD", !0).isValid() && (n = a(e, "YYYY-MM-DD")), a(t, "YYYY-MM-DD", !0).isValid() && (r = a(t, "YYYY-MM-DD")), C(n), T(r);
+		}
+	}, [h.value]), I && I.unvisible) return null;
+	let $ = () => /* @__PURE__ */ m("div", {
+		ref: B,
+		onBlur: he,
+		className: "input-base-component datepicker-period-container",
+		children: [
+			h.label && /* @__PURE__ */ m("div", {
+				className: "labelcontainer",
+				children: [
+					/* @__PURE__ */ p(i, {
+						required: h.required,
+						className: h.customClassForLabel,
+						labelUppercase: h.labelUppercase
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "text-content",
+						style: { display: "flex" },
+						children: /* @__PURE__ */ m("div", {
+							className: `label ${h.customClassForLabel} ${h.labelUppercase && " -uppercase"}`,
+							style: { alignSelf: "center" },
+							children: [
+								h.label,
+								h.required && /* @__PURE__ */ p("span", {
+									className: "-requiredlabel",
+									children: "*"
+								}),
+								!!x && se === "onLabelRight" && /* @__PURE__ */ p(ee, {
+									theme: ce,
+									align: le,
+									iconColor: "#03bde2",
+									customClass: "-hint",
+									style: {
+										margin: "0px 5px",
+										height: "auto",
+										width: 20
+									},
+									children: x
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ p(i, {})
+				]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: `periodpicker-component ${re({
+					...h,
+					value: S ? a(S).format("DD/MM/YYYY") : "",
+					disabled: Z()
+				})}`,
+				ref: V,
+				children: [
+					/* @__PURE__ */ p(o, {
+						gridLayout: void 0,
+						permissionAttr: h.permissionAttr,
+						name: "valueInitial",
+						value: S ? a(S).format("DD/MM/YYYY") : "",
+						mask: "00/00/0000",
+						onComplete: (e) => {
+							X(e, e.target.value, !0);
+						},
+						onFocus: be,
+						onBlur: (e) => xe(e),
+						onChange: Se,
+						inputRef: (e) => {
+							H.current = e;
+						},
+						handlerSetOnDenied: (e) => {
+							L(e);
+						},
+						required: h.required
+					}),
+					/* @__PURE__ */ p(t, {
+						name: "arrow_right",
+						customClass: "separation_icon"
+					}),
+					/* @__PURE__ */ p(o, {
+						gridLayout: void 0,
+						permissionAttr: h.permissionAttr,
+						name: "valueFinal",
+						value: w ? a(w).format("DD/MM/YYYY") : "",
+						mask: "00/00/0000",
+						onComplete: (e) => {
+							X(e, e.target.value, !0);
+						},
+						onFocus: be,
+						onBlur: (e) => xe(e),
+						onChange: Se,
+						inputRef: (e) => {
+							G.current = e;
+						},
+						handlerSetOnDenied: (e) => L(e),
+						required: h.required
+					}),
+					Ce(),
+					De()
+				]
+			}),
+			O && ke(),
+			A && Ae(),
+			M && je(),
+			/* @__PURE__ */ p(te, {
+				visible: !!x && se === "below",
+				customClass: "hint",
+				description: x
+			}),
+			/* @__PURE__ */ p(r, { messages: h.errorMessages })
+		]
+	});
+	return ue ? /* @__PURE__ */ p(e, {
+		customClass: "-withinput",
+		cols: ue,
+		children: $()
+	}) : $();
 };
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=index.js.map