@bagelink/vue 0.0.929 → 0.0.933

package/dist/components/TableSchema.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAmjBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA+axD,mBAAmB,CAAC;;;;;;;;;;wBAvNZ,MAAM,EAAE;;cApNnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MAsawD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UArDuE,GAAG;UAuD9E;0BAxNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAsNL;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAzbzE,wBAyb4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAijBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6axD,mBAAmB,CAAC;;;;;;;;;;wBAvNZ,MAAM,EAAE;;cAlNnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MAoawD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UArDuE,GAAG;UAuD9E;0BAxNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAsNL;OAG/B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvbzE,wBAub4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/form/inputs/TextInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA6NA,OAAO,EAEN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;;SAMf,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;;;SAvB/B,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;UAX7B,MAAM;gBARA,MAAM,GAAG,MAAM;mBAkBZ,MAAM;;AAmLxB,wBASG"}
+{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA8NA,OAAO,EAEN,KAAK,aAAa,EAElB,MAAM,eAAe,CAAA;;SAMf,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;;;SAvB/B,MAAM;YACH,MAAM;eACH,MAAM;kBACH,MAAM;iBACP,MAAM,GAAG,MAAM;YACpB,MAAM;YACN,OAAO;YACP,OAAO;eACJ,OAAO;cACR,MAAM;aACP,OAAO;eACL,OAAO;WACX,MAAM;uBACM;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;WAClC,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM,GAAG,MAAM;mBACR,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;UAX7B,MAAM;gBARA,MAAM,GAAG,MAAM;mBAkBZ,MAAM;;AAoLxB,wBASG"}

package/dist/index.cjs

@@ -48129,7 +48129,7 @@ const toObjectSet = (arrayOrString, delimiter) => {
   isArray(arrayOrString) ? define2(arrayOrString) : define2(String(arrayOrString).split(delimiter));
   return obj;
 };
-const noop = () => {
+const noop$1 = () => {
 };
 const toFiniteNumber = (value, defaultValue) => {
   return value != null && Number.isFinite(value = +value) ? value : defaultValue;
@@ -48242,7 +48242,7 @@ const utils$1 = {
   freezeMethods,
   toObjectSet,
   toCamelCase,
-  noop,
+  noop: noop$1,
   toFiniteNumber,
   findKey,
   global: _global,
@@ -52718,13 +52718,13 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
       if (props2.multiline || props2.code) return 4;
       return 1;
     });
-    const debounceUpdate = debounce(() => {
+    const debounceUpdate = useDebounceFn(() => {
       emit2("debounce", inputVal.value);
     }, props2.debounceDelay);
     function updateInputVal() {
       if (props2.disabled) return;
       emit2("update:modelValue", inputVal.value);
-      debounceUpdate();
+      void debounceUpdate();
     }
     vue.watch(
       () => props2.modelValue,
@@ -52818,7 +52818,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-06d5ed00"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2c465924"]]);
 const _hoisted_1$h = ["title"];
 const _hoisted_2$9 = ["id", "required"];
 const _hoisted_3$7 = ["for"];
@@ -54045,9 +54045,75 @@ function toValue(r2) {
 }
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const notNullish = (val) => val != null;
+const noop = () => {
+};
+function createFilterWrapper(filter3, fn3) {
+  function wrapper(...args) {
+    return new Promise((resolve, reject3) => {
+      Promise.resolve(filter3(() => fn3.apply(this, args), { fn: fn3, thisArg: this, args })).then(resolve).catch(reject3);
+    });
+  }
+  return wrapper;
+}
+function debounceFilter(ms, options = {}) {
+  let timer;
+  let maxTimer;
+  let lastRejector = noop;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop;
+  };
+  const filter3 = (invoke) => {
+    const duration = toValue(ms);
+    const maxDuration = toValue(options.maxWait);
+    if (timer)
+      _clearTimeout(timer);
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+      if (maxTimer) {
+        _clearTimeout(maxTimer);
+        maxTimer = null;
+      }
+      return Promise.resolve(invoke());
+    }
+    return new Promise((resolve, reject3) => {
+      lastRejector = options.rejectOnCancel ? reject3 : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
+        maxTimer = null;
+        resolve(invoke());
+      }, duration);
+    });
+  };
+  return filter3;
+}
+function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
+  return new Promise((resolve, reject3) => {
+    if (throwOnTimeout)
+      setTimeout(() => reject3(reason), ms);
+    else
+      setTimeout(resolve, ms);
+  });
+}
 function getLifeCycleTarget(target) {
   return vue.getCurrentInstance();
 }
