@multiplatform.one/forms 6.0.0

package/dist/cjs/fields/DatePicker/MonthPicker.native.js

@@ -0,0 +1,327 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var MonthPicker_exports = {};
+__export(MonthPicker_exports, {
+  MonthPicker: () => MonthPicker
+});
+module.exports = __toCommonJS(MonthPicker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_Button = require("../../Button/index.native.js");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_utils = require("../../shared/utils.native.js");
+var import_InputParts = require("../../InputParts/index.native.js");
+var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_parts = require("./parts.native.js");
+function formatMonthDisplay(value) {
+  if (!value) return "";
+  return `${import_parts.months[value.month]} ${value.year}`;
+}
+function MonthPickerBody(param) {
+  var {
+    displayDate,
+    selectedValue,
+    onSelectMonth,
+    onSetDisplayDate,
+    minYear,
+    maxYear
+  } = param;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var [viewMode, setViewMode] = (0, import_react.useState)("month");
+  var year = displayDate.getFullYear();
+  var [yearPageStart, setYearPageStart] = (0, import_react.useState)(function () {
+    return year - year % import_parts.yearPageSize;
+  });
+  var handleSelectMonth = (0, import_react.useCallback)(function (month) {
+    onSelectMonth({
+      year,
+      month
+    });
+  }, [year, onSelectMonth]);
+  var handleSelectYear = (0, import_react.useCallback)(function (selectedYear) {
+    var newDate = new Date(displayDate);
+    newDate.setFullYear(selectedYear);
+    onSetDisplayDate(newDate);
+    setViewMode("month");
+  }, [displayDate, onSetDisplayDate]);
+  var handlePrevYear = (0, import_react.useCallback)(function () {
+    var newDate = new Date(displayDate);
+    newDate.setFullYear(newDate.getFullYear() - 1);
+    if (minYear && newDate.getFullYear() < minYear) return;
+    onSetDisplayDate(newDate);
+  }, [displayDate, onSetDisplayDate, minYear]);
+  var handleNextYear = (0, import_react.useCallback)(function () {
+    var newDate = new Date(displayDate);
+    newDate.setFullYear(newDate.getFullYear() + 1);
+    if (maxYear && newDate.getFullYear() > maxYear) return;
+    onSetDisplayDate(newDate);
+  }, [displayDate, onSetDisplayDate, maxYear]);
+  var {
+    animation,
+    animationKey
+  } = (0, import_parts.useDateAnimation)(year);
+  if (viewMode === "year") {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      flexDirection: "column",
+      alignItems: "center",
+      ...knobProps.gapLg,
+      width: "100%",
+      ...knobProps.panelPadding,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.YearGrid, {
+        yearPageStart,
+        selectedYear: year,
+        onSelectYear: handleSelectYear,
+        onPrevPage: function onPrevPage() {
+          return setYearPageStart(function (s) {
+            return s - import_parts.yearPageSize;
+          });
+        },
+        onNextPage: function onNextPage() {
+          return setYearPageStart(function (s) {
+            return s + import_parts.yearPageSize;
+          });
+        }
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+    flexDirection: "column",
+    alignItems: "center",
+    ...knobProps.gapLg,
+    width: "100%",
+    ...knobProps.panelPadding,
+    ...animation,
+    transition: "medium",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+      flexDirection: "row",
+      width: "100%",
+      alignItems: "center",
+      justifyContent: "space-between",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        circular: true,
+        size: knobProps.sizeToken,
+        chromeless: true,
+        scaleIcon: 1.5,
+        onPress: handlePrevYear,
+        disabled: minYear !== void 0 && year <= minYear,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
+          children: "\u25C0"
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        onPress: function onPress() {
+          return setViewMode("year");
+        },
+        chromeless: true,
+        padding: 0,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          fontSize: knobProps.sizeToken,
+          color: "$color",
+          ...knobProps.body,
+          ...knobProps.textWeight,
+          children: year
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+        circular: true,
+        size: knobProps.sizeToken,
+        chromeless: true,
+        scaleIcon: 1.5,
+        onPress: handleNextYear,
+        disabled: maxYear !== void 0 && year >= maxYear,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
+          children: "\u25B6"
+        })
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.MonthGrid, {
+      currentYear: year,
+      selectedMonth: (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.year) === year ? selectedValue.month : -1,
+      onSelectMonth: handleSelectMonth
+    })]
+  }, animationKey);
+}
+function MonthPicker(props) {
+  var {
+    defaultValue,
+    form,
+    inputProps: _inputProps,
+    placeholder = "Select month",
+    minYear,
+    maxYear,
+    disabled,
+    mode,
+    name,
+    preserveValue,
+    validators,
+    label,
+    labelProps,
+    error: errorProp,
+    helperText,
+    required,
+    size,
+    readOnly,
+    onBlur: _onBlur,
+    skeleton,
+    compact,
+    id: idProp,
+    ..._restProps
+  } = (0, import_tamagui.useProps)(props);
+  var {
+    resolvedForm,
+    knobProps,
+    id
+  } = (0, import_utils.useFormField)({
+    form,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var [open, setOpen] = (0, import_react.useState)(false);
+  var [selectedValue, setSelectedValue] = (0, import_react.useState)(null);
+  var {
+    displayDate,
+    setDisplayDate
+  } = (0, import_parts.useDateNavigation)();
+  var popoverRef = (0, import_react.useRef)(null);
+  var closePopover = (0, import_react.useCallback)(function () {
+    var _popoverRef_current;
+    setOpen(false);
+    (_popoverRef_current = popoverRef.current) === null || _popoverRef_current === void 0 ? void 0 : _popoverRef_current.close();
+  }, []);
+  (0, import_react.useEffect)(function () {
+    if (selectedValue) closePopover();
+  }, [selectedValue, closePopover]);
+  var handleMonthSelect = (0, import_react.useCallback)(function (value) {
+    if (minYear && value.year < minYear) return;
+    if (maxYear && value.year > maxYear) return;
+    setSelectedValue(value);
+    closePopover();
+  }, [minYear, maxYear, closePopover]);
+  var handleClear = (0, import_react.useCallback)(function () {
+    setSelectedValue(null);
+    setDisplayDate(/* @__PURE__ */new Date());
+  }, [setDisplayDate]);
+  var pickerContent = /* @__PURE__ */(0, import_jsx_runtime.jsx)(MonthPickerBody, {
+    displayDate,
+    selectedValue,
+    onSelectMonth: handleMonthSelect,
+    onSetDisplayDate: setDisplayDate,
+    minYear,
+    maxYear
+  });
+  var renderPopover = function renderPopover2(hasError, blurHandler) {
+    if (readOnly) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Box, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+          value: formatMonthDisplay(selectedValue),
+          readOnly: true,
+          "aria-readonly": "true",
+          "aria-required": required || void 0,
+          "aria-invalid": hasError || void 0,
+          placeholder
+        })
+      });
+    }
+    var handleOpenChange = function handleOpenChange2(isOpen) {
+      setOpen(isOpen);
+      if (!isOpen) blurHandler === null || blurHandler === void 0 ? void 0 : blurHandler();
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.DatePickerPopoverShell, {
+      open,
+      onOpenChange: handleOpenChange,
+      popoverRef,
+      trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_parts.DatePickerInputTrigger, {
+        value: formatMonthDisplay(selectedValue),
+        placeholder,
+        disabled,
+        onReset: handleClear,
+        onButtonPress: function onButtonPress() {
+          return setOpen(true);
+        },
+        error: !!hasError,
+        "aria-required": required || void 0,
+        "aria-invalid": hasError || void 0
+      }),
+      children: pickerContent
+    });
+  };
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+        variant: "rounded",
+        width: "100%",
+        height: knobProps.sizeToken
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: errorProp,
+      helperText,
+      required,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+        size: size || knobProps.sizeToken,
+        children: renderPopover(!!errorProp)
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
+    defaultValue,
+    form: resolvedForm,
+    mode,
+    name,
+    preserveValue,
+    validators: resolvedValidators,
+    children: function children(field) {
+      var resolvedError = (0, import_utils.getFieldError)(field, errorProp);
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+        id,
+        label,
+        labelProps,
+        error: resolvedError,
+        helperText,
+        required,
+        size,
+        knobProps,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+          size: size || knobProps.sizeToken,
+          children: renderPopover(!!resolvedError, (0, import_utils.mergeFieldHandler)(field, "handleBlur", _onBlur))
+        })
+      });
+    }
+  });
+}
+//# sourceMappingURL=MonthPicker.native.js.map

