@bagelink/vue 0.0.765 → 0.0.769

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

@@ -1,23 +1,24 @@
 import { BglFormSchemaT } from '..';
 export type SortDirectionsT = 'ASC' | 'DESC';
+export type EmitOrderT = `${string} ${SortDirectionsT}`;
 declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSelect?: ((args_0: T) => any) | undefined;
         readonly "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
         readonly "onUpdate:itemHeight"?: ((itemHeight: number) => any) | undefined;
-        readonly "onUpdate:selectedItems"?: ((args_0: string[]) => any) | undefined;
-        readonly onOrderBy?: ((args_0: string) => any) | undefined;
+        readonly "onUpdate:selectedItems"?: ((...args: unknown[]) => any) | undefined;
+        readonly onOrderBy?: ((args_0: `${string} ASC` | `${string} DESC`) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{}> & Readonly<{
         onSelect?: ((args_0: T) => any) | undefined;
         "onUpdate:loading"?: ((loading: boolean) => any) | undefined;
         "onUpdate:itemHeight"?: ((itemHeight: number) => any) | undefined;
-        "onUpdate:selectedItems"?: ((args_0: string[]) => any) | undefined;
-        onOrderBy?: ((args_0: string) => any) | undefined;
+        "onUpdate:selectedItems"?: ((...args: unknown[]) => any) | undefined;
+        onOrderBy?: ((args_0: `${string} ASC` | `${string} DESC`) => any) | undefined;
     }>, never>, "onSelect" | "onUpdate:loading" | "onUpdate:itemHeight" | "onUpdate:selectedItems" | "onOrderBy"> & ({
         loading?: boolean;
         itemHeight?: number;
+        selectedItems?: T[];
     } & {
-        selectedItems?: string[];
         data: T[];
         schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>);
         showFields?: string[];
@@ -28,9 +29,10 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
         row: Record<string, any>;
         field: import('..').Field<T>;
     }) => any>>;
-    emit: (((evt: "select", args_0: T) => void) & ((evt: "update:selectedItems", args_0: string[]) => void) & ((evt: "orderBy", args_0: string) => void)) & {
+    emit: (((evt: "select", args_0: T) => void) & ((evt: "update:selectedItems", args_0: string[]) => void) & ((evt: "orderBy", args_0: `${string} ASC` | `${string} DESC`) => void)) & {
         'update:loading': [loading: boolean];
         'update:itemHeight': [itemHeight: number];
+        'update:selectedItems': [selectedItems: T[]];
     };
 }>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;

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":"AA8gBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;yBAE3B,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+XxD,mBAAmB,CAAC;;;;;;;;;;;;;;;;wBA3Xb,MAAM,EAAE;cAClB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;MAwXiE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UAjDuE,GAAG;UAmD9E;0BA9MS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;KA6M1B;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAzYvE,wBAyY4E;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":"AAuhBA,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;WAyYxD,mBAAmB,CAAC;;;;;;;;;;;;;;;wBA9MZ,CAAC,EAAE;;cAvLd,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;MAmYiE,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UAjDuE,GAAG;UAmD9E;0BA/MS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,CAAC,EAAE,CAAC;KA6MA;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAnZvE,wBAmZ4E;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":"AA4NA,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,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WAC/B,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM;mBACC,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,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WAC/B,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM;mBACC,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;UAX7B,MAAM;gBARA,MAAM,GAAG,MAAM;mBAkBZ,MAAM;;AA4KxB,wBAQG"}
+{"version":3,"file":"TextInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/TextInput.vue"],"names":[],"mappings":"AA+NA,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,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WAC/B,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM;mBACC,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,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;WAC/B,aAAa;gBACR,aAAa;gBACb,OAAO;iBACN,OAAO;WACb,OAAO;YACN,MAAM;mBACC,aAAa;gBAChB,OAAO;oBACH,MAAM;iBACT,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI;;;;;UAX7B,MAAM;gBARA,MAAM,GAAG,MAAM;mBAkBZ,MAAM;;AA+KxB,wBAQG"}