+function useDebounceFn(fn3, ms = 200, options = {}) {
+  return createFilterWrapper(
+    debounceFilter(ms, options),
+    fn3
+  );
+}
 function tryOnMounted(fn3, sync = true, target) {
   const instance = getLifeCycleTarget();
   if (instance)
@@ -54057,6 +54123,130 @@ function tryOnMounted(fn3, sync = true, target) {
   else
     vue.nextTick(fn3);
 }
+function createUntil(r2, isNot = false) {
+  function toMatch(condition, { flush = "sync", deep = false, timeout, throwOnTimeout } = {}) {
+    let stop = null;
+    const watcher = new Promise((resolve) => {
+      stop = vue.watch(
+        r2,
+        (v2) => {
+          if (condition(v2) !== isNot) {
+            if (stop)
+              stop();
+            else
+              vue.nextTick(() => stop == null ? void 0 : stop());
+            resolve(v2);
+          }
+        },
+        {
+          flush,
+          deep,
+          immediate: true
+        }
+      );
+    });
+    const promises = [watcher];
+    if (timeout != null) {
+      promises.push(
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r2)).finally(() => stop == null ? void 0 : stop())
+      );
+    }
+    return Promise.race(promises);
+  }
+  function toBe(value, options) {
+    if (!vue.isRef(value))
+      return toMatch((v2) => v2 === value, options);
+    const { flush = "sync", deep = false, timeout, throwOnTimeout } = options != null ? options : {};
+    let stop = null;
+    const watcher = new Promise((resolve) => {
+      stop = vue.watch(
+        [r2, value],
+        ([v1, v2]) => {
+          if (isNot !== (v1 === v2)) {
+            if (stop)
+              stop();
+            else
+              vue.nextTick(() => stop == null ? void 0 : stop());
+            resolve(v1);
+          }
+        },
+        {
+          flush,
+          deep,
+          immediate: true
+        }
+      );
+    });
+    const promises = [watcher];
+    if (timeout != null) {
+      promises.push(
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r2)).finally(() => {
+          stop == null ? void 0 : stop();
+          return toValue(r2);
+        })
+      );
+    }
+    return Promise.race(promises);
+  }
+  function toBeTruthy(options) {
+    return toMatch((v2) => Boolean(v2), options);
+  }
+  function toBeNull(options) {
+    return toBe(null, options);
+  }
+  function toBeUndefined(options) {
+    return toBe(void 0, options);
+  }
+  function toBeNaN(options) {
+    return toMatch(Number.isNaN, options);
+  }
+  function toContains(value, options) {
+    return toMatch((v2) => {
+      const array2 = Array.from(v2);
+      return array2.includes(value) || array2.includes(toValue(value));
+    }, options);
+  }
+  function changed(options) {
+    return changedTimes(1, options);
+  }
+  function changedTimes(n2 = 1, options) {
+    let count2 = -1;
+    return toMatch(() => {
+      count2 += 1;
+      return count2 >= n2;
+    }, options);
+  }
+  if (Array.isArray(toValue(r2))) {
+    const instance = {
+      toMatch,
+      toContains,
+      changed,
+      changedTimes,
+      get not() {
+        return createUntil(r2, !isNot);
+      }
+    };
+    return instance;
+  } else {
+    const instance = {
+      toMatch,
+      toBe,
+      toBeTruthy,
+      toBeNull,
+      toBeNaN,
+      toBeUndefined,
+      changed,
+      changedTimes,
+      get not() {
+        return createUntil(r2, !isNot);
+      }
+    };
+    return instance;
+  }
+}
+function until(r2) {
+  return createUntil(r2);
+}
 const defaultWindow = isClient ? window : void 0;
 function unrefElement(elRef) {
   var _a2;
@@ -54174,6 +54364,64 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
     stop
   };
 }