package/dist/cjs/fields/DatePicker/MonthPicker.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","MonthPicker_exports","__export","MonthPicker","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_Button","import_fieldLayout","import_utils","import_InputParts","import_Skeleton","import_parts","formatMonthDisplay","months","month","year","MonthPickerBody","param","displayDate","selectedValue","onSelectMonth","onSetDisplayDate","minYear","maxYear","knobProps","useResolvedKnobs","viewMode","setViewMode","useState","getFullYear","yearPageStart","setYearPageStart","yearPageSize","handleSelectMonth","useCallback","handleSelectYear","selectedYear","newDate","Date","setFullYear","handlePrevYear","handleNextYear","animation","animationKey","useDateAnimation","jsx","View","flexDirection","alignItems","gapLg","width","panelPadding","children","YearGrid","onSelectYear","onPrevPage","s","onNextPage","jsxs","transition","justifyContent","Button","circular","size","sizeToken","chromeless","scaleIcon","onPress","disabled","Text","padding","fontSize","color","body","textWeight","MonthGrid","currentYear","selectedMonth","props","defaultValue","form","inputProps","_inputProps","placeholder","mode","name","preserveValue","validators","label","labelProps","error","errorProp","helperText","required","readOnly","onBlur","_onBlur","skeleton","compact","id","idProp","_restProps","useProps","resolvedForm","useFormField","resolvedValidators","useResolvedValidators","open","setOpen","setSelectedValue","setDisplayDate","useDateNavigation","popoverRef","useRef","closePopover","_popoverRef_current","current","close","useEffect","handleMonthSelect","handleClear","pickerContent","renderPopover","renderPopover2","hasError","blurHandler","Input","Box","Area","handleOpenChange","handleOpenChange2","isOpen","DatePickerPopoverShell","onOpenChange","trigger","DatePickerInputTrigger","onReset","onButtonPress","FieldLayout","Skeleton","variant","height","Field","field","resolvedError","getFieldError","mergeFieldHandler"],"sources":["../../../../src/fields/DatePicker/MonthPicker.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/DatePicker/MonthPicker.spec.cjs

