@factoringplus/pl-components-pack-v3 0.5.16-pre-03 → 0.5.16-pre-04

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

@@ -1,4 +1,4 @@
-import { getCurrentScope, onScopeDispose, unref, ref, watch, getCurrentInstance, onMounted, nextTick, shallowRef, watchEffect, readonly, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, provide, inject, onBeforeUnmount, toRef, onUnmounted, isRef, onBeforeMount, defineComponent, mergeProps, renderSlot, useAttrs as useAttrs$1, useSlots, withDirectives, createCommentVNode, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, normalizeStyle, vShow, Transition, reactive, onUpdated, cloneVNode, Text, Comment, Teleport, onDeactivated, renderList, createTextVNode, toRaw as toRaw$1, vModelCheckbox, toRefs, withKeys, h as h$2, createSlots, triggerRef, resolveComponent, resolveDirective, vModelText, TransitionGroup, createApp, shallowReactive, render, normalizeProps, guardReactiveProps, pushScopeId, popScopeId, createStaticVNode } from "vue";
+import { unref, getCurrentScope, onScopeDispose, ref, watch, getCurrentInstance, onMounted, nextTick, readonly, shallowRef, watchEffect, computed as computed$1, openBlock, createElementBlock, createElementVNode, warn, isVNode, provide, inject, onBeforeUnmount, toRef, onUnmounted, isRef, onBeforeMount, defineComponent, mergeProps, renderSlot, useAttrs as useAttrs$1, useSlots, withDirectives, createCommentVNode, Fragment, normalizeClass, createBlock, withCtx, resolveDynamicComponent, withModifiers, createVNode, toDisplayString, normalizeStyle, vShow, Transition, reactive, onUpdated, cloneVNode, Text, Comment, Teleport, onDeactivated, renderList, createTextVNode, toRaw as toRaw$1, vModelCheckbox, toRefs, withKeys, h as h$2, createSlots, triggerRef, resolveComponent, resolveDirective, vModelText, TransitionGroup, createApp, shallowReactive, render, normalizeProps, guardReactiveProps, pushScopeId, popScopeId, createStaticVNode } from "vue";
 import moment from "moment";
 var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
 var freeGlobal$1 = freeGlobal;
@@ -1622,45 +1622,56 @@ const isNumber$1 = (val) => typeof val === "number";
 const isString$2 = (val) => typeof val === "string";
 const noop = () => {
 };
-isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+const isIOS = isClient && ((_a = window == null ? void 0 : window.navigator) == null ? void 0 : _a.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function resolveUnref(r2) {
   return typeof r2 === "function" ? r2() : unref(r2);
 }
 function createFilterWrapper(filter, fn2) {
   function wrapper(...args) {
-    filter(() => fn2.apply(this, args), { fn: fn2, thisArg: this, args });
+    return new Promise((resolve, reject) => {
+      Promise.resolve(filter(() => fn2.apply(this, args), { fn: fn2, thisArg: this, args })).then(resolve).catch(reject);
+    });
   }
   return wrapper;
 }
 function debounceFilter(ms, options = {}) {
   let timer;
   let maxTimer;
+  let lastRejector = noop;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop;
+  };
   const filter = (invoke) => {
     const duration = resolveUnref(ms);
     const maxDuration = resolveUnref(options.maxWait);
     if (timer)
-      clearTimeout(timer);
+      _clearTimeout(timer);
     if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
       if (maxTimer) {
-        clearTimeout(maxTimer);
+        _clearTimeout(maxTimer);
         maxTimer = null;
       }
-      return invoke();
-    }
-    if (maxDuration && !maxTimer) {
-      maxTimer = setTimeout(() => {
-        if (timer)
-          clearTimeout(timer);
+      return Promise.resolve(invoke());
+    }
+    return new Promise((resolve, reject) => {
+      lastRejector = options.rejectOnCancel ? reject : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
         maxTimer = null;
-        invoke();
-      }, maxDuration);
-    }
-    timer = setTimeout(() => {
-      if (maxTimer)
-        clearTimeout(maxTimer);
-      maxTimer = null;
-      invoke();
-    }, duration);
+        resolve(invoke());
+      }, duration);
+    });
   };
   return filter;
 }