package/dist/index.cjs

@@ -18535,7 +18535,6 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     const selectedDate = vue.computed({
       get: () => props2.modelValue || /* @__PURE__ */ new Date(),
       set: (value) => {
-        console.log(value);
         emit2("update:modelValue", value);
       }
     });
@@ -52111,12 +52110,13 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
       if (props2.multiline || props2.code) return 4;
       return 1;
     });
+    const debounceUpdate = debounce(() => {
+      emit2("debounce", inputVal.value);
+    }, props2.debounceDelay);
     function updateInputVal() {
       if (props2.disabled) return;
       emit2("update:modelValue", inputVal.value);
-      debounce(() => {
-        emit2("debounce", inputVal.value);
-      }, props2.debounceDelay);
+      debounceUpdate();
     }
     vue.watch(
       () => props2.modelValue,
@@ -52205,7 +52205,7 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-0694f3d2"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-739e3acb"]]);
 const _hoisted_1$g = ["title"];
 const _hoisted_2$8 = ["id", "required"];
 const _hoisted_3$6 = ["for"];
@@ -53553,22 +53553,24 @@ const _hoisted_10$1 = { key: 1 };
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "TableSchema",
   props: /* @__PURE__ */ vue.mergeModels({
-    selectedItems: {},
     data: {},
-    schema: { type: Function },
+    schema: {},
     showFields: {}
   }, {
     "loading": { default: false },
     "loadingModifiers": {},
     "itemHeight": { default: 50 },
-    "itemHeightModifiers": {}
+    "itemHeightModifiers": {},
+    "selectedItems": {
+      default: () => []
+    },
+    "selectedItemsModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "a1a9687c": vue.unref(computedItemHiehgt)
+      "2d5cc186": vue.unref(computedItemHiehgt)
     }));
-    const props2 = __props;
     const emit2 = __emit;
     const slots = vue.useSlots();
     const loading = vue.useModel(__props, "loading");
@@ -53576,13 +53578,22 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const computedItemHiehgt = vue.computed(() => `${itemHeight.value}px`);
     let sortField = vue.ref("");
     let sortDirection = vue.ref("ASC");
-    let selectedItems = vue.ref(props2.selectedItems || []);
-    const isSelectable = vue.computed(() => Array.isArray(props2.selectedItems));
+    const selectedItems = vue.useModel(
+      __props,
+      "selectedItems",
+      {
+        set: (value) => {
+          setTimeout(updateAllSelectorState, 0);
+          return value;
+        }
+      }
+    );
+    const isSelectable = vue.computed(() => Array.isArray(selectedItems.value));
     const computedSortField = vue.computed(() => `_transformed_${sortField.value}`);
     const computedSchema = vue.computed(() => useBglSchema({
-      schema: props2.schema,
-      showFields: props2.showFields,
-      data: props2.data
+      schema: __props.schema,
+      showFields: __props.showFields,
+      data: __props.data
     }));
     function transform(rowData) {
       var _a2;
@@ -53599,7 +53610,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       return obj;
     }
     const computedData = vue.computed(() => {
-      const dta = [...props2.data].map(transform);
+      const dta = __props.data.map(transform);
       if (sortField.value) {
         return dta.sort((a2, b2) => {
           let aValue = a2[computedSortField.value] ?? a2[sortField.value] ?? "";
@@ -53649,14 +53660,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       }
     );
     const allSelector = vue.ref(null);
-    let computedSelectedItems = vue.computed({
-      get: () => selectedItems.value,
-      set: (value) => {
-        selectedItems.value = value;
-        emit2("update:selectedItems", value);
-        updateAllSelectorState();
-      }
-    });
+    const computedSelectedItems = vue.computed(() => selectedItems.value);
     function updateAllSelectorState() {
       if (!allSelector.value) return;
       const allSelected = computedData.value.length === computedSelectedItems.value.length && computedData.value.every((s2) => computedSelectedItems.value.includes(s2.id));
@@ -53681,7 +53685,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     }
     function toggleSelectAll(event) {
       const value = event.target.checked;
-      computedSelectedItems.value = value ? computedData.value.map((d2) => d2.id) : [];
+      selectedItems.value = value ? computedData.value.map((d2) => d2.id) : [];
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
@@ -53735,11 +53739,11 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
                       }, ["stop"]))
                     }, [
                       vue.withDirectives(vue.createElementVNode("input", {
-                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(computedSelectedItems) ? computedSelectedItems.value = $event : computedSelectedItems = $event),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
                         value: row.id
                       }, null, 8, _hoisted_9$1), [
-                        [vue.vModelCheckbox, vue.unref(computedSelectedItems)]
+                        [vue.vModelCheckbox, selectedItems.value]
                       ])
                     ])
                   ])) : vue.createCommentVNode("", true),
