@factoringplus/pl-components-pack-v3 0.5.12-pre-3 → 0.5.12

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

@@ -25281,7 +25281,9 @@ const PlFormPlugin = {
 };
 var formItem = "";
 var _imports_0$9 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi41OTk5IDguMDAwMzlDMi41OTk5IDUuMDE3NzYgNS4wMTcyNyAyLjYwMDM5IDcuOTk5OSAyLjYwMDM5QzEwLjk4MjUgMi42MDAzOSAxMy4zOTk5IDUuMDE3NzYgMTMuMzk5OSA4LjAwMDM5QzEzLjM5OTkgMTAuOTgzIDEwLjk4MjUgMTMuNDAwNCA3Ljk5OTkgMTMuNDAwNEM1LjAxNzI3IDEzLjQwMDQgMi41OTk5IDEwLjk4MyAyLjU5OTkgOC4wMDAzOVpNNy45OTk5IDEuNDAwMzlDNC4zNTQ1MyAxLjQwMDM5IDEuMzk5OSA0LjM1NTAyIDEuMzk5OSA4LjAwMDM5QzEuMzk5OSAxMS42NDU4IDQuMzU0NTMgMTQuNjAwNCA3Ljk5OTkgMTQuNjAwNEMxMS42NDUzIDE0LjYwMDQgMTQuNTk5OSAxMS42NDU4IDE0LjU5OTkgOC4wMDAzOUMxNC41OTk5IDQuMzU1MDIgMTEuNjQ1MyAxLjQwMDM5IDcuOTk5OSAxLjQwMDM5Wk04LjU5OTkgNS4wMDAzOUM4LjU5OTkgNC42NjkwMiA4LjMzMTI3IDQuNDAwMzkgNy45OTk5IDQuNDAwMzlDNy42Njg1MyA0LjQwMDM5IDcuMzk5OSA0LjY2OTAyIDcuMzk5OSA1LjAwMDM5VjguMzMzNzJDNy4zOTk5IDguNjY1MDkgNy42Njg1MyA4LjkzMzcyIDcuOTk5OSA4LjkzMzcyQzguMzMxMjcgOC45MzM3MiA4LjU5OTkgOC42NjUwOSA4LjU5OTkgOC4zMzM3MlY1LjAwMDM5Wk03Ljk5OTkgMTEuNDkyNkM4LjM4NTYxIDExLjQ5MjYgOC42OTgyOCAxMS4xNzk5IDguNjk4MjggMTAuNzk0MkM4LjY5ODI4IDEwLjQwODUgOC4zODU2MSAxMC4wOTU4IDcuOTk5OSAxMC4wOTU4QzcuNjE0MiAxMC4wOTU4IDcuMzAxNTIgMTAuNDA4NSA3LjMwMTUyIDEwLjc5NDJDNy4zMDE1MiAxMS4xNzk5IDcuNjE0MiAxMS40OTI2IDcuOTk5OSAxMS40OTI2WiIgZmlsbD0iIzY1NjU2NyIvPg0KPC9zdmc+DQo=";