+function useIntersectionObserver(target, callback, options = {}) {
+  const {
+    root: root2,
+    rootMargin = "0px",
+    threshold = 0,
+    window: window2 = defaultWindow,
+    immediate = true
+  } = options;
+  const isSupported = useSupported(() => window2 && "IntersectionObserver" in window2);
+  const targets = vue.computed(() => {
+    const _target = toValue(target);
+    return (Array.isArray(_target) ? _target : [_target]).map(unrefElement).filter(notNullish);
+  });
+  let cleanup = noop;
+  const isActive2 = vue.ref(immediate);
+  const stopWatch = isSupported.value ? vue.watch(
+    () => [targets.value, unrefElement(root2), isActive2.value],
+    ([targets2, root22]) => {
+      cleanup();
+      if (!isActive2.value)
+        return;
+      if (!targets2.length)
+        return;
+      const observer = new IntersectionObserver(
+        callback,
+        {
+          root: unrefElement(root22),
+          rootMargin,
+          threshold
+        }
+      );
+      targets2.forEach((el) => el && observer.observe(el));
+      cleanup = () => {
+        observer.disconnect();
+        cleanup = noop;
+      };
+    },
+    { immediate, flush: "post" }
+  ) : noop;
+  const stop = () => {
+    cleanup();
+    stopWatch();
+    isActive2.value = false;
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    isActive: isActive2,
+    pause() {
+      cleanup();
+      isActive2.value = false;
+    },
+    resume() {
+      isActive2.value = true;
+    },
+    stop
+  };
+}
 function useVirtualList(list, options) {
   const { containerStyle, wrapperProps, scrollTo, calculateRange, currentList, containerRef } = "itemHeight" in options ? useVerticalVirtualList(options, list) : useHorizontalVirtualList(options, list);
   return {
@@ -54382,7 +54630,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "527f36f7": vue.unref(computedItemHeight)
+      "2c584721": vue.unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = vue.useSlots();
@@ -54501,21 +54749,17 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       selectedItems.value = value ? computedData.value.map((d2) => d2.id) : [];
     }
     const lastItem = vue.ref();
-    let observer;
-    function registerLastItemObserver() {
-      if (__props.onLastItemVisible === void 0) return;
-      observer = new IntersectionObserver(([entry]) => {
+    async function registerLastItemObserver() {
+      await until(() => lastItem.value).toBeTruthy();
+      useIntersectionObserver(lastItem.value, ([entry]) => {
+        var _a2;
         if (entry.isIntersecting && computedData.value.length) {
-          void __props.onLastItemVisible();
+          void ((_a2 = __props.onLastItemVisible) == null ? void 0 : _a2.call(__props));
         }
       });
-      if (lastItem.value) observer.observe(lastItem.value);
     }
     vue.onMounted(() => {
-      registerLastItemObserver();
-    });
-    vue.onUnmounted(() => {
-      observer == null ? void 0 : observer.disconnect();
+      void registerLastItemObserver();
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
@@ -54610,7 +54854,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e3fe1a41"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bcd5ff3e"]]);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {
@@ -56602,6 +56846,7 @@ exports.sleep = sleep;
 exports.timeAgo = timeAgo;
 exports.useBagel = useBagel;
 exports.useBglSchema = useBglSchema;
+exports.useDebounceFn = useDebounceFn;
 exports.useEscape = useEscape;
 exports.useI18nT = useI18nT;
 exports.useLang = useLang;

package/dist/index.mjs

@@ -48127,7 +48127,7 @@ const toObjectSet = (arrayOrString, delimiter) => {
   isArray(arrayOrString) ? define2(arrayOrString) : define2(String(arrayOrString).split(delimiter));
   return obj;
 };
-const noop = () => {
+const noop$1 = () => {
 };
 const toFiniteNumber = (value, defaultValue) => {
   return value != null && Number.isFinite(value = +value) ? value : defaultValue;
@@ -48240,7 +48240,7 @@ const utils$1 = {
   freezeMethods,
   toObjectSet,
   toCamelCase,
-  noop,
+  noop: noop$1,
   toFiniteNumber,
   findKey,
   global: _global,
@@ -52716,13 +52716,13 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       if (props2.multiline || props2.code) return 4;
       return 1;
     });
-    const debounceUpdate = debounce(() => {
+    const debounceUpdate = useDebounceFn(() => {
       emit2("debounce", inputVal.value);
     }, props2.debounceDelay);
     function updateInputVal() {
       if (props2.disabled) return;
       emit2("update:modelValue", inputVal.value);
-      debounceUpdate();
+      void debounceUpdate();
     }
     watch(
       () => props2.modelValue,
@@ -52816,7 +52816,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-06d5ed00"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-2c465924"]]);
 const _hoisted_1$h = ["title"];
 const _hoisted_2$9 = ["id", "required"];
 const _hoisted_3$7 = ["for"];
@@ -54043,9 +54043,75 @@ function toValue(r2) {
 }
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const notNullish = (val) => val != null;
+const noop = () => {
+};
+function createFilterWrapper(filter3, fn3) {
+  function wrapper(...args) {
+    return new Promise((resolve, reject3) => {
+      Promise.resolve(filter3(() => fn3.apply(this, args), { fn: fn3, thisArg: this, args })).then(resolve).catch(reject3);
+    });
+  }
+  return wrapper;
+}
+function debounceFilter(ms, options = {}) {
+  let timer;
+  let maxTimer;
+  let lastRejector = noop;
+  const _clearTimeout = (timer2) => {
+    clearTimeout(timer2);
+    lastRejector();
+    lastRejector = noop;
+  };
+  const filter3 = (invoke) => {
+    const duration = toValue(ms);
+    const maxDuration = toValue(options.maxWait);
+    if (timer)
+      _clearTimeout(timer);
+    if (duration <= 0 || maxDuration !== void 0 && maxDuration <= 0) {
+      if (maxTimer) {
+        _clearTimeout(maxTimer);
+        maxTimer = null;
+      }
+      return Promise.resolve(invoke());
+    }
+    return new Promise((resolve, reject3) => {
+      lastRejector = options.rejectOnCancel ? reject3 : resolve;
+      if (maxDuration && !maxTimer) {
+        maxTimer = setTimeout(() => {
+          if (timer)
+            _clearTimeout(timer);
+          maxTimer = null;
+          resolve(invoke());
+        }, maxDuration);
+      }
+      timer = setTimeout(() => {
+        if (maxTimer)
+          _clearTimeout(maxTimer);
+        maxTimer = null;
+        resolve(invoke());
+      }, duration);
+    });
+  };
+  return filter3;
+}
+function promiseTimeout(ms, throwOnTimeout = false, reason = "Timeout") {
+  return new Promise((resolve, reject3) => {
+    if (throwOnTimeout)
+      setTimeout(() => reject3(reason), ms);
+    else
+      setTimeout(resolve, ms);
+  });
+}
 function getLifeCycleTarget(target) {
   return getCurrentInstance();
 }
+function useDebounceFn(fn3, ms = 200, options = {}) {
+  return createFilterWrapper(
+    debounceFilter(ms, options),
+    fn3
+  );
+}
 function tryOnMounted(fn3, sync = true, target) {
   const instance = getLifeCycleTarget();
   if (instance)
@@ -54055,6 +54121,130 @@ function tryOnMounted(fn3, sync = true, target) {
   else
     nextTick(fn3);
 }
+function createUntil(r2, isNot = false) {
+  function toMatch(condition, { flush = "sync", deep = false, timeout, throwOnTimeout } = {}) {
+    let stop = null;
+    const watcher = new Promise((resolve) => {
+      stop = watch(
+        r2,
+        (v2) => {
+          if (condition(v2) !== isNot) {
+            if (stop)
+              stop();
+            else
+              nextTick(() => stop == null ? void 0 : stop());
+            resolve(v2);
+          }
+        },
+        {
+          flush,
+          deep,
+          immediate: true
+        }
+      );
+    });
+    const promises = [watcher];
+    if (timeout != null) {
+      promises.push(
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r2)).finally(() => stop == null ? void 0 : stop())
+      );
+    }
+    return Promise.race(promises);
+  }
+  function toBe(value, options) {
+    if (!isRef(value))
+      return toMatch((v2) => v2 === value, options);
+    const { flush = "sync", deep = false, timeout, throwOnTimeout } = options != null ? options : {};
+    let stop = null;
+    const watcher = new Promise((resolve) => {
+      stop = watch(
+        [r2, value],
+        ([v1, v2]) => {
+          if (isNot !== (v1 === v2)) {
+            if (stop)
+              stop();
+            else
+              nextTick(() => stop == null ? void 0 : stop());
+            resolve(v1);
+          }
+        },
+        {
+          flush,
+          deep,
+          immediate: true
+        }
+      );
+    });
+    const promises = [watcher];
+    if (timeout != null) {
+      promises.push(
+        promiseTimeout(timeout, throwOnTimeout).then(() => toValue(r2)).finally(() => {
+          stop == null ? void 0 : stop();
+          return toValue(r2);
+        })
+      );
+    }
+    return Promise.race(promises);
+  }
+  function toBeTruthy(options) {
+    return toMatch((v2) => Boolean(v2), options);
+  }
+  function toBeNull(options) {
+    return toBe(null, options);
+  }
+  function toBeUndefined(options) {
+    return toBe(void 0, options);
+  }
+  function toBeNaN(options) {
+    return toMatch(Number.isNaN, options);
+  }
+  function toContains(value, options) {
+    return toMatch((v2) => {
+      const array2 = Array.from(v2);
+      return array2.includes(value) || array2.includes(toValue(value));
+    }, options);
+  }
+  function changed(options) {
+    return changedTimes(1, options);
+  }
+  function changedTimes(n2 = 1, options) {
+    let count2 = -1;
+    return toMatch(() => {
+      count2 += 1;
+      return count2 >= n2;
+    }, options);
+  }
+  if (Array.isArray(toValue(r2))) {
+    const instance = {
+      toMatch,
+      toContains,
+      changed,
+      changedTimes,
+      get not() {
+        return createUntil(r2, !isNot);
+      }
+    };
+    return instance;
+  } else {
+    const instance = {
+      toMatch,
+      toBe,
+      toBeTruthy,
+      toBeNull,
+      toBeNaN,
+      toBeUndefined,
+      changed,
+      changedTimes,
+      get not() {
+        return createUntil(r2, !isNot);
+      }
+    };
+    return instance;
+  }
+}
+function until(r2) {
+  return createUntil(r2);
+}
 const defaultWindow = isClient ? window : void 0;
 function unrefElement(elRef) {
   var _a2;
@@ -54172,6 +54362,64 @@ function useElementSize(target, initialSize = { width: 0, height: 0 }, options =
     stop
   };
 }
+function useIntersectionObserver(target, callback, options = {}) {
+  const {
+    root: root2,
+    rootMargin = "0px",
+    threshold = 0,
+    window: window2 = defaultWindow,
+    immediate = true
+  } = options;
+  const isSupported = useSupported(() => window2 && "IntersectionObserver" in window2);
+  const targets = computed(() => {
+    const _target = toValue(target);
+    return (Array.isArray(_target) ? _target : [_target]).map(unrefElement).filter(notNullish);
+  });
+  let cleanup = noop;
+  const isActive2 = ref(immediate);
+  const stopWatch = isSupported.value ? watch(
+    () => [targets.value, unrefElement(root2), isActive2.value],
+    ([targets2, root22]) => {
+      cleanup();
+      if (!isActive2.value)
+        return;
+      if (!targets2.length)
+        return;
+      const observer = new IntersectionObserver(
+        callback,
+        {
+          root: unrefElement(root22),
+          rootMargin,
+          threshold
+        }
+      );
+      targets2.forEach((el) => el && observer.observe(el));
+      cleanup = () => {
+        observer.disconnect();
+        cleanup = noop;
+      };
+    },
+    { immediate, flush: "post" }
+  ) : noop;
+  const stop = () => {
+    cleanup();
+    stopWatch();
+    isActive2.value = false;
+  };
+  tryOnScopeDispose(stop);
+  return {
+    isSupported,
+    isActive: isActive2,
+    pause() {
+      cleanup();
+      isActive2.value = false;
+    },
+    resume() {
+      isActive2.value = true;
+    },
+    stop
+  };
+}
 function useVirtualList(list, options) {
   const { containerStyle, wrapperProps, scrollTo, calculateRange, currentList, containerRef } = "itemHeight" in options ? useVerticalVirtualList(options, list) : useHorizontalVirtualList(options, list);
   return {
@@ -54380,7 +54628,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "527f36f7": unref(computedItemHeight)
+      "2c584721": unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = useSlots();
@@ -54499,21 +54747,17 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       selectedItems.value = value ? computedData.value.map((d2) => d2.id) : [];
     }
     const lastItem = ref();
-    let observer;
-    function registerLastItemObserver() {
-      if (__props.onLastItemVisible === void 0) return;
-      observer = new IntersectionObserver(([entry]) => {
+    async function registerLastItemObserver() {
+      await until(() => lastItem.value).toBeTruthy();
+      useIntersectionObserver(lastItem.value, ([entry]) => {
+        var _a2;
         if (entry.isIntersecting && computedData.value.length) {
-          void __props.onLastItemVisible();
+          void ((_a2 = __props.onLastItemVisible) == null ? void 0 : _a2.call(__props));
         }
       });
-      if (lastItem.value) observer.observe(lastItem.value);
     }
     onMounted(() => {
-      registerLastItemObserver();
-    });
-    onUnmounted(() => {
-      observer == null ? void 0 : observer.disconnect();
+      void registerLastItemObserver();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
@@ -54608,7 +54852,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-e3fe1a41"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bcd5ff3e"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
@@ -56601,6 +56845,7 @@ export {
   timeAgo,
   useBagel,
   useBglSchema,
+  useDebounceFn,
   useEscape,
   useI18nT,
   useLang,

package/dist/style.css

@@ -1604,58 +1604,58 @@ p {
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-06d5ed00] {
+.bagel-input textarea[data-v-2c465924] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-06d5ed00] {
+.bagel-input.text-input textarea[data-v-2c465924] {
 	resize: none;
 }
-.code textarea[data-v-06d5ed00] {
+.code textarea[data-v-2c465924] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-code-bg) !important;
 	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-06d5ed00]::placeholder {
+.code textarea[data-v-2c465924]::placeholder {
 	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-06d5ed00] {
+.bagel-input.small[data-v-2c465924] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-06d5ed00] {
+.bagel-input.dense label[data-v-2c465924] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-06d5ed00]:disabled {
+.bagel-input input[data-v-2c465924]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-06d5ed00] {
+.bagel-input label[data-v-2c465924] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap .bgl_icon-font[data-v-06d5ed00] {
+.textInputIconWrap .bgl_icon-font[data-v-2c465924] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-end:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 + 0.1rem);
 	line-height: 0;
 }
-.textInputIconWrap input[data-v-06d5ed00]{
+.textInputIconWrap input[data-v-2c465924]{
 	padding-inline-end: calc(var(--input-height) / 3 + 1.5rem);
 }
-.txtInputIconStart .iconStart[data-v-06d5ed00] {
+.txtInputIconStart .iconStart[data-v-2c465924] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.txtInputIconStart input[data-v-06d5ed00], .txtInputIconStart textarea[data-v-06d5ed00]{
+.txtInputIconStart input[data-v-2c465924], .txtInputIconStart textarea[data-v-2c465924]{
 	padding-inline-start: calc(var(--input-height) / 3 + 1.5rem);
 }
-.bagel-input.small textarea[data-v-06d5ed00] {
+.bagel-input.small textarea[data-v-2c465924] {
 	height: 30px;
 }
 
@@ -3248,22 +3248,22 @@ body:has(.bg-dark.is-active) {
   background: transparent;
 }
 
-.table-list-wrap[data-v-e3fe1a41] {
+.table-list-wrap[data-v-bcd5ff3e] {
 	min-height: 150px;
 }
-.selected[data-v-e3fe1a41] {
+.selected[data-v-bcd5ff3e] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-e3fe1a41]:hover {
+tbody tr.selected[data-v-bcd5ff3e]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-e3fe1a41] {
+.loading-table[data-v-bcd5ff3e] {
 	position: relative;
 }
-.inset[data-v-e3fe1a41] {
+.inset[data-v-bcd5ff3e] {
 	inset: 0;
 }
-.loading-table-animation[data-v-e3fe1a41] {
+.loading-table-animation[data-v-bcd5ff3e] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3271,9 +3271,9 @@ tbody tr.selected[data-v-e3fe1a41]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-e3fe1a41 1s linear infinite;
+	animation: loading-table-bcd5ff3e 1s linear infinite;
 }
-@keyframes loading-table-e3fe1a41 {
+@keyframes loading-table-bcd5ff3e {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3281,51 +3281,51 @@ tbody tr.selected[data-v-e3fe1a41]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-e3fe1a41] {
+.list-arrows[data-v-bcd5ff3e] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-e3fe1a41] {
+.list-arrows .bgl_icon-font[data-v-bcd5ff3e] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-e3fe1a41] {
+.list-arrows.sorted[data-v-bcd5ff3e] {
 	opacity: 1;
 }
-.col img[data-v-e3fe1a41] {
+.col img[data-v-bcd5ff3e] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-e3fe1a41] {
+.list-arrows.sorted .desc[data-v-bcd5ff3e] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-e3fe1a41] {
+table[data-v-bcd5ff3e] {
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-e3fe1a41] {
+th[data-v-bcd5ff3e] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--527f36f7);
+	height: var(--2c584721);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-e3fe1a41] {
+.embedded-field[data-v-bcd5ff3e] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-e3fe1a41] {
+.row[data-v-bcd5ff3e] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-e3fe1a41] {
+.row.first-row[data-v-bcd5ff3e] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3334,7 +3334,7 @@ th[data-v-e3fe1a41] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-e3fe1a41]::after {
+.row.first-row[data-v-bcd5ff3e]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3342,30 +3342,30 @@ th[data-v-e3fe1a41] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-e3fe1a41] {
+.first-row .col[data-v-bcd5ff3e] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-e3fe1a41] {
+.col[data-v-bcd5ff3e] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-e3fe1a41]:has(.bagel-input) {
+.col[data-v-bcd5ff3e]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-e3fe1a41] {
+.col > div[data-v-bcd5ff3e] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-e3fe1a41] {
+.max-col-width[data-v-bcd5ff3e] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-e3fe1a41] {
+.col.check .bgl_icon-font[data-v-bcd5ff3e] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3376,35 +3376,35 @@ th[data-v-e3fe1a41] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-e3fe1a41] {
+.rows[data-v-bcd5ff3e] {
 	font-size: 0.88em;
 }
-.table-list[data-v-e3fe1a41] {
+.table-list[data-v-bcd5ff3e] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-e3fe1a41] {
+.BagelTable .table-list[data-v-bcd5ff3e] {
 	overflow: unset;
 }
-.row-item[data-v-e3fe1a41] {
-	height: var(--527f36f7);
+.row-item[data-v-bcd5ff3e] {
+	height: var(--2c584721);
 	transition: all 200ms ease;
 }
-.row-item[data-v-e3fe1a41]:hover {
+.row-item[data-v-bcd5ff3e]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-e3fe1a41] {
+.row-item input[type='checkbox'][data-v-bcd5ff3e] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-e3fe1a41] {
+.infinite-wrapper[data-v-bcd5ff3e] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-e3fe1a41] {
+input[type='checkbox'][data-v-bcd5ff3e] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3416,7 +3416,7 @@ input[type='checkbox'][data-v-e3fe1a41] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-e3fe1a41]::before {
+input[type='checkbox'][data-v-bcd5ff3e]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3429,18 +3429,18 @@ input[type='checkbox'][data-v-e3fe1a41]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-e3fe1a41]:hover::before {
+input[type='checkbox'][data-v-bcd5ff3e]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-e3fe1a41] {
+[lang='he'] [dir='ltr'][data-v-bcd5ff3e] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-e3fe1a41] {
+th input[type='checkbox'][data-v-bcd5ff3e] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-e3fe1a41]::after {
+th[data-v-bcd5ff3e]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3448,24 +3448,24 @@ th[data-v-e3fe1a41]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-e3fe1a41] {
+tr[data-v-bcd5ff3e] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-e3fe1a41],
-th[data-v-e3fe1a41] {
+td[data-v-bcd5ff3e],
+th[data-v-bcd5ff3e] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-e3fe1a41] {
+tbody tr[data-v-bcd5ff3e] {
 	font-size: 0.88em;
-	height: var(--527f36f7);
+	height: var(--2c584721);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-e3fe1a41]:hover {
+tbody tr[data-v-bcd5ff3e]:hover {
 	background: var(--bgl-gray-light);
 }
 

package/dist/utils/index.d.ts

@@ -13,10 +13,11 @@ export declare function denullify(itemData?: {
     [key: string]: any;
 }, fieldID?: string): any;
 export declare const isDate: (dateToTest: any) => boolean;
-export * as bagelFormUtils from './BagelFormUtils';
-export { useLang } from './lang';
-export { formatString } from './strings';
 export declare function getFallbackSchema<T>(data?: any[], showFields?: string[]): BglFormSchemaT<T>;
 export declare function sleep(ms?: number): Promise<unknown>;
 export declare function appendScript(src: string): Promise<void>;
+export * as bagelFormUtils from './BagelFormUtils';
+export { useLang } from './lang';
+export { formatString } from './strings';
+export { useDebounceFn } from '@vueuse/core';
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE/D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC3E,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,OAAO,GACjB,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAelC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,UAAU,CAAC,EAAE,MAAM,EAAE,GACnB,cAAc,CAAC,CAAC,CAAC,CAWnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAcvD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAE/D,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,UAAU,CAAC,CAAC,CAAC,EAC3E,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,MAAM,EACZ,SAAS,CAAC,EAAE,OAAO,GACjB,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAelC;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAQ3D;AAED,wBAAsB,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,iBAGtE;AAED,wBAAgB,QAAQ,CAAC,GAAG,MAAM,EAAE,MAAM,EAAE,UAG3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,IAAI,QAIrE;AAED,wBAAgB,QAAQ,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO,EAAE,GAAG,EAAE,UAOpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EACnD,KAAK,CAAC,EAAE,UAAU,EAClB,QAAQ,CAAC,EAAE,GAAG,EACd,GAAG,CAAC,EAAE,CAAC,OAcP;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAO9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,OAAO,CAAC,EAAE,MAAM,OAG5E;AAED,eAAO,MAAM,MAAM,eAAgB,GAAG,YAA0C,CAAA;AAEhF,wBAAgB,iBAAiB,CAAC,CAAC,EAClC,IAAI,CAAC,EAAE,GAAG,EAAE,EACZ,UAAU,CAAC,EAAE,MAAM,EAAE,GACnB,cAAc,CAAC,CAAC,CAAC,CAWnB;AAED,wBAAgB,KAAK,CAAC,EAAE,GAAE,MAAY,oBAErC;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAcvD;AAED,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.929",
+  "version": "0.0.933",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/TableSchema.vue

@@ -7,8 +7,8 @@ import {
 	keyToLabel,
 	useBglSchema,
 } from '@bagelink/vue'
-import { useVirtualList } from '@vueuse/core'
-import { computed, useSlots, watch, onMounted, onUnmounted } from 'vue'
+import { useVirtualList, useIntersectionObserver, until } from '@vueuse/core'
+import { computed, useSlots, watch, onMounted } from 'vue'
 
 export type SortDirectionsT = 'ASC' | 'DESC'
 export type EmitOrderT = `${string} ${SortDirectionsT}`
@@ -188,24 +188,22 @@ function toggleSelectAll(event: Event) {
 	selectedItems.value = value ? computedData.value.map((d: any) => d.id) : []
 }
 // #endregion ? SELECT COLUMN
+
 const lastItem = $ref<HTMLTableRowElement | null>()
-let observer: IntersectionObserver | undefined
 
-function registerLastItemObserver() {
-	if (onLastItemVisible === undefined) return
-	observer = new IntersectionObserver(([entry]) => {
+async function registerLastItemObserver() {
+	await until(() => lastItem).toBeTruthy()
+
+	useIntersectionObserver(lastItem, ([entry]) => {
 		if (entry.isIntersecting && computedData.value.length) {
-			void onLastItemVisible()
+			void onLastItemVisible?.()
 		}
 	})
-	if (lastItem) observer.observe(lastItem)
 }
 
 onMounted(() => {
-	registerLastItemObserver()
+	void registerLastItemObserver()
 })
-
-onUnmounted(() => { observer?.disconnect() })
 </script>
 
 <template>

package/src/components/form/inputs/TextInput.vue

@@ -2,7 +2,7 @@
 import {
 	MaterialIcon,
 	type MaterialIcons,
-	debounce,
+	useDebounceFn,
 } from '@bagelink/vue'
 import { onMounted, watch } from 'vue'
 
@@ -51,13 +51,14 @@ const rows = $computed(() => {
 	return 1
 })
 
-const debounceUpdate = debounce(() => { emit('debounce', inputVal) }, props.debounceDelay)
+const debounceUpdate = useDebounceFn(() => { emit('debounce', inputVal) }, props.debounceDelay)
+
 function updateInputVal() {
 	if (props.disabled) return
 
 	emit('update:modelValue', inputVal as string)
 
-	debounceUpdate()
+	void debounceUpdate()
 }
 
 watch(
@@ -94,33 +95,33 @@ onMounted(() => {
 
 			<input
 				v-if="!multiline && !autoheight && !code"
-				:id="id"
+				:id
 				ref="input"
 				v-model.trim="inputVal"
-				:title="title"
-				:autocomplete="autocomplete"
+				:title
+				:autocomplete
 				:type="type"
 				:rows="1"
 				:placeholder="placeholder || label"
 				:disabled
-				:required="required"
-				:pattern="pattern"
+				:required
+				:pattern
 				v-bind="nativeInputAttrs"
 				@focusout="onFocusout"
 				@input="updateInputVal"
 			>
 			<textarea
 				v-else
-				:id="id"
+				:id
 				ref="input"
 				v-model="inputVal"
-				:title="title"
-				:type="type"
-				:rows="rows"
+				:title
+				:type
+				:rows
 				:placeholder="placeholder || label"
 				:disabled
-				:required="required"
-				:pattern="pattern"
+				:required
+				:pattern
 				v-bind="nativeInputAttrs"
 				@input="updateInputVal"
 				@focusout="onFocusout"
@@ -133,7 +134,7 @@ onMounted(() => {
 			/>
 			<MaterialIcon
 				v-if="icon"
-				:icon="icon"
+				:icon
 			/>
 		</label>
 	</div>

package/src/utils/index.ts

@@ -91,12 +91,6 @@ export function denullify(itemData?: { [key: string]: any }, fieldID?: string) {
 
 export const isDate = (dateToTest: any) => !Number.isNaN(Date.parse(dateToTest))
 
-export * as bagelFormUtils from './BagelFormUtils'
-
-export { useLang } from './lang'
-
-export { formatString } from './strings'
-
 export function getFallbackSchema<T>(
 	data?: any[],
 	showFields?: string[]
@@ -132,3 +126,10 @@ export function appendScript(src: string): Promise<void> {
 		document.head.append(script)
 	})
 }
+
+export * as bagelFormUtils from './BagelFormUtils'
+
+export { useLang } from './lang'
+
+export { formatString } from './strings'
+export { useDebounceFn } from '@vueuse/core'