@@ -53771,7 +53775,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c8a90ada"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8e9a217"]]);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {

package/dist/index.mjs

@@ -18533,7 +18533,6 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     const selectedDate = computed({
       get: () => props2.modelValue || /* @__PURE__ */ new Date(),
       set: (value) => {
-        console.log(value);
         emit2("update:modelValue", value);
       }
     });
@@ -52109,12 +52108,13 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       if (props2.multiline || props2.code) return 4;
       return 1;
     });
+    const debounceUpdate = debounce(() => {
+      emit2("debounce", inputVal.value);
+    }, props2.debounceDelay);
     function updateInputVal() {
       if (props2.disabled) return;
       emit2("update:modelValue", inputVal.value);
-      debounce(() => {
-        emit2("debounce", inputVal.value);
-      }, props2.debounceDelay);
+      debounceUpdate();
     }
     watch(
       () => props2.modelValue,
@@ -52203,7 +52203,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-0694f3d2"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-739e3acb"]]);
 const _hoisted_1$g = ["title"];
 const _hoisted_2$8 = ["id", "required"];
 const _hoisted_3$6 = ["for"];
@@ -53551,22 +53551,24 @@ const _hoisted_10$1 = { key: 1 };
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "TableSchema",
   props: /* @__PURE__ */ mergeModels({
-    selectedItems: {},
     data: {},
-    schema: { type: Function },
+    schema: {},
     showFields: {}
   }, {
     "loading": { default: false },
     "loadingModifiers": {},
     "itemHeight": { default: 50 },
-    "itemHeightModifiers": {}
+    "itemHeightModifiers": {},
+    "selectedItems": {
+      default: () => []
+    },
+    "selectedItemsModifiers": {}
   }),
-  emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
+  emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "a1a9687c": unref(computedItemHiehgt)
+      "2d5cc186": unref(computedItemHiehgt)
     }));
-    const props2 = __props;
     const emit2 = __emit;
     const slots = useSlots();
     const loading = useModel(__props, "loading");
@@ -53574,13 +53576,22 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const computedItemHiehgt = computed(() => `${itemHeight.value}px`);
     let sortField = ref("");
     let sortDirection = ref("ASC");