-var _imports_2$2 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03Ljk5OTAyIDhMMTUuOTk5IDE2IiBzdHJva2U9IiM1MDUwNTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xNS45OTkgOEw3Ljk5OTAyIDE2IiBzdHJva2U9IiM1MDUwNTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K";
+var _imports_2$3 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik03Ljk5OTAyIDhMMTUuOTk5IDE2IiBzdHJva2U9IiM1MDUwNTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xNS45OTkgOEw3Ljk5OTAyIDE2IiBzdHJva2U9IiM1MDUwNTEiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K";
+var _imports_2$2 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC40NjQyMSAyLjQ2NTg5QzQuNzU3MTEgMi4xNzI5OSA1LjIzMTk4IDIuMTcyOTkgNS41MjQ4NyAyLjQ2NTg5TDguNzM2NTcgNS42Nzc1OUM4Ljc0NDg2IDUuNjg1NSA4Ljc1Mjk4IDUuNjkzNjIgOC43NjA5MyA1LjcwMTk0TDExLjk2IDguOTAwOTlDMTEuOTY3OSA4LjkwODUzIDExLjk3NTYgOC45MTYyNyAxMS45ODMyIDguOTI0MkwxNi4wNzUxIDEzLjAxNjFDMTYuMDgzIDEzLjAyMzcgMTYuMDkwOCAxMy4wMzE1IDE2LjA5ODMgMTMuMDM5M0wxOS41MTU5IDE2LjQ1NjlDMTkuNTIxNSAxNi40NjIzIDE5LjUyNjkgMTYuNDY3OCAxOS41MzIzIDE2LjQ3MzNMMjIuNTMyIDE5LjQ3M0MyMi44MjQ4IDE5Ljc2NTkgMjIuODI0OCAyMC4yNDA3IDIyLjUzMiAyMC41MzM2QzIyLjIzOTEgMjAuODI2NSAyMS43NjQyIDIwLjgyNjUgMjEuNDcxMyAyMC41MzM2TDE4LjkxMjEgMTcuOTc0NEMxNy4xNjYgMTkuMTM2MSAxNS4xMTAzIDE5Ljc1NzggMTMuMDAzNCAxOS43NTI5QzkuMTM0ODYgMTkuODE4OCA1LjU2MTI1IDE3LjY5MTYgMy43NzUgMTQuMjU5TDMuNzY3NzEgMTQuMjQ0NkMzLjA2OTYyIDEyLjgyOTYgMy4wNjk2MiAxMS4xNzAzIDMuNzY3NzEgOS43NTUzNEwzLjc3MDA1IDkuNzUwNTlMMy43NzAwNyA5Ljc1MDZDNC41MTggOC4yNjExNyA1LjYzNjAxIDYuOTk1OTYgNy4wMDk3IDYuMDcyMDNMNC40NjQyMSAzLjUyNjU1QzQuMTcxMzIgMy4yMzM2NSA0LjE3MTMyIDIuNzU4NzggNC40NjQyMSAyLjQ2NTg5Wk04LjA5NDMzIDcuMTU2NjZDNi44MjE0NSA3Ljk0NzUxIDUuNzg3ODYgOS4wNzYwNiA1LjExMTc3IDEwLjQyMTNDNC42MjIzNyAxMS40MTUxIDQuNjIxNiAxMi41Nzk2IDUuMTA5NDUgMTMuNTczOUM2LjYzNTQ5IDE2LjQ5OTcgOS42ODQ2NiAxOC4zMTE3IDEyLjk4NDUgMTguMjUzTDEzLjAwMDIgMTguMjUyOUMxNC43MTA1IDE4LjI1ODEgMTYuMzgxNyAxNy43ODI1IDE3LjgyNjYgMTYuODg4OUwxNS42MjIyIDE0LjY4NDVDMTQuNzY2NyAxNS41MzY5IDEzLjUzMzcgMTUuOTQwMyAxMi4zMDczIDE1LjcxOTFDMTAuNzY1MiAxNS40NDEgOS41NTgzMiAxNC4yMzQxIDkuMjgwMiAxMi42OTJDOS4wNTkwMSAxMS40NjU2IDkuNDYyMzcgMTAuMjMyNiAxMC4zMTQ4IDkuMzc3MUw4LjA5NDMzIDcuMTU2NjZaTTExLjM3NTUgMTAuNDM3OEMxMC44NjUxIDEwLjk1MTMgMTAuNjIzOCAxMS42OTA1IDEwLjc1NjQgMTIuNDI1OEMxMC45MjMzIDEzLjM1MTUgMTEuNjQ3OCAxNC4wNzYgMTIuNTczNSAxNC4yNDI5QzEzLjMwODggMTQuMzc1NSAxNC4wNDggMTQuMTM0MiAxNC41NjE1IDEzLjYyMzhMMTEuMzc1NSAxMC40Mzc4Wk0xMi45OTA4IDQuMjQ3MDZDMTYuODYgNC4xODA1MSAyMC40MzQzIDYuMzA3ODMgMjIuMjIwOCA5Ljc0MDk1TDIyLjIyODEgOS43NTUzM0MyMi45MjYyIDExLjE3MDMgMjIuOTI2MiAxMi44Mjk2IDIyLjIyODEgMTQuMjQ0NkMyMi4xOTA0IDE0LjMyMTMgMjIuMTQ5MyAxNC4zODY1IDIyLjEyNjkgMTQuNDIyMUwyMi4xMjU5IDE0LjQyMzdDMjIuMDk3MyAxNC40NjkgMjIuMDkyMSAxNC40Nzc3IDIyLjA4ODMgMTQuNDg0OUMyMS44OTQ3IDE0Ljg1MTEgMjEuNDQxIDE0Ljk5MTEgMjEuMDc0OCAxNC43OTc2QzIwLjcwODUgMTQuNjA0MSAyMC41Njg1IDE0LjE1MDMgMjAuNzYyIDEzLjc4NDFDMjAuNzk0OSAxMy43MjIgMjAuODMxNCAxMy42NjQyIDIwLjg1MDggMTMuNjMzNkMyMC44NTI5IDEzLjYzMDMgMjAuODU0OCAxMy42MjczIDIwLjg1NjQgMTMuNjI0NkMyMC44Nzc5IDEzLjU5MDUgMjAuODgxOSAxMy41ODI4IDIwLjg4MTkgMTMuNTgyOUwyMC44ODI5IDEzLjU4MDlDMjEuMzczNCAxMi41ODY2IDIxLjM3NDUgMTEuNDIxMSAyMC44ODYzIDEwLjQyNkMxOS4zNjAzIDcuNTAwMTQgMTYuMzExMSA1LjY4ODE3IDEzLjAxMTIgNS43NDY5M0wxMi45OTc5IDUuNzQ3MTdWNS43NDcwNUMxMi44NzkyIDUuNzQ3MDUgMTIuNzg3NyA1Ljc1NTU1IDEyLjY2ODkgNS43NjY1OEMxMi41OTA0IDUuNzczODggMTIuNDk5OSA1Ljc4MjI4IDEyLjM4MTcgNS43OTAwN0MxMS45Njg0IDUuODE3MjkgMTEuNjExMiA1LjUwNDMxIDExLjU4NCA1LjA5MDk5QzExLjU1NjggNC42Nzc2NyAxMS44Njk4IDQuMzIwNTQgMTIuMjgzMSA0LjI5MzMxQzEyLjMyNDEgNC4yOTA2MSAxMi4zNzgyIDQuMjg1ODEgMTIuNDQwMyA0LjI4MDMxQzEyLjU5OSA0LjI2NjI1IDEyLjgxMDEgNC4yNDc1NCAxMi45OTA4IDQuMjQ3MDZaIiBmaWxsPSIjNjU2NTY3Ii8+DQo8L3N2Zz4NCg==";
+var _imports_3$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC4xMTA2NyAxMC40MjU3QzMuODcxMDIgMTAuOTE1OSAzLjc0NiAxMS40NTQzIDMuNzQ1MTIgMTJDMy43NDYgMTIuNTQ1OCAzLjg3MTAyIDEzLjA4NDIgNC4xMTA2NyAxMy41NzQ0QzUuNjM2NzcgMTYuNSA4LjY4NTgxIDE4LjMxMTggMTEuOTg1NSAxOC4yNTMxQzExLjk5NDQgMTguMjUyOSAxMi4wMDMzIDE4LjI1MjkgMTIuMDEyMiAxOC4yNTMxQzE1LjMxMjEgMTguMzExOCAxOC4zNjEzIDE2LjQ5OTggMTkuODg3MyAxMy41NzRDMjAuMzc0NCAxMi41ODEyIDIwLjM3NDQgMTEuNDE4OCAxOS44ODczIDEwLjQyNjFDMTguMzYxMyA3LjUwMDIyIDE1LjMxMjEgNS42ODgyMyAxMi4wMTIyIDUuNzQ2OTlDMTIuMDAzMyA1Ljc0NzE1IDExLjk5NDQgNS43NDcxNSAxMS45ODU1IDUuNzQ2OTlDOC42ODU4MSA1LjY4ODI0IDUuNjM2NzcgNy41MDAwNCA0LjExMDY3IDEwLjQyNTdaTTExLjk5ODkgNC4yNDdDOC4xMzI0MSA0LjE4MzE5IDQuNTYxMzYgNi4zMSAyLjc3NTk5IDkuNzQxMDNMMi43NjgyNiA5Ljc1NjNDMi40MjUxMSAxMC40NTQyIDIuMjQ2MTYgMTEuMjIxMyAyLjI0NTEyIDExLjk5OVYxMi4wMDFDMi4yNDYxNiAxMi43Nzg3IDIuNDI1MTEgMTMuNTQ1OSAyLjc2ODI2IDE0LjI0MzhMMi43NzU5OSAxNC4yNTlDNC41NjEzNiAxNy42OTAxIDguMTMyNDEgMTkuODE2OSAxMS45OTg5IDE5Ljc1MzFDMTUuODY1MyAxOS44MTY5IDE5LjQzNjQgMTcuNjkwMSAyMS4yMjE3IDE0LjI1OUwyMS4yMjkgMTQuMjQ0N0MyMS45MjcxIDEyLjgyOTcgMjEuOTI3MSAxMS4xNzA0IDIxLjIyOSA5Ljc1NTM5TDIxLjIyMTcgOS43NDEwM0MxOS40MzY0IDYuMzEgMTUuODY1MyA0LjE4MzE5IDExLjk5ODkgNC4yNDdaTTExLjk5ODkgOS43NDg3OEMxMC43NTU1IDkuNzQ4NzggOS43NDc2MiAxMC43NTY3IDkuNzQ3NjIgMTJDOS43NDc2MiAxMy4yNDM0IDEwLjc1NTUgMTQuMjUxMyAxMS45OTg5IDE0LjI1MTNDMTMuMjQyMiAxNC4yNTEzIDE0LjI1MDEgMTMuMjQzNCAxNC4yNTAxIDEyQzE0LjI1MDEgMTEuNTg1OCAxNC41ODU5IDExLjI1IDE1LjAwMDEgMTEuMjVDMTUuNDE0MyAxMS4yNSAxNS43NTAxIDExLjU4NTggMTUuNzUwMSAxMkMxNS43NTAxIDE0LjA3MTggMTQuMDcwNiAxNS43NTEzIDExLjk5ODkgMTUuNzUxM0M5LjkyNzExIDE1Ljc1MTMgOC4yNDc2MiAxNC4wNzE4IDguMjQ3NjIgMTJDOC4yNDc2MiA5LjkyODI3IDkuOTI3MTEgOC4yNDg3OCAxMS45OTg5IDguMjQ4NzhDMTIuNDEzMSA4LjI0ODc4IDEyLjc0ODkgOC41ODQ1NyAxMi43NDg5IDguOTk4NzhDMTIuNzQ4OSA5LjQxMjk5IDEyLjQxMzEgOS43NDg3OCAxMS45OTg5IDkuNzQ4NzhaIiBmaWxsPSIjNjU2NTY3Ii8+DQo8L3N2Zz4NCg==";
 var _imports_1$3 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNC40NzQ5IDQuNTI1MTNDMTUuODQxNyA1Ljg5MTk3IDE1Ljg0MTcgOC4xMDgwNCAxNC40NzQ5IDkuNDc0ODhDMTMuMTA4IDEwLjg0MTcgMTAuODkyIDEwLjg0MTcgOS41MjUxMyA5LjQ3NDg4QzguMTU4MjkgOC4xMDgwNCA4LjE1ODI5IDUuODkxOTcgOS41MjUxMyA0LjUyNTEzQzEwLjg5MiAzLjE1ODI5IDEzLjEwOCAzLjE1ODI5IDE0LjQ3NDkgNC41MjUxMyIgc3Ryb2tlPSIjNjU2NTY3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQgMTguNDk5OFYxOS40OTk4QzQgMjAuMDUxOCA0LjQ0OCAyMC40OTk4IDUgMjAuNDk5OEgxOUMxOS41NTIgMjAuNDk5OCAyMCAyMC4wNTE4IDIwIDE5LjQ5OThWMTguNDk5OEMyMCAxNS40NzM4IDE2LjA0OCAxMy41MDc4IDEyIDEzLjUwNzhDNy45NTIgMTMuNTA3OCA0IDE1LjQ3MzggNCAxOC40OTk4WiIgc3Ryb2tlPSIjNjU2NTY3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==";
 var plInput_vue_vue_type_style_index_0_lang$1 = "";
 const _hoisted_1$x = {
@@ -25379,13 +25381,17 @@ const _sfc_main$B = {
     valueRange: {
       type: Object,
       default: () => ({ min: 0 })
+    },
+    password: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:modelValue", "validate"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
     const refInput = ref();
-    const { getValid, currency, round, currencyInputOptions, valueRange } = toRefs(props);
+    const { getValid, currency, round, currencyInputOptions, valueRange, password } = toRefs(props);
     const modelValue = computed$1({
       get: () => props.modelValue,
       set: (val) => {
@@ -25425,6 +25431,13 @@ const _sfc_main$B = {
         emit2("update:modelValue", value);
       }
     };
+    const throwInput = (event) => {
+      const parent = event.target.parentElement.parentElement;
+      let input2 = parent.querySelector(".el-input__inner");
+      setTimeout(() => {
+        input2.focus();
+      });
+    };
     const getTypeInput = computed$1(() => {
       switch (props.type) {
         case "text":
@@ -25435,6 +25448,11 @@ const _sfc_main$B = {
           return "text";
       }
     });
+    const currentPassType = ref("password");
+    const changedPassType = (event) => {
+      currentPassType.value = currentPassType.value === "password" ? "text" : "password";
+      throwInput(event);
+    };
     const clearValue = () => {
       emit2("update:modelValue", "");
     };
@@ -25450,13 +25468,6 @@ const _sfc_main$B = {
         emit2("isValid");
       }
     });
-    const throuInput = (event) => {
-      const parent = event.target.parentElement.parentElement;
-      let input2 = parent.querySelector(".el-input__inner");
-      setTimeout(() => {
-        input2.focus();
-      });
-    };
     const keydown = (e2) => {
       const { keyCode } = e2;
       if (keyCode >= 96 && keyCode <= 105 || keyCode >= 48 && keyCode <= 57 || keyCode === 46 || keyCode === 8) {
@@ -25501,7 +25512,7 @@ const _sfc_main$B = {
           ref_key: "refInput",
           ref: refInput,
           rules: __props.rules,
-          onSubmit: _cache[4] || (_cache[4] = withModifiers(() => {
+          onSubmit: _cache[6] || (_cache[6] = withModifiers(() => {
           }, ["prevent"]))
         }, {
           default: withCtx(() => [
@@ -25520,7 +25531,7 @@ const _sfc_main$B = {
                 key: 2,
                 onClick: clearValue,
                 class: normalizeClass(["clearBtn", [!__props.label && !__props.icon ? "clearNoLabel" : ""]]),
-                src: _imports_2$2,
+                src: _imports_2$3,
                 alt: "clear"
               }, null, 2)) : createCommentVNode("", true),
               props.optional && __props.label ? (openBlock(), createElementBlock("div", {
@@ -25555,14 +25566,33 @@ const _sfc_main$B = {
                       disabled: props.disabled,
                       placeholder: props.placeholder,
                       modelValue: unref(modelValue),
-                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-                      type: unref(getTypeInput),
+                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+                      type: unref(password) ? currentPassType.value : unref(getTypeInput),
                       resize: "none"
                     }, _ctx.$attrs, {
                       autosize: { minRows: 3, maxRows: 6 },
                       clearable: props.clearable,
                       onInput: updateValue
-                    }), null, 16, ["class", "minlength", "maxlength", "disabled", "placeholder", "modelValue", "type", "clearable"])) : (openBlock(), createBlock(_component_el_input, mergeProps({
+                    }), createSlots({ _: 2 }, [
+                      unref(password) ? {
+                        name: "append",
+                        fn: withCtx(() => [
+                          currentPassType.value === "password" ? (openBlock(), createElementBlock("img", {
+                            key: 0,
+                            onClick: _cache[1] || (_cache[1] = ($event) => changedPassType($event)),
+                            class: "pass-svg",
+                            src: _imports_2$2,
+                            alt: ""
+                          })) : (openBlock(), createElementBlock("img", {
+                            key: 1,
+                            onClick: _cache[2] || (_cache[2] = ($event) => changedPassType($event)),
+                            class: "pass-svg",
+                            src: _imports_3$1,
+                            alt: ""
+                          }))
+                        ])
+                      } : void 0
+                    ]), 1040, ["class", "minlength", "maxlength", "disabled", "placeholder", "modelValue", "type", "clearable"])) : (openBlock(), createBlock(_component_el_input, mergeProps({
                       key: 2,
                       onKeydown: keydown,
                       class: { padding: props.prefix },
@@ -25575,14 +25605,14 @@ const _sfc_main$B = {
                       ref_key: "inputRef",
                       ref: inputRef,
                       modelValue: unref(formattedValue),
-                      "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
+                      "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
                     }), createSlots({ _: 2 }, [
                       unref(currency) ? {
                         name: "append",
                         fn: withCtx(() => [
                           createElementVNode("span", {
                             class: "pl-currency__rub-icon",
-                            onClick: _cache[2] || (_cache[2] = ($event) => throuInput($event))
+                            onClick: _cache[4] || (_cache[4] = ($event) => throwInput($event))
                           }, "\u20BD")
                         ])
                       } : void 0
@@ -25896,12 +25926,11 @@ var objectSupport$1 = { exports: {} };
 })(objectSupport$1);
 var objectSupport = objectSupport$1.exports;
 var plDatePickerRange_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1$v = ["id"];
-const _hoisted_2$r = /* @__PURE__ */ createElementVNode("img", {
-  class: "date-picker__img",
-  src: _imports_0$8,
-  alt: "date-picker icon"
-}, null, -1);
+const _hoisted_1$v = { class: "date-picker" };
+const _hoisted_2$r = {
+  key: 0,
+  class: "date-picker__wrapper"
+};
 const _hoisted_3$n = { class: "date-switcher__container flex-column" };
 const _hoisted_4$h = { class: "d-flex pb-4 justify-content-between" };
 const _hoisted_5$b = { class: "date-switcher justify-content-center flex-column" };
@@ -25920,12 +25949,8 @@ const _sfc_main$w = {
   __name: "pl-date-picker-range",
   props: {
     modelValue: {
-      type: Array,
-      default: () => []
-    },
-    width: {
       type: String,
-      default: "260"
+      default: ""
     },
     placeholder: {
       type: String,
@@ -25935,7 +25960,7 @@ const _sfc_main$w = {
       type: String,
       default: ""
     },
-    isClose: {
+    isOpen: {
       type: Boolean,
       default: false
     },
@@ -25950,20 +25975,7 @@ const _sfc_main$w = {
     dayjs.locale("ru");
     dayjs.extend(isBetween);
     dayjs.extend(objectSupport);
-    const { isClose } = toRefs(props);
-    const randId = ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c2) => (c2 ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c2 / 4).toString(16));
-    const offsetTop = ref(0);
-    const offsetLeft = ref(0);
-    const calculateOffsets = () => {
-      const currentDatePicker = document.getElementById(`date-picker-range-${randId}`);
-      const offsets = currentDatePicker.getBoundingClientRect();
-      offsetLeft.value = offsets.x;
-      offsetTop.value = offsets.y + offsets.height;
-    };
-    const openPopup = () => {
-      calculateOffsets();
-      emit2("changeOpen", !isClose.value);
-    };
+    const { isOpen } = toRefs(props);
     const validateDateValueString = (dateStr) => {
       if (dateStr.includes("-")) {
         return dayjs(dateStr.split("-")[0], "DD.MM.YYYY", true).isValid() && dayjs(dateStr.split("-")[1], "DD.MM.YYYY", true).isValid();
@@ -25979,55 +25991,25 @@ const _sfc_main$w = {
     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"];
     let range3 = [];
-    const dateValue = ref("");
-    onMounted(() => {
-      setupDates(props.modelValue);
-    });
-    watch(() => props.modelValue, (date4) => {
-      if (date4.length === 2) {
-        setupDates(date4);
+    const dateValue = computed$1({
+      get: () => props.modelValue,
+      set: (val) => {
+        emit2("update:modelValue", val);
       }
     });
     watch(dateValue, (value) => {
       if (validateDateValueString(value)) {
-        if (value.split("-").length === 2) {
-          startDate.value = dayjs(value.split("-")[0].split(".").reverse().join("-"));
-          endDate.value = dayjs(value.split("-")[1].split(".").reverse().join("-"));
-          range3 = [startDate.value, endDate.value];
-          rangeStartDateValue.value = displayData(startDate.value);
-          rangeEndDateValue.value = displayData(endDate.value);
-          updateModelValue(range3);
-        }
-        if (startDate.value.isAfter(endDate.value)) {
-          endDate.value = range3[0];
-          startDate.value = range3[1];
-          range3 = [startDate.value, endDate.value];
-          rangeStartDateValue.value = displayData(startDate.value);
-          rangeEndDateValue.value = displayData(endDate.value);
-          updateModelValue(range3);
-        }
-      } else {
-        updateModelValue();
+        startDate.value = dayjs(value.split("-")[0].split(".").reverse().join("-"));
+        endDate.value = dayjs(value.split("-")[1].split(".").reverse().join("-"));
+        range3 = [startDate.value, endDate.value];
+      }
+      if (startDate.value.isAfter(endDate.value)) {
+        endDate.value = range3[0];
+        startDate.value = range3[1];
+        range3 = [startDate.value, endDate.value];
       }
       setupUpdate();
     });
-    const setupDates = (date4) => {
-      if (date4 && date4.length === 2) {
-        const startDate2 = dayjs(date4[0]).format("YYYY-MM-DD").split("-").reverse().join(".");
-        const endDate2 = dayjs(date4[1]).format("YYYY-MM-DD").split("-").reverse().join(".");
-        const newDateValue = startDate2 + "-" + endDate2;
-        if (validateDateValueString(newDateValue)) {
-          dateValue.value = `${startDate2}-${endDate2}`;
-        }
-      }
-    };
-    const updateModelValue = (range4 = []) => {
-      let newRange = range4;
-      if (newRange.length === 2) {
-        newRange = [newRange[0].format("YYYY-MM-DD"), newRange[1].format("YYYY-MM-DD")];
-      }
-      emit2("update:modelValue", newRange);
-    };
     const updateDate = (event, flag) => {
       if (validateDateValueString(event.target.value)) {
         if (flag) {
@@ -26107,6 +26089,7 @@ const _sfc_main$w = {
       range3 = [];
       dateValue.value = "";
       emit2("changeOpen", true);
+      emit2("update:modelValue", "");
     };
     const closeDatePicker = () => {
       if (!validateDateValueString(dateValue.value)) {
@@ -26118,7 +26101,7 @@ const _sfc_main$w = {
       setupUpdate();
       emit2("changeOpen", true);
     };
-    watch(isClose, (value) => {
+    watch(isOpen, (value) => {
       if (validateDateValueString(dateValue.value)) {
         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");
@@ -26153,8 +26136,10 @@ const _sfc_main$w = {
       }
       if (startDate.value.isAfter(endDate.value)) {
         dateValue.value = endDate.value.format("DD.MM.YYYY") + "-" + startDate.value.format("DD.MM.YYYY");
+        emit2("update:modelValue", endDate.value.format("DD.MM.YYYY") + "-" + startDate.value.format("DD.MM.YYYY"));
       } else {
         dateValue.value = startDate.value.format("DD.MM.YYYY") + "-" + endDate.value.format("DD.MM.YYYY");
+        emit2("update:modelValue", startDate.value.format("DD.MM.YYYY") + "-" + endDate.value.format("DD.MM.YYYY"));
       }
       emit2("changeOpen", true);
     };
@@ -26291,137 +26276,131 @@ const _sfc_main$w = {
     });
     return (_ctx, _cache) => {
       const _directive_maska = resolveDirective("maska");
-      return openBlock(), createElementBlock("div", {
-        class: "date-picker",
-        id: `date-picker-range-${unref(randId)}`
-      }, [
-        __props.showInput ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: "date-picker__wrapper",
-          style: normalizeStyle(`width: ${__props.width}px`),
-          onClick: openPopup
-        }, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+        __props.showInput ? (openBlock(), createElementBlock("div", _hoisted_2$r, [
           createVNode(_sfc_main$B, {
             mask: "##.##.####-##.##.####",
-            modelValue: dateValue.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dateValue.value = $event),
+            modelValue: unref(dateValue),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(dateValue) ? dateValue.value = $event : null),
             label: __props.label,
             placeholder: __props.placeholder,
             onInput: updateDate,
             datePicker: ""
           }, null, 8, ["mask", "modelValue", "label", "placeholder"]),
-          _hoisted_2$r
-        ], 4)) : createCommentVNode("", true),
-        (openBlock(), createBlock(Teleport, { to: "body" }, [
-          !unref(isClose) ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            id: "date-picker-popup",
-            class: "pl-date-picker__popup",
-            ref_key: "datePickerRef",
-            ref: datePickerRef,
-            style: normalizeStyle({ top: `${offsetTop.value}px`, left: `${offsetLeft.value}px` })
-          }, [
-            createElementVNode("div", _hoisted_3$n, [
-              createElementVNode("div", _hoisted_4$h, [
-                createElementVNode("div", _hoisted_5$b, [
-                  _hoisted_6$7,
-                  withDirectives(createElementVNode("input", {
-                    id: "date-mask",
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => rangeStartDateValue.value = $event),
-                    onInput: updateDate,
-                    type: "text",
-                    placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413",
-                    class: "pl-date-picker__input"
-                  }, null, 544), [
-                    [_directive_maska, "##.##.####"],
-                    [vModelText, rangeStartDateValue.value]
-                  ])
-                ]),
-                createElementVNode("div", _hoisted_7$5, [
-                  _hoisted_8$4,
-                  withDirectives(createElementVNode("input", {
-                    id: "date-mask",
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => rangeEndDateValue.value = $event),
-                    onInput: _cache[3] || (_cache[3] = ($event) => updateDate($event, true)),
-                    type: "text",
-                    placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413",
-                    class: "pl-date-picker__input"
-                  }, null, 544), [
-                    [_directive_maska, "##.##.####"],
-                    [vModelText, rangeEndDateValue.value]
-                  ])
+          createElementVNode("img", {
+            class: "date-picker__img",
+            src: _imports_0$8,
+            alt: "date-picker icon",
+            onClick: _cache[1] || (_cache[1] = ($event) => emit2("changeOpen", !unref(isOpen)))
+          })
+        ])) : createCommentVNode("", true),
+        !unref(isOpen) ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          id: "date-picker-popup",
+          class: "pl-date-picker__popup",
+          ref_key: "datePickerRef",
+          ref: datePickerRef
+        }, [
+          createElementVNode("div", _hoisted_3$n, [
+            createElementVNode("div", _hoisted_4$h, [
+              createElementVNode("div", _hoisted_5$b, [
+                _hoisted_6$7,
+                withDirectives(createElementVNode("input", {
+                  id: "date-mask",
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => rangeStartDateValue.value = $event),
+                  onInput: updateDate,
+                  type: "text",
+                  placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413",
+                  class: "pl-date-picker__input"
+                }, null, 544), [
+                  [_directive_maska, "##.##.####"],
+                  [vModelText, rangeStartDateValue.value]
                 ])
               ]),
-              createElementVNode("div", _hoisted_9$4, [
-                createElementVNode("div", _hoisted_10$3, [
-                  createElementVNode("div", {
-                    class: "date-switcher__arrow date-switcher__arrow-left",
-                    onClick: switchPrevMonth
-                  }),
-                  createElementVNode("span", _hoisted_11$3, toDisplayString(capitalize2(currentDate.value.format("MMMM"))), 1),
-                  createElementVNode("div", {
-                    class: "date-switcher__arrow date-switcher__arrow-right",
-                    onClick: switchNextMonth
-                  })
-                ]),
-                createElementVNode("div", _hoisted_12$3, [
-                  createElementVNode("div", {
-                    class: "date-switcher__arrow date-switcher__arrow-left",
-                    onClick: switchPrevYear
-                  }),
-                  createElementVNode("span", _hoisted_13$3, toDisplayString(capitalize2(currentDate.value.format("YYYY"))), 1),
-                  createElementVNode("div", {
-                    class: "date-switcher__arrow date-switcher__arrow-right",
-                    onClick: switchNextYear
-                  })
+              createElementVNode("div", _hoisted_7$5, [
+                _hoisted_8$4,
+                withDirectives(createElementVNode("input", {
+                  id: "date-mask",
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => rangeEndDateValue.value = $event),
+                  onInput: _cache[4] || (_cache[4] = ($event) => updateDate($event, true)),
+                  type: "text",
+                  placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413",
+                  class: "pl-date-picker__input"
+                }, null, 544), [
+                  [_directive_maska, "##.##.####"],
+                  [vModelText, rangeEndDateValue.value]
                 ])
               ])
             ]),
-            createElementVNode("div", _hoisted_14$3, [
-              (openBlock(), createElementBlock(Fragment, null, renderList(WEEK_DAYS2, (item, index) => {
-                return createElementVNode("div", {
-                  class: "pl-date-picker__week-day",
-                  key: index
-                }, [
-                  createElementVNode("span", null, toDisplayString(item), 1)
-                ]);
-              }), 64)),
-              (openBlock(true), createElementBlock(Fragment, null, renderList(daysData.value, (item, index) => {
-                return openBlock(), createElementBlock("div", {
-                  class: normalizeClass([
-                    "pl-date-picker__day-item",
-                    item.type !== "previous" && item.type !== "next" ? framePosition(item) : "",
-                    {
-                      "pl-date-picker__day-item_disabled": item.type !== "current"
-                    },
-                    {
-                      "pl-date-picker__day-item_svg-circle-background": activeDay(item) && item.type === "current"
-                    },
-                    {
-                      "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, false) : ""
-                }, [
-                  createElementVNode("div", _hoisted_16$2, toDisplayString(item.type !== "previous" && item.type !== "next" ? item.day : ""), 1)
-                ], 42, _hoisted_15$2);
-              }), 128))
-            ]),
-            createElementVNode("div", { class: "pl-date-picker__buttons" }, [
-              createElementVNode("button", {
-                class: "pl-date-picker__btn pl-date-picker__btn-cancel",
-                onClick: cancelButton
-              }, " \u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C "),
-              createElementVNode("button", {
-                class: "pl-date-picker__btn pl-date-picker__btn-confirm",
-                onClick: confirmDate
-              }, " \u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C ")
+            createElementVNode("div", _hoisted_9$4, [
+              createElementVNode("div", _hoisted_10$3, [
+                createElementVNode("div", {
+                  class: "date-switcher__arrow date-switcher__arrow-left",
+                  onClick: switchPrevMonth
+                }),
+                createElementVNode("span", _hoisted_11$3, toDisplayString(capitalize2(currentDate.value.format("MMMM"))), 1),
+                createElementVNode("div", {
+                  class: "date-switcher__arrow date-switcher__arrow-right",
+                  onClick: switchNextMonth
+                })
+              ]),
+              createElementVNode("div", _hoisted_12$3, [
+                createElementVNode("div", {
+                  class: "date-switcher__arrow date-switcher__arrow-left",
+                  onClick: switchPrevYear
+                }),
+                createElementVNode("span", _hoisted_13$3, toDisplayString(capitalize2(currentDate.value.format("YYYY"))), 1),
+                createElementVNode("div", {
+                  class: "date-switcher__arrow date-switcher__arrow-right",
+                  onClick: switchNextYear
+                })
+              ])
             ])
-          ], 4)) : createCommentVNode("", true)
-        ]))
-      ], 8, _hoisted_1$v);
+          ]),
+          createElementVNode("div", _hoisted_14$3, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(WEEK_DAYS2, (item, index) => {
+              return createElementVNode("div", {
+                class: "pl-date-picker__week-day",
+                key: index
+              }, [
+                createElementVNode("span", null, toDisplayString(item), 1)
+              ]);
+            }), 64)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(daysData.value, (item, index) => {
+              return openBlock(), createElementBlock("div", {
+                class: normalizeClass([
+                  "pl-date-picker__day-item",
+                  item.type !== "previous" && item.type !== "next" ? framePosition(item) : "",
+                  {
+                    "pl-date-picker__day-item_disabled": item.type !== "current"
+                  },
+                  {
+                    "pl-date-picker__day-item_svg-circle-background": activeDay(item) && item.type === "current"
+                  },
+                  {
+                    "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, false) : ""
+              }, [
+                createElementVNode("div", _hoisted_16$2, toDisplayString(item.type !== "previous" && item.type !== "next" ? item.day : ""), 1)
+              ], 42, _hoisted_15$2);
+            }), 128))
+          ]),
+          createElementVNode("div", { class: "pl-date-picker__buttons" }, [
+            createElementVNode("button", {
+              class: "pl-date-picker__btn pl-date-picker__btn-cancel",
+              onClick: cancelButton
+            }, " \u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C "),
+            createElementVNode("button", {
+              class: "pl-date-picker__btn pl-date-picker__btn-confirm",
+              onClick: confirmDate
+            }, " \u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C ")
+          ])
+        ], 512)) : createCommentVNode("", true)
+      ]);
     };
   }
 };
@@ -38436,7 +38415,7 @@ const _sfc_main$h = {
           key: 2,
           onClick: clearValue,
           class: "clearBtn",
-          src: _imports_2$2,
+          src: _imports_2$3,
           alt: "clear"
         })) : createCommentVNode("", true),
         props.optional ? (openBlock(), createElementBlock("div", {