se-design 1.0.59 → 1.0.61-dev

package/dist/index49.js

@@ -1,380 +1,59 @@
-import o, { useState as E } from "react";
-import { Button as S } from "./index3.js";
-import { Icon as T } from "./index5.js";
-import { Dropdown as Q } from "./index23.js";
+import r from "react";
+import { Icon as s } from "./index5.js";
+import { Popover as d } from "./index18.js";
+import { MenuList as b } from "./index17.js";
 /* empty css         */
-const fe = ["S", "M", "T", "W", "T", "F", "S"], pe = ["Today", "Yesterday", "This Week", "Last Week", "This Month", "Last Month"], O = [{
-  value: "january",
-  label: "January"
-}, {
-  value: "february",
-  label: "February"
-}, {
-  value: "march",
-  label: "March"
-}, {
-  value: "april",
-  label: "April"
-}, {
-  value: "may",
-  label: "May"
-}, {
-  value: "june",
-  label: "June"
-}, {
-  value: "july",
-  label: "July"
-}, {
-  value: "august",
-  label: "August"
-}, {
-  value: "september",
-  label: "September"
-}, {
-  value: "october",
-  label: "October"
-}, {
-  value: "november",
-  label: "November"
-}, {
-  value: "december",
-  label: "December"
-}], ke = ({
-  title: U = "Select modified date",
-  // isOpen = true,
-  showHeader: G = !0,
-  initialStartDate: R,
-  initialEndDate: L,
-  onApply: x = () => {
-  },
-  onClose: N,
-  shouldAllowFutureDateSelection: b = !1,
-  maxDays: D,
-  disablePastDates: $ = !1,
-  singleDateSelection: W = !1,
-  minYearOption: K,
-  showQuickActions: P = !1,
-  showSingleMonth: Y = !1,
-  className: X = "",
-  automationId: m = "datepicker",
-  labels: j = {
-    clear: "Clear",
-    apply: "Apply"
-  }
+const v = ({
+  crumbs: a,
+  onCrumbClick: o,
+  className: m
 }) => {
-  const Z = () => {
-    if (R && L)
-      return {
-        startDate: R,
-        endDate: L
-      };
-    const t = /* @__PURE__ */ new Date();
-    t.setHours(23, 59, 59, 999);
-    const e = /* @__PURE__ */ new Date();
-    return e.setHours(0, 0, 0, 0), {
-      startDate: e,
-      endDate: t
-    };
-  }, ee = () => {
-    const t = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
-    return t.setDate(1), e.setDate(1), Y || e.setMonth(e.getMonth() - 1), t.setHours(0, 0, 0, 0), e.setHours(0, 0, 0, 0), [e, t];
-  }, [c, w] = E(Z), [A] = E(ee), [v, C] = E(() => A[0]), [F, B] = E(() => A[1]), te = (t, e) => new Date(t, e + 1, 0).getDate(), ae = (t, e) => new Date(t, e, 1).getDay(), ne = (t, e) => {
-    const a = te(t, e), r = ae(t, e), d = [];
-    for (let s = 0; s < r; s++)
-      d.push(null);
-    for (let s = 1; s <= a; s++) {
-      const i = new Date(t, e, s);
-      i.setHours(0, 0, 0, 0), d.push(i);
-    }
-    return d;
-  }, h = (t, e) => t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear(), re = (t) => {
-    if (!c.startDate || !c.endDate) return !1;
-    const e = new Date(t);
-    e.setHours(12, 0, 0, 0);
-    const a = new Date(c.startDate);
-    a.setHours(0, 0, 0, 0);
-    const r = new Date(c.endDate);
-    return r.setHours(23, 59, 59, 999), e >= a && e <= r;
-  }, oe = (t) => {
-    const e = /* @__PURE__ */ new Date();
-    return t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear();
-  }, z = (t) => {
-    if (!t) return !0;
-    const e = /* @__PURE__ */ new Date();
-    e.setHours(0, 0, 0, 0);
-    const a = new Date(t);
-    if (a.setHours(0, 0, 0, 0), $ && a < e)
-      return !0;
-    if (D != null) {
-      const r = new Date(e);
-      return r.setDate(r.getDate() + D), r.setHours(0, 0, 0, 0), a > r;
-    }
-    return b ? !1 : a > e;
-  }, se = (t) => {
-    if (z(t)) return;
-    const e = new Date(t);
-    if (e.setHours(12, 0, 0, 0), W) {
-      w({
-        startDate: e,
-        endDate: e
-      }), x({
-        startDate: e,
-        endDate: e
-      }), N?.();
-      return;
-    }
-    if (!c.startDate || c.endDate)
-      w({
-        startDate: e,
-        endDate: null
-      });
-    else {
-      const a = new Date(c.startDate);
-      a.setHours(12, 0, 0, 0);
-      const r = e > a ? e : a, d = e > a ? a : e;
-      w({
-        startDate: d,
-        endDate: r
-      });
-    }
-  }, I = (t, e) => {
-    const a = new Date(t);
-    return a.setMonth(a.getMonth() + (e ? 1 : -1)), a;
-  }, q = (t, e) => t.getTime() > e.getTime() ? [e, t] : [t, e], y = (t, e) => {
-    if (Y) {
-      C(t);
-      return;
-    }
-    if (e) {
-      const [a, r] = q(t, F);
-      C(a), r !== F && B(r);
-    } else {
-      const [a, r] = q(v, t);
-      a !== v && C(a), B(r);
-    }
-  }, le = (t) => c?.startDate ? h(t, c.startDate) : !1, ce = (t) => c?.endDate ? h(t, c?.endDate) : !1, ie = (t) => !c.startDate || !c.endDate ? !1 : h(c.startDate, c.endDate) && h(t, c.startDate), ue = (t, e) => {
-    const a = K || t - 10;
-    let r = b ? t + 10 : t;
-    if (D) {
-      const s = /* @__PURE__ */ new Date(), i = new Date(s);
-      i.setDate(i.getDate() + D);
-      const n = i.getFullYear();
-      r = Math.min(r, n);
-    }
-    r = Math.max(r, e);
-    const d = r - a + 1;
-    return Array.from({
-      length: d
-    }, (s, i) => ({
-      value: a + i,
-      label: (a + i).toString()
-    })).filter((s) => {
-      if (s.value === e)
-        return !0;
-      if (!b && s.value > t)
-        return !1;
-      if (D) {
-        const i = /* @__PURE__ */ new Date(), n = new Date(i);
-        return n.setDate(n.getDate() + D), s.value <= n.getFullYear();
-      }
-      return !0;
-    });
-  }, De = () => {
-    const t = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
-    e.setHours(0, 0, 0, 0), t.setHours(23, 59, 59, 999), w({
-      startDate: e,
-      endDate: t
-    });
-  }, f = (t) => {
-    const e = new Date(t);
-    return e.setHours(0, 0, 0, 0), e;
-  }, p = (t) => {
-    const e = new Date(t);
-    return e.setHours(23, 59, 59, 999), e;
-  }, de = (t) => {
-    const e = /* @__PURE__ */ new Date();
-    let a = /* @__PURE__ */ new Date(), r = /* @__PURE__ */ new Date();
-    switch (t) {
-      case "Today":
-        a = f(e), r = p(e);
-        break;
-      case "Yesterday":
-        a = f(new Date(e.setDate(e.getDate() - 1))), r = p(new Date(e));
-        break;
-      case "This Week":
-        const d = new Date(e.setDate(e.getDate() - e.getDay()));
-        a = f(d), r = p(/* @__PURE__ */ new Date());
-        break;
-      case "Last Week":
-        const s = new Date(e.setDate(e.getDate() - e.getDay() - 7)), i = new Date(e.setDate(s.getDate() + 6));
-        a = f(s), r = p(i);
-        break;
-      case "This Month":
-        a = f(new Date(e.getFullYear(), e.getMonth(), 1)), r = p(/* @__PURE__ */ new Date());
-        break;
-      case "Last Month":
-        a = f(new Date(e.getFullYear(), e.getMonth() - 1, 1)), r = p(new Date(e.getFullYear(), e.getMonth(), 0));
-        break;
-    }
-    w({
-      startDate: a,
-      endDate: r
-    });
-  }, ge = () => /* @__PURE__ */ o.createElement("div", {
-    className: "w-[147px] p-4 border-r border-[var(--color-gray-200)]"
-  }, /* @__PURE__ */ o.createElement("div", {
-    className: "flex flex-col gap-3"
-  }, pe.map((t) => /* @__PURE__ */ o.createElement(S, {
-    key: t,
-    label: t,
-    type: "link",
-    onClick: () => de(t)
-  })))), me = () => {
-    const {
-      startDate: t = null,
-      endDate: e = null
-    } = c;
-    if (t && e) {
-      x({
-        startDate: t,
-        endDate: e
-      });
-      return;
-    }
-    if (t || e) {
-      const a = t || e;
-      x({
-        startDate: a,
-        endDate: a
-      });
-    }
-  }, H = (t) => {
-    const e = t.getFullYear(), a = t.getMonth(), r = ne(e, a), d = (/* @__PURE__ */ new Date()).getFullYear(), s = t.getTime() === v.getTime(), i = ue(d, e);
-    return /* @__PURE__ */ o.createElement("div", {
-      className: "se-design-calendar-container w-fit p-4"
-    }, /* @__PURE__ */ o.createElement("div", {
-      className: "flex justify-between items-center"
-    }, /* @__PURE__ */ o.createElement(T, {
-      name: "chevron",
-      rotation: "90",
-      size: 16,
-      onClick: () => {
-        const n = I(t, !1);
-        if ($) {
-          const l = /* @__PURE__ */ new Date();
-          if (l.setHours(0, 0, 0, 0), n < l && n.getMonth() !== l.getMonth())
-            return;
-        }
-        y(n, s);
-      },
-      className: `datepicker-navigation-icon ${$ && t.getMonth() === (/* @__PURE__ */ new Date()).getMonth() && t.getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "disabled" : ""}`,
-      automationId: `${m}-previous-month`
-    }), /* @__PURE__ */ o.createElement("div", {
-      className: "flex gap-2",
-      onClick: (n) => n.stopPropagation()
-    }, /* @__PURE__ */ o.createElement(Q, {
-      type: "select",
-      dropDownOptions: O,
-      defaultSelectedValue: O[a],
-      selectBy: "label",
-      optionsUniqueBy: "value",
-      displaySelected: !0,
-      onOptionClick: (n) => {
-        const l = new Date(t);
-        l.setMonth(O.findIndex((u) => u.value === n.value)), y(l, s);
-      },
-      className: "w-[124px] dropdown-option-container"
-    }), /* @__PURE__ */ o.createElement(Q, {
-      type: "select",
-      dropDownOptions: i,
-      defaultSelectedValue: i.find((n) => n.value === e),
-      selectBy: "label",
-      optionsUniqueBy: "value",
-      displaySelected: !0,
-      onOptionClick: (n) => {
-        const l = new Date(t);
-        l.setFullYear(n.value), y(l, s);
-      },
-      className: "w-[104px] dropdown-option-container"
-    })), /* @__PURE__ */ o.createElement(T, {
-      name: "chevron",
-      rotation: "270",
-      size: 16,
-      className: `datepicker-navigation-icon ${!b && a === (/* @__PURE__ */ new Date()).getMonth() && e === (/* @__PURE__ */ new Date()).getFullYear() || D !== void 0 && (() => {
-        const n = /* @__PURE__ */ new Date(), l = new Date(n);
-        return l.setDate(l.getDate() + D), t.getMonth() === l.getMonth() && t.getFullYear() === l.getFullYear();
-      })() ? "disabled" : ""}`,
-      onClick: () => {
-        const n = I(t, !0);
-        if (D !== void 0) {
-          const l = /* @__PURE__ */ new Date(), u = new Date(l);
-          if (u.setDate(u.getDate() + D), n > u)
-            return;
-        }
-        y(n, s);
-      },
-      automationId: `${m}-next-month`
-    })), /* @__PURE__ */ o.createElement("div", {
-      className: "grid grid-cols-7 gap-2 mt-3"
-    }, fe.map((n, l) => /* @__PURE__ */ o.createElement("div", {
-      key: `${n}-${l}`,
-      className: "datepicker-weekdays"
-    }, n)), r.map((n, l) => {
-      const u = n && le(n), g = n && ce(n), k = n && ie(n), J = n && !u && !g && re(n), V = n && oe(n), M = z(n), _ = n?.getDate();
-      return /* @__PURE__ */ o.createElement("div", {
-        key: `${n}-${l}`,
-        onClick: () => !M && n && se(n),
-        className: `
-                  relative h-10 w-10 flex items-center justify-center transition-colors rounded-md
-                  ${M ? "cursor-not-allowed text-[var(--color-gray-600)] hover:bg-transparent" : "cursor-pointer"}
-                  ${k ? "bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]" : ""}
-                  ${!k && u ? "bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]" : ""}
-                  ${!k && g ? "bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]" : ""}
-                  ${!u && !g && J ? "bg-[var(--color-blue-100)] text-[var(--color-blue-600)]" : ""}
-                  ${!u && !g && !J && !M ? "hover:bg-[var(--color-blue-100)]" : ""}
-                  ${V && !u && !g ? "text-[var(--color-blue-500)]" : ""}
-                  ${!M && !u && !g && !V ? "text-[var(--color-gray-700)]" : ""}
-                `,
-        "data-automation-id": `${m}-date-${_}`
-      }, n ? /* @__PURE__ */ o.createElement(o.Fragment, null, _, !k && (u || g) && /* @__PURE__ */ o.createElement("div", {
-        className: `absolute top-0 bottom-0 ${u ? "right-[-8px]" : "left-[-8px]"} w-[8px]
-                        bg-[var(--color-blue-100)] -z-10`
-      })) : "");
-    })));
+  const n = a?.length > 3, i = n ? a?.slice(-2) : a, l = n ? a?.slice(0, -2) : [], c = (t) => {
+    let e = "se-design-breadcrumbs-item-label inline-flex items-center w-fit";
+    return i?.length === 1 ? `${e} single-crumb` : t === i?.length - 1 ? `${e} highlighted-crumb` : `${e} cursor-pointer unhighlighted-crumb`;
   };
-  return /* @__PURE__ */ o.createElement("div", {
-    className: `se-design-datepicker-container flex flex-col bg-[var(--color-white)] rounded-md shadow-md w-max ${X}`
-  }, G && /* @__PURE__ */ o.createElement("div", {
-    className: "se-design-datepicker-header flex justify-between items-center border-b border-[var(--color-gray-200)] p-4"
-  }, /* @__PURE__ */ o.createElement("h2", {
-    className: "datepicker-title"
-  }, U), N && /* @__PURE__ */ o.createElement(T, {
-    name: "close",
-    size: 16,
-    onClick: N,
-    className: "cursor-pointer",
-    automationId: `${m}-close`
-  })), /* @__PURE__ */ o.createElement("div", {
-    className: "se-design-datepicker-content flex"
-  }, P && ge(), /* @__PURE__ */ o.createElement("div", {
-    className: "flex"
-  }, Y ? H(v) : /* @__PURE__ */ o.createElement(o.Fragment, null, H(v), /* @__PURE__ */ o.createElement("div", {
-    className: "h-full w-[1px] border-r border-[var(--color-gray-200)]"
-  }), H(F)))), !W && /* @__PURE__ */ o.createElement("div", {
-    className: "se-design-datepicker-footer flex justify-end items-center gap-5 p-4 border-t border-[var(--color-gray-200)]"
-  }, /* @__PURE__ */ o.createElement(S, {
-    label: j?.clear || "Clear",
-    type: "link",
-    onClick: De,
-    "data-automation-id": `${m}-clear-button`
-  }), /* @__PURE__ */ o.createElement(S, {
-    label: j?.apply || "Apply",
-    type: "primary",
-    onClick: me,
-    "data-automation-id": `${m}-apply-button`
-  })));
+  return /* @__PURE__ */ r.createElement("div", {
+    className: `se-design-breadcrumbs flex items-center ${m}`,
+    "aria-label": "Breadcrumb",
+    "data-automation-id": "breadcrumbs-container"
+  }, l?.length > 0 && /* @__PURE__ */ r.createElement(d, {
+    className: "se-design-overflow-breadcrumbs",
+    position: "bottom-left",
+    noBorder: !0,
+    renderPopoverSrcElement: ({
+      displayPopover: t
+    }) => /* @__PURE__ */ r.createElement("div", {
+      className: `overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${t ? "bg-[var(--color-blue-200)]" : ""}`,
+      "data-automation-id": "breadcrumbs-kebab-menu"
+    }, /* @__PURE__ */ r.createElement(s, {
+      name: "kebab-menu"
+    })),
+    renderPopoverContents: ({
+      closePopoverCb: t
+    }) => /* @__PURE__ */ r.createElement(b, {
+      items: l.map((e) => ({
+        id: String(e?.id),
+        label: e?.label,
+        onClick: () => {
+          o?.(e), t();
+        }
+      }))
+    })
+  }), /* @__PURE__ */ r.createElement("div", {
+    className: "se-design-breadcrumbs-list inline-flex items-center"
+  }, i?.map((t, e) => /* @__PURE__ */ r.createElement("div", {
+    key: t?.id,
+    className: "se-design-breadcrumbs-item inline-flex items-center w-fit text-xl"
+  }, (e > 0 || n) && /* @__PURE__ */ r.createElement(s, {
+    name: "chevron",
+    rotation: "270"
+  }), /* @__PURE__ */ r.createElement("p", {
+    onClick: () => o?.(t),
+    className: c(e),
+    "data-automation-id": t?.automationId || `breadcrumbs-item-${e}`
+  }, t?.label)))));
 };
 export {
-  ke as DatePicker
+  v as BreadCrumbs
 };
 //# sourceMappingURL=index49.js.map

package/dist/index49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index49.js","sources":["../src/components/DatePicker/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../Button';\nimport { Icon } from '../Icon';\nimport { Dropdown } from '../Dropdown';\n\nimport './style.scss';\n\nexport interface DateRange {\n  startDate: Date | null;\n  endDate: Date | null;\n}\n\nexport interface DatePickerProps {\n  title?: string;\n  isOpen?: boolean;\n  initialStartDate?: Date;\n  initialEndDate?: Date;\n  onApply?: (dateRange: DateRange) => void;\n  onClose?: () => void;\n  shouldAllowFutureDateSelection?: boolean;\n  maxDays?: number;\n  disablePastDates?: boolean;\n  singleDateSelection?: boolean;\n  minYearOption?: number;\n  showQuickActions?: boolean;\n  className?: string;\n  automationId?: string;\n  showHeader?: boolean;\n  showSingleMonth?: boolean;\n  labels?: {\n    title?: string;\n    clear?: string;\n    apply?: string;\n  };\n}\n\nconst weekDays = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\nconst quickActions = ['Today', 'Yesterday', 'This Week', 'Last Week', 'This Month', 'Last Month'];\n\nconst months = [\n  { value: 'january', label: 'January' },\n  { value: 'february', label: 'February' },\n  { value: 'march', label: 'March' },\n  { value: 'april', label: 'April' },\n  { value: 'may', label: 'May' },\n  { value: 'june', label: 'June' },\n  { value: 'july', label: 'July' },\n  { value: 'august', label: 'August' },\n  { value: 'september', label: 'September' },\n  { value: 'october', label: 'October' },\n  { value: 'november', label: 'November' },\n  { value: 'december', label: 'December' }\n];\n\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  title = 'Select modified date',\n  // isOpen = true,\n  showHeader = true,\n  initialStartDate,\n  initialEndDate,\n  onApply = () => {},\n  onClose,\n  shouldAllowFutureDateSelection = false,\n  maxDays,\n  disablePastDates = false,\n  singleDateSelection = false,\n  minYearOption,\n  showQuickActions = false,\n  showSingleMonth = false,\n  className = '',\n  automationId = 'datepicker',\n  labels = {\n    clear: 'Clear',\n    apply: 'Apply'\n  }\n}) => {\n  const getDefaultDateRange = (): DateRange => {\n    // If initial start and end dates are provided, use them\n    if (initialStartDate && initialEndDate) {\n      return {\n        startDate: initialStartDate,\n        endDate: initialEndDate\n      };\n    }\n\n    // If no initial dates are provided, use today's date\n    const endDate = new Date();\n    endDate.setHours(23, 59, 59, 999); // End of today\n\n    const startDate = new Date();\n    startDate.setHours(0, 0, 0, 0); // Start of today\n\n    return { startDate, endDate };\n  };\n\n  const getDefaultMonths = (): [Date, Date] => {\n    const today = new Date();\n    const lastMonth = new Date();\n\n    // Set both to first day of their respective months\n    today.setDate(1);\n    lastMonth.setDate(1);\n\n    if (!showSingleMonth) {\n      lastMonth.setMonth(lastMonth.getMonth() - 1);\n    }\n\n    today.setHours(0, 0, 0, 0);\n    lastMonth.setHours(0, 0, 0, 0);\n\n    return [lastMonth, today];\n  };\n\n  const [selectedRange, setSelectedRange] = useState<DateRange>(getDefaultDateRange);\n  const [defaultMonths, _] = useState(getDefaultMonths);\n  const [leftMonth, setLeftMonth] = useState(() => defaultMonths[0]);\n  const [rightMonth, setRightMonth] = useState(() => defaultMonths[1]);\n\n  const getDaysInMonth = (year: number, month: number) => {\n    return new Date(year, month + 1, 0).getDate();\n  };\n\n  const getFirstDayOfMonth = (year: number, month: number) => {\n    return new Date(year, month, 1).getDay();\n  };\n\n  const generateCalendarDays = (year: number, month: number) => {\n    const daysInMonth = getDaysInMonth(year, month);\n    const firstDay = getFirstDayOfMonth(year, month);\n    const days = [];\n\n    // Add empty cells for days before the first day of the month\n    for (let i = 0; i < firstDay; i++) {\n      days.push(null);\n    }\n\n    // Add the days of the month\n    for (let day = 1; day <= daysInMonth; day++) {\n      const date = new Date(year, month, day);\n      date.setHours(0, 0, 0, 0); // Normalize to start of day for consistent comparisons\n      days.push(date);\n    }\n\n    return days;\n  };\n\n  const isSameDay = (date1: Date, date2: Date): boolean => {\n    return (\n      date1.getDate() === date2.getDate() &&\n      date1.getMonth() === date2.getMonth() &&\n      date1.getFullYear() === date2.getFullYear()\n    );\n  };\n\n  const isDateInRange = (date: Date) => {\n    if (!selectedRange.startDate || !selectedRange.endDate) return false;\n\n    const compareDate = new Date(date);\n    compareDate.setHours(12, 0, 0, 0); // Noon to avoid any timezone issues\n\n    const startDate = new Date(selectedRange.startDate);\n    startDate.setHours(0, 0, 0, 0);\n\n    const endDate = new Date(selectedRange.endDate);\n    endDate.setHours(23, 59, 59, 999);\n\n    return compareDate >= startDate && compareDate <= endDate;\n  };\n\n  const isToday = (date: Date) => {\n    const today = new Date();\n    return (\n      date.getDate() === today.getDate() &&\n      date.getMonth() === today.getMonth() &&\n      date.getFullYear() === today.getFullYear()\n    );\n  };\n\n  const isDateDisabled = (date: Date | null) => {\n    if (!date) return true;\n\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    const dateToCheck = new Date(date);\n    dateToCheck.setHours(0, 0, 0, 0);\n\n    // If disablePastDates is true, disable dates before today\n    if (disablePastDates && dateToCheck < today) {\n      return true;\n    }\n\n    // If maxDays is specified, disable dates after maxDays from today\n    if (maxDays !== undefined && maxDays !== null) {\n      const maxDate = new Date(today);\n      maxDate.setDate(maxDate.getDate() + maxDays);\n      maxDate.setHours(0, 0, 0, 0); // Normalize to start of day\n      // Disable all dates after maxDays (dates strictly after maxDate should be disabled)\n      // Dates up to and including maxDate (today + maxDays) are allowed\n      if (dateToCheck > maxDate) {\n        return true;\n      }\n      // If maxDays is set, we're done checking - don't check shouldAllowFutureDateSelection\n      return false;\n    }\n\n    // If shouldAllowFutureDateSelection is false and maxDays is not specified, disable dates after today\n    if (!shouldAllowFutureDateSelection) {\n      return dateToCheck > today;\n    }\n\n    return false;\n  };\n\n  const handleDateClick = (date: Date) => {\n    if (isDateDisabled(date)) return;\n\n    const clickedDate = new Date(date);\n    clickedDate.setHours(12, 0, 0, 0); // Set to noon to avoid timezone issues\n\n    // Single date selection mode - immediately apply on click\n    if (singleDateSelection) {\n      setSelectedRange({ startDate: clickedDate, endDate: clickedDate });\n      onApply({ startDate: clickedDate, endDate: clickedDate });\n      onClose?.();\n      return;\n    }\n\n    // Range selection mode (original behavior)\n    if (!selectedRange.startDate || selectedRange.endDate) {\n      // No dates selected yet, or both dates are selected - start new selection\n      setSelectedRange({ startDate: clickedDate, endDate: null });\n    } else {\n      // Only start date is selected, set end date\n      const currentStart = new Date(selectedRange.startDate);\n      currentStart.setHours(12, 0, 0, 0);\n\n      const endDate = clickedDate > currentStart ? clickedDate : currentStart;\n      const startDate = clickedDate > currentStart ? currentStart : clickedDate;\n\n      setSelectedRange({ startDate, endDate });\n    }\n  };\n\n  const handleMonthNavigation = (date: Date, increment: boolean) => {\n    const newDate = new Date(date);\n    newDate.setMonth(newDate.getMonth() + (increment ? 1 : -1));\n    return newDate;\n  };\n\n  const ensureDateInCorrectOrder = (leftDate: Date, rightDate: Date): [Date, Date] => {\n    if (leftDate.getTime() > rightDate.getTime()) {\n      return [rightDate, leftDate];\n    }\n    return [leftDate, rightDate];\n  };\n\n  const handleMonthChange = (newDate: Date, isLeftCalendar: boolean) => {\n    // For single month view, we only need to set the left month\n    if (showSingleMonth) {\n      setLeftMonth(newDate);\n      return;\n    }\n\n    // For double month view, we need to ensure the dates are in the correct order\n    if (isLeftCalendar) {\n      const [newLeft, newRight] = ensureDateInCorrectOrder(newDate, rightMonth);\n      setLeftMonth(newLeft);\n      if (newRight !== rightMonth) {\n        setRightMonth(newRight);\n      }\n    } else {\n      const [newLeft, newRight] = ensureDateInCorrectOrder(leftMonth, newDate);\n      if (newLeft !== leftMonth) {\n        setLeftMonth(newLeft);\n      }\n      setRightMonth(newRight);\n    }\n  };\n\n  const isStartDate = (date: Date): boolean => {\n    if (!selectedRange?.startDate) return false;\n    return isSameDay(date, selectedRange.startDate);\n  };\n\n  const isEndDate = (date: Date): boolean => {\n    if (!selectedRange?.endDate) return false;\n    return isSameDay(date, selectedRange?.endDate);\n  };\n\n  const isSameStartAndEndDate = (date: Date): boolean => {\n    if (!selectedRange.startDate || !selectedRange.endDate) return false;\n    return isSameDay(selectedRange.startDate, selectedRange.endDate) && isSameDay(date, selectedRange.startDate);\n  };\n\n  const getYearOptions = (currentYear: number, calendarYear: number) => {\n    const startYear = minYearOption || currentYear - 10;\n    let endYear = shouldAllowFutureDateSelection ? currentYear + 10 : currentYear;\n\n    // If maxDays is specified, calculate the maximum year\n    if (maxDays) {\n      const today = new Date();\n      const maxDate = new Date(today);\n      maxDate.setDate(maxDate.getDate() + maxDays);\n      const maxYear = maxDate.getFullYear();\n      // Use the smaller of the two limits\n      endYear = Math.min(endYear, maxYear);\n    }\n\n    endYear = Math.max(endYear, calendarYear);\n\n    const yearCount = endYear - startYear + 1;\n\n    return Array.from({ length: yearCount }, (_, i) => ({\n      value: startYear + i,\n      label: (startYear + i).toString()\n    })).filter((year) => {\n      if (year.value === calendarYear) {\n        return true;\n      }\n      if (!shouldAllowFutureDateSelection && year.value > currentYear) {\n        return false;\n      }\n      // If maxDays is specified, filter out years beyond maxDate\n      if (maxDays) {\n        const today = new Date();\n        const maxDate = new Date(today);\n        maxDate.setDate(maxDate.getDate() + maxDays);\n        return year.value <= maxDate.getFullYear();\n      }\n      return true;\n    });\n  };\n\n  const handleClear = () => {\n    const today = new Date();\n    const startDate = new Date();\n\n    // Set start date to beginning of today\n    startDate.setHours(0, 0, 0, 0);\n\n    // Set end date to end of today\n    today.setHours(23, 59, 59, 999);\n\n    const defaultRange = { startDate, endDate: today };\n    setSelectedRange(defaultRange);\n  };\n\n  const getStartOfDay = (date: Date) => {\n    const newDate = new Date(date);\n    newDate.setHours(0, 0, 0, 0);\n    return newDate;\n  };\n\n  const getEndOfDay = (date: Date) => {\n    const newDate = new Date(date);\n    newDate.setHours(23, 59, 59, 999);\n    return newDate;\n  };\n\n  const handleQuickAction = (action: string) => {\n    const today = new Date();\n    let startDate = new Date();\n    let endDate = new Date();\n\n    switch (action) {\n      case 'Today':\n        startDate = getStartOfDay(today);\n        endDate = getEndOfDay(today);\n        break;\n      case 'Yesterday':\n        startDate = getStartOfDay(new Date(today.setDate(today.getDate() - 1)));\n        endDate = getEndOfDay(new Date(today));\n        break;\n      case 'This Week':\n        const firstDayOfWeek = new Date(today.setDate(today.getDate() - today.getDay()));\n        startDate = getStartOfDay(firstDayOfWeek);\n        endDate = getEndOfDay(new Date());\n        break;\n      case 'Last Week':\n        const lastWeekStart = new Date(today.setDate(today.getDate() - today.getDay() - 7));\n        const lastWeekEnd = new Date(today.setDate(lastWeekStart.getDate() + 6));\n        startDate = getStartOfDay(lastWeekStart);\n        endDate = getEndOfDay(lastWeekEnd);\n        break;\n      case 'This Month':\n        startDate = getStartOfDay(new Date(today.getFullYear(), today.getMonth(), 1));\n        endDate = getEndOfDay(new Date());\n        break;\n      case 'Last Month':\n        startDate = getStartOfDay(new Date(today.getFullYear(), today.getMonth() - 1, 1));\n        endDate = getEndOfDay(new Date(today.getFullYear(), today.getMonth(), 0));\n        break;\n    }\n\n    setSelectedRange({ startDate, endDate });\n  };\n\n  const renderQuickActions = () => {\n    return (\n      <div className=\"w-[147px] p-4 border-r border-[var(--color-gray-200)]\">\n        <div className=\"flex flex-col gap-3\">\n          {quickActions.map((action) => (\n            <Button key={action} label={action} type=\"link\" onClick={() => handleQuickAction(action)} />\n          ))}\n        </div>\n      </div>\n    );\n  };\n\n  const handleApply = () => {\n    const { startDate = null, endDate = null } = selectedRange;\n\n    if (startDate && endDate) {\n      onApply({ startDate, endDate });\n      return;\n    }\n\n    if (startDate || endDate) {\n      const selectedDate = startDate || endDate;\n      onApply({ startDate: selectedDate, endDate: selectedDate });\n    }\n  };\n\n  const renderCalendar = (date: Date) => {\n    const year = date.getFullYear();\n    const month = date.getMonth();\n    const days = generateCalendarDays(year, month);\n    const currentYear = new Date().getFullYear();\n    const isLeftCalendar = date.getTime() === leftMonth.getTime();\n    const yearOptions = getYearOptions(currentYear, year);\n\n    return (\n      <div className=\"se-design-calendar-container w-fit p-4\">\n        <div className=\"flex justify-between items-center\">\n          <Icon\n            name=\"chevron\"\n            rotation=\"90\"\n            size={16}\n            onClick={() => {\n              const newDate = handleMonthNavigation(date, false);\n              // Check if navigating back would go before today when disablePastDates is true\n              if (disablePastDates) {\n                const today = new Date();\n                today.setHours(0, 0, 0, 0);\n                if (newDate < today && newDate.getMonth() !== today.getMonth()) {\n                  return; // Don't navigate to past months\n                }\n              }\n              handleMonthChange(newDate, isLeftCalendar);\n            }}\n            className={`datepicker-navigation-icon ${\n              disablePastDates &&\n              date.getMonth() === new Date().getMonth() &&\n              date.getFullYear() === new Date().getFullYear()\n                ? 'disabled'\n                : ''\n            }`}\n            automationId={`${automationId}-previous-month`}\n          />\n\n          <div className=\"flex gap-2\" onClick={(e) => e.stopPropagation()}>\n            <Dropdown\n              type=\"select\"\n              dropDownOptions={months}\n              defaultSelectedValue={months[month]}\n              selectBy=\"label\"\n              optionsUniqueBy=\"value\"\n              displaySelected={true}\n              onOptionClick={(selectedOption) => {\n                const newDate = new Date(date);\n                newDate.setMonth(months.findIndex((m) => m.value === selectedOption.value));\n                handleMonthChange(newDate, isLeftCalendar);\n              }}\n              className=\"w-[124px] dropdown-option-container\"\n            />\n            <Dropdown\n              type=\"select\"\n              dropDownOptions={yearOptions}\n              defaultSelectedValue={yearOptions.find((y) => y.value === year)}\n              selectBy=\"label\"\n              optionsUniqueBy=\"value\"\n              displaySelected={true}\n              onOptionClick={(selectedOption) => {\n                const newDate = new Date(date);\n                newDate.setFullYear(selectedOption.value);\n                handleMonthChange(newDate, isLeftCalendar);\n              }}\n              className=\"w-[104px] dropdown-option-container\"\n            />\n          </div>\n\n          <Icon\n            name=\"chevron\"\n            rotation=\"270\"\n            size={16}\n            className={`datepicker-navigation-icon ${\n              (!shouldAllowFutureDateSelection &&\n                month === new Date().getMonth() &&\n                year === new Date().getFullYear()) ||\n              (maxDays !== undefined &&\n                (() => {\n                  const today = new Date();\n                  const maxDate = new Date(today);\n                  maxDate.setDate(maxDate.getDate() + maxDays);\n                  return date.getMonth() === maxDate.getMonth() && date.getFullYear() === maxDate.getFullYear();\n                })())\n                ? 'disabled'\n                : ''\n            }`}\n            onClick={() => {\n              const newDate = handleMonthNavigation(date, true);\n              // Check if the new date would exceed maxDays\n              if (maxDays !== undefined) {\n                const today = new Date();\n                const maxDate = new Date(today);\n                maxDate.setDate(maxDate.getDate() + maxDays);\n                if (newDate > maxDate) {\n                  return;\n                }\n              }\n              handleMonthChange(newDate, isLeftCalendar);\n            }}\n            automationId={`${automationId}-next-month`}\n          />\n        </div>\n        <div className=\"grid grid-cols-7 gap-2 mt-3\">\n          {weekDays.map((day, index) => (\n            <div key={`${day}-${index}`} className=\"datepicker-weekdays\">\n              {day}\n            </div>\n          ))}\n          {days.map((date, index) => {\n            const isStart = date && isStartDate(date);\n            const isEnd = date && isEndDate(date);\n            const isSameStartEnd = date && isSameStartAndEndDate(date);\n            const inRange = date && !isStart && !isEnd && isDateInRange(date);\n            const todayDate = date && isToday(date);\n            const disabled = isDateDisabled(date);\n            const dateValue = date?.getDate();\n\n            return (\n              <div\n                key={`${date}-${index}`}\n                onClick={() => !disabled && date && handleDateClick(date)}\n                className={`\n                  relative h-10 w-10 flex items-center justify-center transition-colors rounded-md\n                  ${\n                    disabled ? 'cursor-not-allowed text-[var(--color-gray-600)] hover:bg-transparent' : 'cursor-pointer'\n                  }\n                  ${\n                    isSameStartEnd\n                      ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]'\n                      : ''\n                  }\n                  ${\n                    !isSameStartEnd && isStart\n                      ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]'\n                      : ''\n                  }\n                  ${\n                    !isSameStartEnd && isEnd\n                      ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]'\n                      : ''\n                  }\n                  ${!isStart && !isEnd && inRange ? 'bg-[var(--color-blue-100)] text-[var(--color-blue-600)]' : ''}\n                  ${!isStart && !isEnd && !inRange && !disabled ? 'hover:bg-[var(--color-blue-100)]' : ''}\n                  ${todayDate && !isStart && !isEnd ? 'text-[var(--color-blue-500)]' : ''}\n                  ${!disabled && !isStart && !isEnd && !todayDate ? 'text-[var(--color-gray-700)]' : ''}\n                `}\n                data-automation-id={`${automationId}-date-${dateValue}`}\n              >\n                {date ? (\n                  <>\n                    {dateValue}\n                    {!isSameStartEnd && (isStart || isEnd) && (\n                      <div\n                        className={`absolute top-0 bottom-0 ${isStart ? 'right-[-8px]' : 'left-[-8px]'} w-[8px]\n                        bg-[var(--color-blue-100)] -z-10`}\n                      />\n                    )}\n                  </>\n                ) : (\n                  ''\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={`se-design-datepicker-container flex flex-col bg-[var(--color-white)] rounded-md shadow-md w-max ${className}`}\n    >\n      {showHeader && (\n        <div className=\"se-design-datepicker-header flex justify-between items-center border-b border-[var(--color-gray-200)] p-4\">\n          <h2 className=\"datepicker-title\">{title}</h2>\n          {onClose && (\n            <Icon\n              name=\"close\"\n              size={16}\n              onClick={onClose}\n              className=\"cursor-pointer\"\n              automationId={`${automationId}-close`}\n            />\n          )}\n        </div>\n      )}\n      <div className=\"se-design-datepicker-content flex\">\n        {showQuickActions && renderQuickActions()}\n        <div className=\"flex\">\n          {showSingleMonth ? (\n            renderCalendar(leftMonth)\n          ) : (\n            <>\n              {renderCalendar(leftMonth)}\n              <div className=\"h-full w-[1px] border-r border-[var(--color-gray-200)]\"></div>\n              {renderCalendar(rightMonth)}\n            </>\n          )}\n        </div>\n      </div>\n      {!singleDateSelection && (\n        <div className=\"se-design-datepicker-footer flex justify-end items-center gap-5 p-4 border-t border-[var(--color-gray-200)]\">\n          <Button\n            label={labels?.clear || 'Clear'}\n            type=\"link\"\n            onClick={handleClear}\n            data-automation-id={`${automationId}-clear-button`}\n          />\n          <Button\n            label={labels?.apply || 'Apply'}\n            type=\"primary\"\n            onClick={handleApply}\n            data-automation-id={`${automationId}-apply-button`}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["React__default","useState","Button","Icon","Dropdown","weekDays","quickActions","months","value","label","DatePicker","title","showHeader","initialStartDate","initialEndDate","onApply","onClose","shouldAllowFutureDateSelection","maxDays","disablePastDates","singleDateSelection","minYearOption","showQuickActions","showSingleMonth","className","automationId","labels","clear","apply","getDefaultDateRange","startDate","endDate","Date","setHours","getDefaultMonths","today","lastMonth","setDate","setMonth","getMonth","selectedRange","setSelectedRange","defaultMonths","leftMonth","setLeftMonth","rightMonth","setRightMonth","getDaysInMonth","year","month","getDate","getFirstDayOfMonth","getDay","generateCalendarDays","daysInMonth","firstDay","days","i","push","day","date","isSameDay","date1","date2","getFullYear","isDateInRange","compareDate","isToday","isDateDisabled","dateToCheck","maxDate","handleDateClick","clickedDate","currentStart","handleMonthNavigation","increment","newDate","ensureDateInCorrectOrder","leftDate","rightDate","getTime","handleMonthChange","isLeftCalendar","newLeft","newRight","isStartDate","isEndDate","isSameStartAndEndDate","getYearOptions","currentYear","calendarYear","startYear","endYear","maxYear","Math","min","max","yearCount","Array","from","length","_","toString","filter","handleClear","getStartOfDay","getEndOfDay","handleQuickAction","action","firstDayOfWeek","lastWeekStart","lastWeekEnd","renderQuickActions","React","createElement","map","key","type","onClick","handleApply","selectedDate","renderCalendar","yearOptions","name","rotation","size","e","stopPropagation","dropDownOptions","defaultSelectedValue","selectBy","optionsUniqueBy","displaySelected","onOptionClick","selectedOption","findIndex","m","find","y","setFullYear","undefined","index","isStart","isEnd","isSameStartEnd","inRange","todayDate","disabled","dateValue","Fragment"],"mappings":"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"}
+{"version":3,"file":"index49.js","sources":["../src/components/BreadCrumbs/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon';\nimport { Popover } from '../Popover';\nimport { MenuList } from '../MenuList';\n\nimport './style.scss';\n\ninterface Crumb {\n  id: string | number;\n  label: string;\n  automationId?: string;\n}\n\ninterface BreadCrumbsProps {\n  crumbs: Crumb[];\n  onCrumbClick?: (crumb: Crumb) => void;\n  className?: any;\n}\n\nexport const BreadCrumbs: React.FC<BreadCrumbsProps> = ({ crumbs, onCrumbClick, className }) => {\n  const shouldShowDropdown = crumbs?.length > 3;\n  const visibleCrumbs = shouldShowDropdown ? crumbs?.slice(-2) : crumbs;\n  const dropdownCrumbs = shouldShowDropdown ? crumbs?.slice(0, -2) : [];\n\n  const getLabelClassNames = (index: number) => {\n    let className = 'se-design-breadcrumbs-item-label inline-flex items-center w-fit';\n    if (visibleCrumbs?.length === 1) {\n      return `${className} single-crumb`;\n    }\n\n    if (index === visibleCrumbs?.length - 1) {\n      return `${className} highlighted-crumb`;\n    }\n\n    return `${className} cursor-pointer unhighlighted-crumb`;\n  };\n\n  return (\n    <div className={`se-design-breadcrumbs flex items-center ${className}`} aria-label=\"Breadcrumb\" data-automation-id=\"breadcrumbs-container\">\n      {dropdownCrumbs?.length > 0 && (\n        <Popover\n          className=\"se-design-overflow-breadcrumbs\"\n          position=\"bottom-left\"\n          noBorder\n          renderPopoverSrcElement={({ displayPopover }) => {\n            return (\n              <div\n                className={`overflow-breadcrumbs-src-element px-1.5 py-1.5 rounded-md hover:cursor-pointer ${\n                  displayPopover ? 'bg-[var(--color-blue-200)]' : ''\n                }`}\n                data-automation-id=\"breadcrumbs-kebab-menu\"\n              >\n                <Icon name=\"kebab-menu\" />\n              </div>\n            );\n          }}\n          renderPopoverContents={({ closePopoverCb }) => (\n            <MenuList\n              items={dropdownCrumbs.map((crumb) => ({\n                id: String(crumb?.id),\n                label: crumb?.label,\n                onClick: () => {\n                  onCrumbClick?.(crumb);\n                  closePopoverCb();\n                }\n              }))}\n            />\n          )}\n        />\n      )}\n      <div className=\"se-design-breadcrumbs-list inline-flex items-center\">\n        {visibleCrumbs?.map((crumb, index) => (\n          <div key={crumb?.id} className=\"se-design-breadcrumbs-item inline-flex items-center w-fit text-xl\" >\n            {(index > 0 || shouldShowDropdown) && <Icon name=\"chevron\" rotation={'270'} />}\n            <p onClick={() => onCrumbClick?.(crumb)} className={getLabelClassNames(index)} data-automation-id={crumb?.automationId || `breadcrumbs-item-${index}`}>\n              {crumb?.label}\n            </p>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["BreadCrumbs","crumbs","onCrumbClick","className","shouldShowDropdown","length","visibleCrumbs","slice","dropdownCrumbs","getLabelClassNames","index","React","createElement","Popover","position","noBorder","renderPopoverSrcElement","displayPopover","Icon","name","renderPopoverContents","closePopoverCb","MenuList","items","map","crumb","id","String","label","onClick","key","rotation","automationId"],"mappings":";;;;;AAmBO,MAAMA,IAA0CA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,cAAAA;AAAAA,EAAcC,WAAAA;AAAU,MAAM;AAC9F,QAAMC,IAAqBH,GAAQI,SAAS,GACtCC,IAAgBF,IAAqBH,GAAQM,MAAM,EAAE,IAAIN,GACzDO,IAAiBJ,IAAqBH,GAAQM,MAAM,GAAG,EAAE,IAAI,CAAA,GAE7DE,IAAqBA,CAACC,MAAkB;AAC5C,QAAIP,IAAY;AAChB,WAAIG,GAAeD,WAAW,IACrB,GAAGF,CAAS,kBAGjBO,MAAUJ,GAAeD,SAAS,IAC7B,GAAGF,CAAS,uBAGd,GAAGA,CAAS;AAAA,EACrB;AAEA,SACEQ,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKT,WAAW,2CAA2CA,CAAS;AAAA,IAAI,cAAW;AAAA,IAAa,sBAAmB;AAAA,EAAA,GAChHK,GAAgBH,SAAS,KACxBM,gBAAAA,EAAAC,cAACC,GAAO;AAAA,IACNV,WAAU;AAAA,IACVW,UAAS;AAAA,IACTC,UAAQ;AAAA,IACRC,yBAAyBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MAExBN,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACET,WAAW,kFACTc,IAAiB,+BAA+B,EAAE;AAAA,MAEpD,sBAAmB;AAAA,IAAA,GAEnBN,gBAAAA,EAAAC,cAACM,GAAI;AAAA,MAACC,MAAK;AAAA,IAAA,CAAc,CACtB;AAAA,IAGTC,uBAAuBA,CAAC;AAAA,MAAEC,gBAAAA;AAAAA,IAAAA,MACxBV,gBAAAA,EAAAC,cAACU,GAAQ;AAAA,MACPC,OAAOf,EAAegB,IAAKC,CAAAA,OAAW;AAAA,QACpCC,IAAIC,OAAOF,GAAOC,EAAE;AAAA,QACpBE,OAAOH,GAAOG;AAAAA,QACdC,SAASA,MAAM;AACb3B,UAAAA,IAAeuB,CAAK,GACpBJ,EAAAA;AAAAA,QACF;AAAA,MAAA,EACA;AAAA,IAAA,CACH;AAAA,EAAA,CAEJ,GAEHV,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKT,WAAU;AAAA,EAAA,GACZG,GAAekB,IAAI,CAACC,GAAOf,MAC1BC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKkB,KAAKL,GAAOC;AAAAA,IAAIvB,WAAU;AAAA,EAAA,IAC3BO,IAAQ,KAAKN,MAAuBO,gBAAAA,EAAAC,cAACM,GAAI;AAAA,IAACC,MAAK;AAAA,IAAUY,UAAU;AAAA,EAAA,CAAQ,GAC7EpB,gBAAAA,EAAAC,cAAA,KAAA;AAAA,IAAGiB,SAASA,MAAM3B,IAAeuB,CAAK;AAAA,IAAGtB,WAAWM,EAAmBC,CAAK;AAAA,IAAG,sBAAoBe,GAAOO,gBAAgB,oBAAoBtB,CAAK;AAAA,EAAA,GAChJe,GAAOG,KACP,CACA,CACN,CACE,CACF;AAET;"}