@@ -1678,8 +1689,6 @@ function useDebounceFn(fn2, ms = 200, options = {}) {
   return createFilterWrapper(debounceFilter(ms, options), fn2);
 }
 function refDebounced(value, ms = 200, options = {}) {
-  if (ms <= 0)
-    return value;
   const debounced = ref(value.value);
   const updater = useDebounceFn(() => {
     debounced.value = value.value;
@@ -1727,7 +1736,7 @@ function useTimeoutFn(cb, interval, options = {}) {
   }
   tryOnScopeDispose(stop);
   return {
-    isPending,
+    isPending: readonly(isPending),
     start,
     stop
   };
@@ -1743,27 +1752,37 @@ isClient ? window.navigator : void 0;
 isClient ? window.location : void 0;
 function useEventListener(...args) {
   let target;
-  let event;
-  let listener;
+  let events;
+  let listeners;
   let options;
-  if (isString$2(args[0])) {
-    [event, listener, options] = args;
+  if (isString$2(args[0]) || Array.isArray(args[0])) {
+    [events, listeners, options] = args;
     target = defaultWindow;
   } else {
-    [target, event, listener, options] = args;
+    [target, events, listeners, options] = args;
   }
   if (!target)
     return noop;
-  let cleanup = noop;
-  const stopWatch = watch(() => unrefElement(target), (el) => {
+  if (!Array.isArray(events))
+    events = [events];
+  if (!Array.isArray(listeners))
+    listeners = [listeners];
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn2) => fn2());
+    cleanups.length = 0;
+  };
+  const register2 = (el, event, listener, options2) => {
+    el.addEventListener(event, listener, options2);
+    return () => el.removeEventListener(event, listener, options2);
+  };
+  const stopWatch = watch(() => [unrefElement(target), resolveUnref(options)], ([el, options2]) => {
     cleanup();
     if (!el)
       return;
-    el.addEventListener(event, listener, options);
-    cleanup = () => {
-      el.removeEventListener(event, listener, options);
-      cleanup = noop;
-    };
+    cleanups.push(...events.flatMap((event) => {
+      return listeners.map((listener) => register2(el, event, listener, options2));
+    }));
   }, { immediate: true, flush: "post" });
   const stop = () => {
     stopWatch();
@@ -1772,24 +1791,35 @@ function useEventListener(...args) {
   tryOnScopeDispose(stop);
   return stop;
 }
+let _iOSWorkaround = false;
 function onClickOutside(target, handler, options = {}) {
-  const { window: window2 = defaultWindow, ignore, capture = true, detectIframe = false } = options;
+  const { window: window2 = defaultWindow, ignore = [], capture = true, detectIframe = false } = options;
   if (!window2)
     return;
-  const shouldListen = ref(true);
-  let fallback;
+  if (isIOS && !_iOSWorkaround) {
+    _iOSWorkaround = true;
+    Array.from(window2.document.body.children).forEach((el) => el.addEventListener("click", noop));
+  }
+  let shouldListen = true;
+  const shouldIgnore = (event) => {
+    return ignore.some((target2) => {
+      if (typeof target2 === "string") {
+        return Array.from(window2.document.querySelectorAll(target2)).some((el) => el === event.target || event.composedPath().includes(el));
+      } else {
+        const el = unrefElement(target2);
+        return el && (event.target === el || event.composedPath().includes(el));
+      }
+    });
+  };
   const listener = (event) => {
-    window2.clearTimeout(fallback);
     const el = unrefElement(target);
-    const composedPath = event.composedPath();
-    if (!el || el === event.target || composedPath.includes(el) || !shouldListen.value)
+    if (!el || el === event.target || event.composedPath().includes(el))
+      return;
+    if (event.detail === 0)
+      shouldListen = !shouldIgnore(event);
+    if (!shouldListen) {
+      shouldListen = true;
       return;
-    if (ignore && ignore.length > 0) {
-      if (ignore.some((target2) => {
-        const el2 = unrefElement(target2);
-        return el2 && (event.target === el2 || composedPath.includes(el2));
-      }))
-        return;
     }
     handler(event);
   };
@@ -1797,19 +1827,13 @@ function onClickOutside(target, handler, options = {}) {
     useEventListener(window2, "click", listener, { passive: true, capture }),
     useEventListener(window2, "pointerdown", (e2) => {
       const el = unrefElement(target);
-      shouldListen.value = !!el && !e2.composedPath().includes(el);
-    }, { passive: true }),
-    useEventListener(window2, "pointerup", (e2) => {
-      if (e2.button === 0) {
-        const path = e2.composedPath();
-        e2.composedPath = () => path;
-        fallback = window2.setTimeout(() => listener(e2), 50);
-      }
+      if (el)
+        shouldListen = !e2.composedPath().includes(el) && !shouldIgnore(e2);
     }, { passive: true }),
     detectIframe && useEventListener(window2, "blur", (event) => {
       var _a2;
       const el = unrefElement(target);
-      if (((_a2 = document.activeElement) == null ? void 0 : _a2.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(document.activeElement)))
+      if (((_a2 = window2.document.activeElement) == null ? void 0 : _a2.tagName) === "IFRAME" && !(el == null ? void 0 : el.contains(window2.document.activeElement)))
         handler(event);
     })
   ].filter(Boolean);
@@ -1839,17 +1863,17 @@ function useDocumentVisibility({ document: document2 = defaultDocument } = {}) {
   });
   return visibility;
 }
-var __getOwnPropSymbols$f = Object.getOwnPropertySymbols;
-var __hasOwnProp$f = Object.prototype.hasOwnProperty;
-var __propIsEnum$f = Object.prototype.propertyIsEnumerable;
+var __getOwnPropSymbols$g = Object.getOwnPropertySymbols;
+var __hasOwnProp$g = Object.prototype.hasOwnProperty;
+var __propIsEnum$g = Object.prototype.propertyIsEnumerable;
 var __objRest$2 = (source2, exclude) => {
   var target = {};
   for (var prop in source2)
-    if (__hasOwnProp$f.call(source2, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$g.call(source2, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source2[prop];
-  if (source2 != null && __getOwnPropSymbols$f)
-    for (var prop of __getOwnPropSymbols$f(source2)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$f.call(source2, prop))
+  if (source2 != null && __getOwnPropSymbols$g)
+    for (var prop of __getOwnPropSymbols$g(source2)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$g.call(source2, prop))
         target[prop] = source2[prop];
     }
   return target;
@@ -37933,7 +37957,7 @@ const _sfc_main$o = {
     },
     memoryBlur: {
       type: Boolean,
-      default: false
+      default: true
     }
   },
   emits: ["setValid", "change", "validate", "fetchDadata"],
@@ -37965,20 +37989,20 @@ const _sfc_main$o = {
         dropElements[i2].style.width = `${dropElements[i2].offsetWidth}px`;
       }
       if (memoryBlur.value) {
-        suggestionBox.value.$el.addEventListener("input", memoryInputOnBlur);
+        useEventListener(suggestionBox.value.$el, "input", memoryInputOnBlur);
       }
     });
-    onBeforeUnmount(() => {
-      suggestionBox.value.$el.removeEventListener("input", memoryInputOnBlur);
-    });
     watch(selectedValue, (newVal) => {
       ruleForm[prop] = newVal;
     });
     watch(selectedItem, (newVal) => {
       selectedValue.value = newVal.value;
     });
+    const blockMemoryBlur = ref(false);
     const change = (item) => {
-      console.log("change", item);
+      if (memoryBlur.value)
+        blockMemoryBlur.value = true;
+      console.log("IN-change", blockMemoryBlur.value);
       if (item.target)
         return;
       emit2("change", item);
@@ -37990,14 +38014,19 @@ const _sfc_main$o = {
       emit2("validate", properties, isValid, message2);
     };
     const suggestion = ref(null);
-    const validateInpBlur = () => {
-      if (memoryBlur.value) {
-        emit2("change", {
-          id: uniqid(),
-          value: memoryInput.value,
-          dadata: false
-        });
-      }
+    const validateInpBlur = (event) => {
+      console.log("blockMemoryBlur.value", blockMemoryBlur.value);
+      setTimeout(() => {
+        if (blockMemoryBlur.value) {
+          blockMemoryBlur.value = false;
+        } else if (memoryBlur.value) {
+          emit2("change", {
+            id: uniqid(),
+            value: memoryInput.value,
+            dadata: false
+          });
+        }
+      }, 300);
       setTimeout(() => {
         suggestion.value.validate();
       }, 300);