@factoringplus/pl-components-pack-v3 0.4.61 → 0.4.62

package/dist/pl-components-pack-v3.es.js

@@ -25947,28 +25947,20 @@ const _sfc_main$u = {
     const rangeStartDateValue = ref(dayjs().format("DD.MM.YYYY"));
     const rangeEndDateValue = ref(dayjs().format("DD.MM.YYYY"));
     const WEEK_DAYS2 = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
-    watch(dateValue, (value) => {
-      if (regMask.test(value.split("-")[0])) {
-        rangeStartDateValue.value = dayjs(value.split("-")[0].split(".").reverse().join("-")).format("DD.MM.YYYY");
-      }
-      if (regMask.test(value.split("-")[1])) {
-        rangeEndDateValue.value = dayjs(value.split("-")[1].split(".").reverse().join("-")).format("DD.MM.YYYY");
-      }
-    });
     let range3 = [];
     const updateDate = (event, flag) => {
       if (regMask.test(event.target.value)) {
         if (flag) {
           if (dayjs(event.target.value.split(".").reverse().join("-")).isAfter(startDate.value)) {
             endDate.value = dayjs(event.target.value.split(".").reverse().join("-"));
-            setupUpdate();
           }
         } else {
           if (dayjs(event.target.value.split(".").reverse().join("-")).isBefore(endDate.value)) {
             startDate.value = dayjs(event.target.value.split(".").reverse().join("-"));
-            setupUpdate();
           }
         }
+        range3 = [startDate.value, endDate.value];
+        setupUpdate();
       }
     };
     const setupUpdate = () => {
@@ -25982,11 +25974,8 @@ const _sfc_main$u = {
         month: endDate.value.month(),
         year: endDate.value.year()
       };
-      updateSelection({
-        day: endDate.value.date(),
-        month: endDate.value.month(),
-        year: endDate.value.year()
-      });
+      updateSelection(end);
+      selecting = false;
     };
     const capitalize2 = (value) => value.charAt(0).toUpperCase() + value.slice(1);
     const displayData = (value) => value.format("DD.MM.YYYY");
@@ -26006,6 +25995,9 @@ const _sfc_main$u = {
       const day = extremeDay.date() === item.day && extremeDay.month() === item.month && extremeDay.year() === item.year;
       return day;
     };
+    const activeDay = (dayItem) => {
+      return range3.length === 2 ? checkDay(dayItem, startDate.value) || checkDay(dayItem, endDate.value) : checkDay(dayItem, startDate.value);
+    };
     const framePosition = (dayItem) => {
       const isAfter2 = endDate.value.isAfter(startDate.value);
       const isSame2 = endDate.value.isSame(startDate.value, "day");
@@ -26019,7 +26011,7 @@ const _sfc_main$u = {
       } else
         return;
     };
-    const closeDatePicker = () => {
+    const cancelButton = () => {
       toggleSelection({
         day: dayjs().date(),
         month: dayjs().month(),
@@ -26036,11 +26028,29 @@ const _sfc_main$u = {
       dateValue.value = "";
       isOpen.value = false;
     };
+    const closeDatePicker = () => {
+      if (!regMask.test(dateValue.value.split("-")[0])) {
+        endDate.value = dayjs();
+        startDate.value = dayjs();
+        rangeStartDateValue.value = startDate.value.format("DD.MM.YYYY");
+        rangeEndDateValue.value = endDate.value.format("DD.MM.YYYY");
+        currentDate.value = startDate.value;
+      }
+      setupUpdate();
+      isOpen.value = false;
+    };
+    watch(isOpen, () => {
+      if (regMask.test(dateValue.value.split("-")[0])) {
+        rangeStartDateValue.value = dayjs(dateValue.value.split("-")[0].split(".").reverse().join("-")).format("DD.MM.YYYY");
+        rangeEndDateValue.value = dayjs(dateValue.value.split("-")[1].split(".").reverse().join("-")).format("DD.MM.YYYY");
+        endDate.value = dayjs(dayjs(dateValue.value.split("-")[1].split(".").reverse().join("-")));
+        startDate.value = dayjs(dateValue.value.split("-")[0].split(".").reverse().join("-"));
+        setupUpdate();
+      }
+    });
     const datePickerRef = ref(null);
     onClickOutside(datePickerRef, () => {
-      setTimeout(() => {
-        closeDatePicker();
-      });
+      closeDatePicker();
     });
     const confirmDate = () => {
       currentDate.value = startDate.value;
@@ -26280,13 +26290,16 @@ const _sfc_main$u = {
                   {
                     "pl-date-picker__day-item_disabled": item.type !== "current"
                   },
+                  {
+                    "pl-date-picker__day-item_svg-circle-background": activeDay(item)
+                  },
                   {
                     "pl-date-picker__background-range": item.type !== "previous" && item.type !== "next" ? updateSelection(item, true) : ""
                   }
                 ]),
                 key: `dd${index}`,
                 onClick: ($event) => item.type !== "previous" && item.type !== "next" ? toggleSelection(item) : "",
-                onMousemove: ($event) => item.type !== "previous" && item.type !== "next" ? updateSelection(item) : ""
+                onMousemove: ($event) => item.type !== "previous" && item.type !== "next" ? updateSelection(item, false) : ""
               }, [
                 createElementVNode("div", _hoisted_16$2, toDisplayString(item.type !== "previous" && item.type !== "next" ? item.day : ""), 1)
               ], 42, _hoisted_15$2);
@@ -26295,7 +26308,7 @@ const _sfc_main$u = {
           createElementVNode("div", { class: "pl-date-picker__buttons" }, [
             createElementVNode("button", {
               class: "pl-date-picker__btn pl-date-picker__btn-cancel",
-              onClick: closeDatePicker
+              onClick: cancelButton
             }, " \u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C "),
             createElementVNode("button", {
               class: "pl-date-picker__btn pl-date-picker__btn-confirm",