@@ -0,0 +1,76 @@
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Form = require("../../Form/index.cjs");
+var import_MonthPicker = require("./MonthPicker.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+(0, import_vitest.describe)("MonthPicker", () => {
+  (0, import_vitest.describe)("without form context", () => {
+    (0, import_vitest.it)("renders with label", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Month",
+        name: "month"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Month")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders required label with asterisk", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label?.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders with helper text", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Month",
+        name: "month",
+        helperText: "Select a month"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Select a month")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders skeleton placeholder", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      const input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input).toBeNull();
+    });
+    (0, import_vitest.it)("renders with placeholder", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Month",
+        name: "month",
+        placeholder: "Pick a month"
+      }));
+      const input = result.container.querySelector('input[placeholder="Pick a month"]');
+      (0, import_vitest.expect)(input).not.toBeNull();
+    });
+    (0, import_vitest.it)("renders with default placeholder when no month selected", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Month",
+        name: "month"
+      }));
+      const input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input).not.toBeNull();
+    });
+  });
+  (0, import_vitest.describe)("with form context", () => {
+    (0, import_vitest.it)("renders inside form", () => {
+      const result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            month: null
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+          name: "month",
+          label: "Month"
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Month")).toBeDefined();
+    });
+  });
+});

package/dist/cjs/fields/DatePicker/MonthPicker.spec.native.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_vitest = require("vitest");
+var import_test_utils = require("@multiplatform.one/test-utils");
+var import_Form = require("../../Form/index.native.js");
+var import_MonthPicker = require("./MonthPicker.native.js");
+(0, import_vitest.describe)("MonthPicker", function () {
+  (0, import_vitest.describe)("without form context", function () {
+    (0, import_vitest.it)("renders with label", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Month",
+        name: "month"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Month")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders required label with asterisk", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      (0, import_vitest.expect)(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    (0, import_vitest.it)("renders with helper text", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Month",
+        name: "month",
+        helperText: "Select a month"
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Select a month")).toBeDefined();
+    });
+    (0, import_vitest.it)("renders skeleton placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input).toBeNull();
+    });
+    (0, import_vitest.it)("renders with placeholder", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Month",
+        name: "month",
+        placeholder: "Pick a month"
+      }));
+      var input = result.container.querySelector('input[placeholder="Pick a month"]');
+      (0, import_vitest.expect)(input).not.toBeNull();
+    });
+    (0, import_vitest.it)("renders with default placeholder when no month selected", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+        label: "Month",
+        name: "month"
+      }));
+      var input = result.container.querySelector("input");
+      (0, import_vitest.expect)(input).not.toBeNull();
+    });
+  });
+  (0, import_vitest.describe)("with form context", function () {
+    (0, import_vitest.it)("renders inside form", function () {
+      var result = (0, import_test_utils.renderWithProviders)(/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Form.Form, {
+        formOptions: {
+          defaultValues: {
+            month: null
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_MonthPicker.MonthPicker, {
+          name: "month",
+          label: "Month"
+        })
+      }));
+      (0, import_vitest.expect)(result.findTextElement("Month")).toBeDefined();
+    });
+  });
+});
+//# sourceMappingURL=MonthPicker.spec.native.js.map