-    let selectedItems = ref(props2.selectedItems || []);
-    const isSelectable = computed(() => Array.isArray(props2.selectedItems));
+    const selectedItems = useModel(
+      __props,
+      "selectedItems",
+      {
+        set: (value) => {
+          setTimeout(updateAllSelectorState, 0);
+          return value;
+        }
+      }
+    );
+    const isSelectable = computed(() => Array.isArray(selectedItems.value));
     const computedSortField = computed(() => `_transformed_${sortField.value}`);
     const computedSchema = computed(() => useBglSchema({
-      schema: props2.schema,
-      showFields: props2.showFields,
-      data: props2.data
+      schema: __props.schema,
+      showFields: __props.showFields,
+      data: __props.data
     }));
     function transform(rowData) {
       var _a2;
@@ -53597,7 +53608,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return obj;
     }
     const computedData = computed(() => {
-      const dta = [...props2.data].map(transform);
+      const dta = __props.data.map(transform);
       if (sortField.value) {
         return dta.sort((a2, b2) => {
           let aValue = a2[computedSortField.value] ?? a2[sortField.value] ?? "";
@@ -53647,14 +53658,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
     );
     const allSelector = ref(null);
-    let computedSelectedItems = computed({
-      get: () => selectedItems.value,
-      set: (value) => {
-        selectedItems.value = value;
-        emit2("update:selectedItems", value);
-        updateAllSelectorState();
-      }
-    });
+    const computedSelectedItems = computed(() => selectedItems.value);
     function updateAllSelectorState() {
       if (!allSelector.value) return;
       const allSelected = computedData.value.length === computedSelectedItems.value.length && computedData.value.every((s2) => computedSelectedItems.value.includes(s2.id));
@@ -53679,7 +53683,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     function toggleSelectAll(event) {
       const value = event.target.checked;
-      computedSelectedItems.value = value ? computedData.value.map((d2) => d2.id) : [];
+      selectedItems.value = value ? computedData.value.map((d2) => d2.id) : [];
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
@@ -53733,11 +53737,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                       }, ["stop"]))
                     }, [
                       withDirectives(createElementVNode("input", {
-                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(computedSelectedItems) ? computedSelectedItems.value = $event : computedSelectedItems = $event),
+                        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
                         value: row.id
                       }, null, 8, _hoisted_9$1), [
-                        [vModelCheckbox, unref(computedSelectedItems)]
+                        [vModelCheckbox, selectedItems.value]
                       ])
                     ])
                   ])) : createCommentVNode("", true),