package/dist/cjs/fields/DatePicker/MonthPicker.spec.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["import_jsx_runtime","require","import_vitest","import_test_utils","import_Form","import_MonthPicker","describe","it","result","renderWithProviders","jsx","MonthPicker","label","name","expect","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","helperText","skeleton","input","toBeNull","placeholder","not"],"sources":["../../../../src/fields/DatePicker/MonthPicker.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA;;AACA,IAAAA,kBAAA,GAAoCC,OAAA;AACpC,IAAAC,aAAA,GAAqBD,OAAA;AACrB,IAAAE,iBAAA,GAAAF,OAA4B;AAKa,IAAAG,WAAA,GAAAH,OAAA;AAAA,IAHzCI,kBAAA,GAAAJ,OAAS,0BAAe,CAAM;AAC5B,IAAAC,aAAA,CAAAI,QAAA,eAAS,cAAwB;EAC/B,IAAAJ,aAAA,CAAAI,QAAG,wBAAsB,EAAM;IAC7B,IAAAJ,aAAM,CAAAK,EAAA,EAAS;MACf,IAAAC,MAAA,OAAAL,iBAAc,CAAAM,mBAAgB,EAAO,eAAe,IAAAT,kBAAA,CAAAU,GAAA,EAAAL,kBAAA,CAAAM,WAAA;QACrDC,KAAA;QAEDC,IAAA;MACE;MACA,IAAAX,aAAc,CAAAY,MAAO,EAAAN,MAAU,CAAAO,eAAc,QAAO,GAAAC,WAAA;IACpD;IACF,CAAC,GAAAd,aAAA,CAAAK,EAAA;MAED,IAAAC,MAAA,OAAAL,iBAAG,CAAAM,mBAAkC,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,kBAAA,CAAAM,WAAA;QACnCC,KAAM,YAAS;QACbC,IAAA;QACFI,QAAA;MACA;MACD,IAAAL,KAAA,GAAAJ,MAAA,CAAAU,SAAA,CAAAC,aAAA;MAED,IAAAjB,aAAA,CAAAY,MAAG,EAAAF,KAAA,aAAAA,KAAA,KAAgC,KAAM,aAAAA,KAAA,CAAAQ,WAAA,EAAAC,SAAA;IACvC;IACA,IAAAnB,aAAc,CAAAK,EAAA,4BAA+B,cAAO;MACpD,IAAAC,MAAA,OAAAL,iBAAc,CAAAM,mBAAS,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,kBAAA,CAAAM,WAAA;QACxBC,KAAA;QAEDC,IAAA;QACES,UAAM;MAAS,EACb;MACF,IAAApB,aAAA,CAAAY,MAAA,EAAAN,MAAA,CAAAO,eAAA,oBAAAC,WAAA;IACA;IACA,IAAAd,aAAA,CAAAK,EAAA,gCAA2B;MAC5B,IAAAC,MAAA,OAAAL,iBAAA,CAAAM,mBAAA,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,kBAAA,CAAAM,WAAA;QAEDC,KAAA;QACEC,IAAM;QACNU,QAAM;MACN;MACD,IAAAC,KAAA,GAAAhB,MAAA,CAAAU,SAAA,CAAAC,aAAA;MACF,IAAAjB,aAAA,CAAAY,MAAA,EAAAU,KAAA,EAAAC,QAAA;IAED;IACE,IAAAvB,aAAA,CAAAK,EAAA,EAAG,0BAAuB,cAAM;MAC9B,IAAAC,MAAM,OAAAL,iBAAS,CAAAM,mBAAA,qBAAAT,kBAAA,CAAAU,GAAA,EAAAL,kBAAA,CAAAM,WAAA;QACbC,KAAA;QAGFC,IAAA;QACAa,WAAA;MACD;MACF,IAAAF,KAAA,GAAAhB,MAAA,CAAAU,SAAA,CAAAC,aAAA;MACF,IAAAjB,aAAA,CAAAY,MAAA,EAAAU,KAAA,EAAAG,GAAA,CAAAF,QAAA","ignoreList":[]}