@@ -53769,7 +53773,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-c8a90ada"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-d8e9a217"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {

package/dist/style.css

@@ -1510,61 +1510,61 @@ p {
 	font-size: var(--label-font-size);
 }
 
-.bagel-input textarea[data-v-0694f3d2] {
+.bagel-input textarea[data-v-739e3acb] {
 	min-height: unset;
 	font-size: var(--input-font-size);
 }
-.bagel-input.text-input textarea[data-v-0694f3d2] {
+.bagel-input.text-input textarea[data-v-739e3acb] {
 	resize: none;
 }
-.code textarea[data-v-0694f3d2] {
+.code textarea[data-v-739e3acb] {
 	font-family: 'Inconsolata', monospace;
 	background: var(--bgl-code-bg) !important;
 	color: var(--bgl-light-text) !important;
 }
-.code textarea[data-v-0694f3d2]::placeholder {
+.code textarea[data-v-739e3acb]::placeholder {
 	color: var(--bgl-light-text) !important;
 	opacity: 0.3;
 }
-.bagel-input.small[data-v-0694f3d2] {
+.bagel-input.small[data-v-739e3acb] {
 	margin-bottom: 0;
 	height: 30px;
 }
-.bagel-input.dense label[data-v-0694f3d2] {
+.bagel-input.dense label[data-v-739e3acb] {
 	display: flex;
 	align-items: center;
 	gap: 0.5rem;
 }
-.bagel-input input[data-v-0694f3d2]:disabled {
+.bagel-input input[data-v-739e3acb]:disabled {
 	background: #f5f5f5;
 }
-.bagel-input label[data-v-0694f3d2] {
+.bagel-input label[data-v-739e3acb] {
 	font-size: var(--label-font-size);
 }
-.textInputIconWrap .bgl_icon-font[data-v-0694f3d2] {
+.textInputIconWrap .bgl_icon-font[data-v-739e3acb] {
 	color: var(--bgl-gray);
 	position: absolute;
     bottom: 0px;
     inset-inline-end: 0.25rem;
 	margin-block: calc(var(--input-height) / 2 - 16px);
 }
-.textInputIconWrap input[data-v-0694f3d2]{
+.textInputIconWrap input[data-v-739e3acb]{
 	padding-inline-end: 2rem;
 }
-.txtInputIconStart .iconStart[data-v-0694f3d2] {
+.txtInputIconStart .iconStart[data-v-739e3acb] {
 	color: var(--bgl-gray);
 	position: absolute;
     bottom: 0px;
     inset-inline-start: 0.25rem;
 	margin-block: calc(var(--input-height) / 2 - 16px);
 }
-.txtInputIconStart input[data-v-0694f3d2]{
+.txtInputIconStart input[data-v-739e3acb]{
 	padding-inline-start: 2rem;
 }
-.txtInputIconStart textarea[data-v-0694f3d2] {
+.txtInputIconStart textarea[data-v-739e3acb] {
 	padding-inline-start: 2rem;
 }
-.bagel-input.small textarea[data-v-0694f3d2] {
+.bagel-input.small textarea[data-v-739e3acb] {
 	height: 30px;
 }
 
@@ -3064,22 +3064,22 @@ svg.leaflet-image-layer.leaflet-interactive path {
 }
 }
 
-.table-list-wrap[data-v-c8a90ada] {
+.table-list-wrap[data-v-d8e9a217] {
 	min-height: 150px;
 }
-.selected[data-v-c8a90ada] {
+.selected[data-v-d8e9a217] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-c8a90ada]:hover {
+tbody tr.selected[data-v-d8e9a217]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-c8a90ada] {
+.loading-table[data-v-d8e9a217] {
 	position: relative;
 }
-.inset[data-v-c8a90ada] {
+.inset[data-v-d8e9a217] {
 	inset: 0;
 }
-.loading-table-animation[data-v-c8a90ada] {
+.loading-table-animation[data-v-d8e9a217] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -3087,9 +3087,9 @@ tbody tr.selected[data-v-c8a90ada]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-c8a90ada 1s linear infinite;
+	animation: loading-table-d8e9a217 1s linear infinite;
 }
-@keyframes loading-table-c8a90ada {
+@keyframes loading-table-d8e9a217 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -3097,52 +3097,52 @@ tbody tr.selected[data-v-c8a90ada]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-c8a90ada] {
+.list-arrows[data-v-d8e9a217] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-c8a90ada] {
+.list-arrows .bgl_icon-font[data-v-d8e9a217] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-c8a90ada] {
+.list-arrows.sorted[data-v-d8e9a217] {
 	opacity: 1;
 }
-.col img[data-v-c8a90ada] {
+.col img[data-v-d8e9a217] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-c8a90ada] {
+.list-arrows.sorted .desc[data-v-d8e9a217] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-c8a90ada] {
+table[data-v-d8e9a217] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-c8a90ada] {
+th[data-v-d8e9a217] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-box-bg);
-	height: var(--a1a9687c);
+	height: var(--2d5cc186);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-c8a90ada] {
+.embedded-field[data-v-d8e9a217] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-c8a90ada] {
+.row[data-v-d8e9a217] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-c8a90ada] {
+.row.first-row[data-v-d8e9a217] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -3151,7 +3151,7 @@ th[data-v-c8a90ada] {
 	background: var(--bgl-box-bg);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-c8a90ada]::after {
+.row.first-row[data-v-d8e9a217]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3159,30 +3159,30 @@ th[data-v-c8a90ada] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-c8a90ada] {
+.first-row .col[data-v-d8e9a217] {
 	cursor: pointer;
 	background: var(--bgl-box-bg);
 }
-.col[data-v-c8a90ada] {
+.col[data-v-d8e9a217] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-c8a90ada]:has(.bagel-input) {
+.col[data-v-d8e9a217]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-c8a90ada] {
+.col > div[data-v-d8e9a217] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-c8a90ada] {
+.max-col-width[data-v-d8e9a217] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-c8a90ada] {
+.col.check .bgl_icon-font[data-v-d8e9a217] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -3193,35 +3193,35 @@ th[data-v-c8a90ada] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-c8a90ada] {
+.rows[data-v-d8e9a217] {
 	font-size: 0.88em;
 }
-.table-list[data-v-c8a90ada] {
+.table-list[data-v-d8e9a217] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-c8a90ada] {
+.BagelTable .table-list[data-v-d8e9a217] {
 	overflow: unset;
 }
-.row-item[data-v-c8a90ada] {
-	height: var(--a1a9687c);
+.row-item[data-v-d8e9a217] {
+	height: var(--2d5cc186);
 	transition: all 200ms ease;
 }
-.row-item[data-v-c8a90ada]:hover {
+.row-item[data-v-d8e9a217]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-c8a90ada] {
+.row-item input[type='checkbox'][data-v-d8e9a217] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-c8a90ada] {
+.infinite-wrapper[data-v-d8e9a217] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-c8a90ada] {
+input[type='checkbox'][data-v-d8e9a217] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -3233,7 +3233,7 @@ input[type='checkbox'][data-v-c8a90ada] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-c8a90ada]::before {
+input[type='checkbox'][data-v-d8e9a217]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -3246,18 +3246,18 @@ input[type='checkbox'][data-v-c8a90ada]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-c8a90ada]:hover::before {
+input[type='checkbox'][data-v-d8e9a217]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-c8a90ada] {
+[lang='he'] [dir='ltr'][data-v-d8e9a217] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-c8a90ada] {
+th input[type='checkbox'][data-v-d8e9a217] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-c8a90ada]::after {
+th[data-v-d8e9a217]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -3265,24 +3265,24 @@ th[data-v-c8a90ada]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-c8a90ada] {
+tr[data-v-d8e9a217] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-c8a90ada],
-th[data-v-c8a90ada] {
+td[data-v-d8e9a217],
+th[data-v-d8e9a217] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-c8a90ada] {
+tbody tr[data-v-d8e9a217] {
 	font-size: 0.88em;
-	height: var(--a1a9687c);
+	height: var(--2d5cc186);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-c8a90ada]:hover {
+tbody tr[data-v-d8e9a217]:hover {
 	background: var(--bgl-gray-light);
 }
 

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,GAAG,EAAE,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAYpH;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK3D;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,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,OAGzE;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,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAa3F;AAED,eAAO,MAAM,KAAK,QAAQ,MAAM,qBAA0D,CAAA;AAE1F,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAYvD"}
+{"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,GAAG,EAAE,KAAK,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAapH;AAED,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAK3D;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,UAKpE;AAED,wBAAgB,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC,OAU7F;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,OAM9C;AAED,wBAAgB,SAAS,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,OAGzE;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,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAa3F;AAED,eAAO,MAAM,KAAK,QAAQ,MAAM,qBAA0D,CAAA;AAE1F,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAYvD"}

package/package.json

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

package/src/components/TableSchema.vue

@@ -11,21 +11,25 @@ import { useVirtualList } from '@vueuse/core'
 import { computed, useSlots, watch } from 'vue'
 
 export type SortDirectionsT = 'ASC' | 'DESC'
-const props = defineProps<{
-	selectedItems?: string[]
+export type EmitOrderT = `${string} ${SortDirectionsT}`
+
+const {
+	data,
+	schema,
+	showFields,
+	// useServerSort = false
+} = defineProps<{
 	data: T[]
 	schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>)
 	showFields?: string[]
+	// useServerSort?: boolean
 }>()
 
 const emit = defineEmits<{
 	'update:selectedItems': [string[]]
-	// 'orderBy': [`${string} ${SortDirectionsT}`]
-	'orderBy': [string]
+	'orderBy': [EmitOrderT]
 	'select': [T]
-}>(
-// ['update:selectedItems', 'orderBy', 'select']
-)
+}>()
 
 const slots = useSlots()
 const loading = defineModel('loading', { default: false })
@@ -35,16 +39,26 @@ const computedItemHiehgt = $computed(() => `${itemHeight.value}px`)
 
 let sortField = $ref('')
 let sortDirection = $ref<SortDirectionsT>('ASC')
-let selectedItems = $ref<string[]>(props.selectedItems || [])
 
-const isSelectable = $computed(() => Array.isArray(props.selectedItems))
+const selectedItems = defineModel<T[]>(
+	'selectedItems',
+	{
+		default: () => [] as T[],
+		set: (value: T[]) => {
+			setTimeout(updateAllSelectorState, 0)
+			return value
+		},
+	}
+)
+
+const isSelectable = $computed(() => Array.isArray(selectedItems.value))
 
 const computedSortField = $computed(() => `_transformed_${sortField}`)
 
 const computedSchema = $computed(() => useBglSchema<T>({
-	schema: props.schema,
-	showFields: props.showFields,
-	data: props.data,
+	schema,
+	showFields,
+	data,
 }))
 
 function transform(rowData: any) {
@@ -65,7 +79,8 @@ function transform(rowData: any) {
 }
 
 const computedData = computed(() => {
-	const dta = [...props.data].map(transform)
+	// const dta = [...data].map(transform)
+	const dta = data.map(transform)
 	if (sortField as string) {
 		return dta.sort((a, b) => {
 			let aValue = a[computedSortField] ?? a[sortField] ?? ''
@@ -105,7 +120,8 @@ function sort(fieldname: string) {
 		sortField = fieldname
 		sortDirection = 'ASC'
 	}
-	emit('orderBy', `${fieldname} ${sortDirection}`.trim())
+
+	emit('orderBy', `${fieldname} ${sortDirection}`.trim() as EmitOrderT)
 }
 
 // #region ? VIRTUAL LIST
@@ -128,14 +144,7 @@ watch(
 
 // #region ? SELECT COLUMN
 const allSelector = $ref<HTMLInputElement | null>(null)
-let computedSelectedItems = $computed({
-	get: () => selectedItems,
-	set: (value: string[]) => {
-		selectedItems = value
-		emit('update:selectedItems', value)
-		updateAllSelectorState()
-	},
-})
+const computedSelectedItems = $computed(() => selectedItems.value)
 
 function updateAllSelectorState() {
 	if (!allSelector) return
@@ -166,7 +175,7 @@ function toggleSelectItem(item: Record<string, any>) {
 
 function toggleSelectAll(event: Event) {
 	const value = (event.target as HTMLInputElement).checked
-	computedSelectedItems = value ? computedData.value.map((d: any) => d.id) : []
+	selectedItems.value = value ? computedData.value.map((d: any) => d.id) : []
 }
 // #endregion ? SELECT COLUMN
 </script>
@@ -225,7 +234,7 @@ function toggleSelectAll(event: Event) {
 						<td v-if="isSelectable">
 							<div @click.stop>
 								<input
-									v-model="computedSelectedItems"
+									v-model="selectedItems"
 									type="checkbox"
 									:value="row.id"
 								>

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

@@ -17,7 +17,7 @@ const emit = defineEmits(['update:modelValue'])
 const selectedDate = $computed({
 	get: () => props.modelValue || new Date(),
 	set: (value: Date) => {
-		console.log(value)
+		// console.log(value)
 		emit('update:modelValue', value)
 	},
 })

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

@@ -51,10 +51,13 @@ const rows = $computed(() => {
 	return 1
 })
 
+const debounceUpdate = debounce(() => { emit('debounce', inputVal) }, props.debounceDelay)
 function updateInputVal() {
 	if (props.disabled) return
+
 	emit('update:modelValue', inputVal as string)
-	debounce(() => { emit('debounce', inputVal) }, props.debounceDelay)
+
+	debounceUpdate()
 }
 
 watch(

package/src/utils/index.ts

@@ -3,6 +3,7 @@ import type { Attributes, BglFormSchemaT } from '@bagelink/vue'
 export function debounce<T extends (...args: any[]) => void>(func: T, wait: number): (...args: Parameters<T>) => void {
 	let timeoutId: ReturnType<typeof setTimeout> | undefined
 
+
 	return function (...args: Parameters<T>) {
 		if (timeoutId) {
 			clearTimeout(timeoutId)