@bagelink/vue 0.0.663 → 0.0.667

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

@@ -1,55 +1,35 @@
 import { BglFormSchemaT } from '..';
 
-declare function __VLS_template(): Partial<Record<string, (_: {
-    row: Record<string, any>;
-    field: import('..').Field<Record<string, any>>;
-}) => any>>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    loading: import('vue').PropType<any>;
-    itemHeight: import('vue').PropType<any>;
-    selectedItems: {
-        type: import('vue').PropType<string[]>;
-    };
-    data: {
-        type: import('vue').PropType<any[]>;
-        required: true;
-    };
-    schema: {
-        type: import('vue').PropType<BglFormSchemaT | (() => BglFormSchemaT)>;
-    };
-    showFields: {
-        type: import('vue').PropType<string[]>;
-    };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    select: (...args: any[]) => void;
-    "update:selectedItems": (...args: any[]) => void;
-    orderBy: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    loading: import('vue').PropType<any>;
-    itemHeight: import('vue').PropType<any>;
-    selectedItems: {
-        type: import('vue').PropType<string[]>;
-    };
-    data: {
-        type: import('vue').PropType<any[]>;
-        required: true;
-    };
-    schema: {
-        type: import('vue').PropType<BglFormSchemaT | (() => BglFormSchemaT)>;
-    };
-    showFields: {
-        type: import('vue').PropType<string[]>;
-    };
-}>> & {
-    onSelect?: ((...args: any[]) => any) | undefined;
-    "onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
-    onOrderBy?: ((...args: any[]) => any) | undefined;
-}, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+export type SortDirectionsT = 'ASC' | 'DESC';
+declare const _default: <T extends Record<string, any>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
+        onSelect?: ((args_0: T) => any) | undefined;
+        "onUpdate:selectedItems"?: ((args_0: string[]) => any) | undefined;
+        onOrderBy?: ((args_0: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
+        onSelect?: ((args_0: T) => any) | undefined;
+        "onUpdate:selectedItems"?: ((args_0: string[]) => any) | undefined;
+        onOrderBy?: ((args_0: string) => any) | undefined;
+    }, never>) & ({
+        selectedItems?: string[];
+        data: T[];
+        schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>);
+        showFields?: string[];
+    } & {
+        loading?: any;
+        itemHeight?: any;
+    }), keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => Partial<Record<string, (_: {
+        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);
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
 //# sourceMappingURL=TableSchema.vue.d.ts.map

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":"AAEA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAqKtB,iBAAS,cAAc;;;MAyV+D,GAAG,GAIxF;AAmCD,QAAA,MAAM,eAAe;aAvYV,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;gBACxB,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;kBAwZ4J,IAAI;;;6DATvK,cAAc;;;;;;;;;;aAhZrC,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;gBACxB,OAAO,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC;;;;;;kBAwZ4J,IAAI;;;6DATvK,cAAc;;;;;;;;;UAM9C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAGxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAEA,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,eACjC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,cACrC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC1E,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgjB1D,cAAc,CAAC,gCAAgC,CAAC;;;;;;;;;wBAZtC,MAAM,EAAE;cAClB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;;kBAEV,GAAG;qBACA,GAAG;MAMuG,6EAAkC,CAAC,6GAAwD;oBACpM,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU;;;UApDqE,GAAG,GAoDjD;;;;;YAII,OAAO,CAAC,OAAO,WAAW,CAAC;;AA1jBvE,wBA0jB2E"}

package/dist/components/form/BglField.vue.d.ts

@@ -1,37 +1,24 @@
 import { Field } from '../..';
 
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    field: Field;
-    modelValue: Record<string, any>;
-}>, {
-    modelValue: () => {};
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    field: Field;
-    modelValue: Record<string, any>;
-}>, {
-    modelValue: () => {};
-}>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
-    modelValue: Record<string, any>;
-}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
+declare const _default: <T extends Record<string, any>>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<__VLS_OmitKeepDiscriminatedUnion<(Partial<{}> & Omit<{
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, never>) & {
+        field: Field<T>;
+        modelValue: Record<string, any>;
+    }, keyof import('vue').VNodeProps | keyof import('vue').AllowedComponentProps>> & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: ReturnType<() => {}>;
+    emit: (event: "update:modelValue", ...args: any[]) => void;
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/dist/components/form/BglField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAEA,OAAO,EAGN,KAAK,KAAK,EAOV,MAAM,eAAe,CAAA;;WA2Jb,KAAK;gBACA,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;WADxB,KAAK;gBACA,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;;;;gBAAnB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;AAPjC,wBAUG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAEA,OAAO,EAGN,KAAK,KAAK,EAOV,MAAM,eAAe,CAAA;yBAGL,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eACjC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,cACrC,cAAc,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC1E,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA4J1D,cAAc,CAAC,gCAAgC,CAAC;;;;;eAP9C,KAAK,CAAC,CAAC,CAAC;oBACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;KAMwF,6EAAkC,CAAC,6GAAwD;oBACpM,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;WACH,UAAU,UAAuB;;;;;YAII,OAAO,CAAC,OAAO,WAAW,CAAC;;AAtKvE,wBAsK2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/composables/index.d.ts

@@ -1,12 +1,12 @@
 import { BglFormSchemaFnT, BglFormSchemaT } from '..';
 import { Ref, UnwrapRef } from 'vue';
 
-interface useBglSchemaParamsT {
-    schema?: BglFormSchemaFnT;
+interface useBglSchemaParamsT<T> {
+    schema?: BglFormSchemaFnT<T>;
     showFields?: string[];
     data?: any[];
 }
-export declare function useBglSchema({ schema, showFields, data }?: useBglSchemaParamsT): BglFormSchemaT;
+export declare function useBglSchema<T = Record<string, unknown>>({ schema, showFields, data }?: useBglSchemaParamsT<T>): BglFormSchemaT<T>;
 export declare function useLocalStorage<T>(key: string, initialValue: T): Ref<UnwrapRef<T>>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAqB,MAAM,eAAe,CAAA;AAC7F,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGzC,UAAU,mBAAmB;IAC5B,MAAM,CAAC,EAAE,gBAAgB,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;CACZ;AAED,wBAAgB,YAAY,CAC3B,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAE,mBAAwB,GACpD,cAAc,CAahB;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAUlF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/composables/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAqB,MAAM,eAAe,CAAA;AAC7F,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAGzC,UAAU,mBAAmB,CAAC,CAAC;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;CACZ;AAED,wBAAgB,YAAY,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvD,EAAE,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,GAAE,mBAAmB,CAAC,CAAC,CAAM,GACvD,cAAc,CAAC,CAAC,CAAC,CAanB;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAUlF"}

package/dist/index.cjs

@@ -6364,7 +6364,7 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-323b7449"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-6653fb41"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$D = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
@@ -6398,7 +6398,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "867d7c12": vue.unref(computedItemHiehgt)
+      "96a68704": vue.unref(computedItemHiehgt)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -6603,7 +6603,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-323b7449"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-6653fb41"]]);
 const _sfc_main$F = {};
 const _hoisted_1$C = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {

package/dist/index.mjs

@@ -6362,7 +6362,7 @@ function useVerticalVirtualList(options, list) {
     containerRef
   };
 }
-const _withScopeId$3 = (n2) => (pushScopeId("data-v-323b7449"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$3 = (n2) => (pushScopeId("data-v-6653fb41"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$D = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
@@ -6396,7 +6396,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select"], ["update:loading", "update:itemHeight"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "867d7c12": unref(computedItemHiehgt)
+      "96a68704": unref(computedItemHiehgt)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -6601,7 +6601,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-323b7449"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-6653fb41"]]);
 const _sfc_main$F = {};
 const _hoisted_1$C = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {

package/dist/style.css

@@ -647,19 +647,19 @@ a[data-v-26f1062f] {
 }
 }
 
-.selected[data-v-323b7449] {
+.selected[data-v-6653fb41] {
 	background: var(--bgl-primary-tint);
 }
-tbody tr.selected[data-v-323b7449]:hover {
+tbody tr.selected[data-v-6653fb41]:hover {
 	background: var(--bgl-primary-light);
 }
-.loading-table[data-v-323b7449] {
+.loading-table[data-v-6653fb41] {
 	position: relative;
 }
-.inset[data-v-323b7449] {
+.inset[data-v-6653fb41] {
 	inset: 0;
 }
-.loading-table-animation[data-v-323b7449] {
+.loading-table-animation[data-v-6653fb41] {
 	--size: 60px;
 	top: 30vh;
 	inset-inline-start: calc(50% - var(--size));
@@ -667,9 +667,9 @@ tbody tr.selected[data-v-323b7449]:hover {
 	border-top: 4px solid var(--bgl-primary);
 	width: var(--size);
 	height: var(--size);
-	animation: loading-table-323b7449 1s linear infinite;
+	animation: loading-table-6653fb41 1s linear infinite;
 }
-@keyframes loading-table-323b7449 {
+@keyframes loading-table-6653fb41 {
 0% {
 		transform: translate(-50%, -50%) rotate(0deg);
 }
@@ -677,52 +677,52 @@ tbody tr.selected[data-v-323b7449]:hover {
 		transform: translate(-50%, -50%) rotate(360deg);
 }
 }
-.list-arrows[data-v-323b7449] {
+.list-arrows[data-v-6653fb41] {
 	opacity: 0;
 }
-.list-arrows .bgl_icon-font[data-v-323b7449] {
+.list-arrows .bgl_icon-font[data-v-6653fb41] {
 	transition: all ease-in-out 0.2s;
 }
-.list-arrows.sorted[data-v-323b7449] {
+.list-arrows.sorted[data-v-6653fb41] {
 	opacity: 1;
 }
-.col img[data-v-323b7449] {
+.col img[data-v-6653fb41] {
 	height: 35px;
 	margin-top: -14px;
 	margin-bottom: -14px;
 	border-radius: 5px;
 }
-.list-arrows.sorted .desc[data-v-323b7449] {
+.list-arrows.sorted .desc[data-v-6653fb41] {
 	transform: rotate(180deg);
 	display: inline-block;
 }
-table[data-v-323b7449] {
+table[data-v-6653fb41] {
 	border-collapse: separate;
 	border-spacing: 0 15px;
 	border-collapse: collapse;
 	width: 100%;
 }
-th[data-v-323b7449] {
+th[data-v-6653fb41] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
 	top: 0;
 	z-index: 2;
 	background: var(--bgl-white);
-	height: var(--867d7c12);
+	height: var(--96a68704);
 	vertical-align: bottom;
 	font-weight: 400;
 	text-align: start;
 }
-.embedded-field[data-v-323b7449] {
+.embedded-field[data-v-6653fb41] {
 	margin-bottom: -0.2rem;
 	margin-top: -0.2rem;
 }
-.row[data-v-323b7449] {
+.row[data-v-6653fb41] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 }
-.row.first-row[data-v-323b7449] {
+.row.first-row[data-v-6653fb41] {
 	font-size: 0.8rem;
 	color: var(--bgl-black-tint);
 	position: sticky;
@@ -731,7 +731,7 @@ th[data-v-323b7449] {
 	background: var(--bgl-white);
 	vertical-align: bottom;
 }
-.row.first-row[data-v-323b7449]::after {
+.row.first-row[data-v-6653fb41]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -739,30 +739,30 @@ th[data-v-323b7449] {
 	right: 0;
 	bottom: -1px;
 }
-.first-row .col[data-v-323b7449] {
+.first-row .col[data-v-6653fb41] {
 	cursor: pointer;
 	background: var(--bgl-white);
 }
-.col[data-v-323b7449] {
+.col[data-v-6653fb41] {
 	white-space: nowrap;
 	padding: 0.75rem 1rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 	align-items: center;
 }
-.col[data-v-323b7449]:has(.bagel-input) {
+.col[data-v-6653fb41]:has(.bagel-input) {
 	padding: 0rem 0.25rem;
 }
-.col > div[data-v-323b7449] {
+.col > div[data-v-6653fb41] {
 	display: flex;
 	gap: 0.5rem;
 }
-.max-col-width[data-v-323b7449] {
+.max-col-width[data-v-6653fb41] {
 	max-width: 30vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
 }
-.col.check .bgl_icon-font[data-v-323b7449] {
+.col.check .bgl_icon-font[data-v-6653fb41] {
 	border-radius: 100%;
 	background: var(--bgl-blue-20);
 	color: var(--bgl-primary);
@@ -773,35 +773,35 @@ th[data-v-323b7449] {
 	justify-content: center;
 	margin-top: -2px;
 }
-.rows[data-v-323b7449] {
+.rows[data-v-6653fb41] {
 	font-size: 0.88em;
 }
-.table-list[data-v-323b7449] {
+.table-list[data-v-6653fb41] {
 	height: 100%;
 	position: relative;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	overflow: auto;
 }
-.BagelTable .table-list[data-v-323b7449] {
+.BagelTable .table-list[data-v-6653fb41] {
 	overflow: unset;
 }
-.row-item[data-v-323b7449] {
-	height: var(--867d7c12);
+.row-item[data-v-6653fb41] {
+	height: var(--96a68704);
 	transition: all 200ms ease;
 }
-.row-item[data-v-323b7449]:hover {
+.row-item[data-v-6653fb41]:hover {
 	background: var(--bgl-gray-light);
 }
-.row-item input[type='checkbox'][data-v-323b7449] {
+.row-item input[type='checkbox'][data-v-6653fb41] {
 	margin-top: 0.45rem !important;
 	accent-color: var(--bgl-accent-color);
 }
-.infinite-wrapper[data-v-323b7449] {
+.infinite-wrapper[data-v-6653fb41] {
 	overflow-y: auto;
 	width: 100%;
 }
-input[type='checkbox'][data-v-323b7449] {
+input[type='checkbox'][data-v-6653fb41] {
 	margin-top: 0.3rem !important;
 	accent-color: var(--bgl-accent-color);
 	transform: scale(1.2);
@@ -813,7 +813,7 @@ input[type='checkbox'][data-v-323b7449] {
 	height: 0.85rem;
 	width: 0.85rem;
 }
-input[type='checkbox'][data-v-323b7449]::before {
+input[type='checkbox'][data-v-6653fb41]::before {
 	content: '';
 	height: 0.85rem;
 	width: 0.85rem;
@@ -826,18 +826,18 @@ input[type='checkbox'][data-v-323b7449]::before {
 	transform: scale(1);
 	position: absolute;
 }
-input[type='checkbox'][data-v-323b7449]:hover::before {
+input[type='checkbox'][data-v-6653fb41]:hover::before {
 	opacity: 0.2;
 	transform: scale(2);
 }
-[lang='he'] [dir='ltr'][data-v-323b7449] {
+[lang='he'] [dir='ltr'][data-v-6653fb41] {
 	text-align: right;
 }
-th input[type='checkbox'][data-v-323b7449] {
+th input[type='checkbox'][data-v-6653fb41] {
 	transform: translateY(0.2rem) scale(1.2);
 	accent-color: var(--bgl-accent-color);
 }
-th[data-v-323b7449]::after {
+th[data-v-6653fb41]::after {
 	content: '';
 	border-bottom: 1px solid var(--border-color);
 	position: absolute;
@@ -845,24 +845,24 @@ th[data-v-323b7449]::after {
 	right: 0;
 	bottom: -1px;
 }
-tr[data-v-323b7449] {
+tr[data-v-6653fb41] {
 	border-bottom: 1px solid var(--border-color);
 	cursor: pointer;
 	align-items: center;
 }
-td[data-v-323b7449],
-th[data-v-323b7449] {
+td[data-v-6653fb41],
+th[data-v-6653fb41] {
 	white-space: nowrap;
 	padding: 0.75rem 0.65rem;
 	transition: var(--bgl-transition);
 	line-height: 1;
 }
-tbody tr[data-v-323b7449] {
+tbody tr[data-v-6653fb41] {
 	font-size: 0.88em;
-	height: var(--867d7c12);
+	height: var(--96a68704);
 	transition: all 200ms ease;
 }
-tbody tr[data-v-323b7449]:hover {
+tbody tr[data-v-6653fb41]:hover {
 	background: var(--bgl-gray-light);
 }
 

package/dist/utils/index.d.ts

@@ -13,5 +13,5 @@ export declare const isDate: (dateToTest: any) => boolean;
 export { formatString } from './strings';
 export * as bagelFormUtils from './BagelFormUtils';
 export { useLang } from './lang';
-export declare function getFallbackSchema(data?: any[], showFields?: string[]): BglFormSchemaT;
+export declare function getFallbackSchema<T>(data?: any[], showFields?: string[]): BglFormSchemaT<T>;
 //# 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;AAG/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,KAAK,SAAM,QAGnD;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,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAerF"}
+{"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;AAG/D,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,IAAI,EAAE,KAAK,SAAM,QAGnD;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,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAA;AAElD,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEhC,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,EAAE,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,CAe3F"}

package/package.json

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

package/src/components/TableSchema.vue

@@ -1,4 +1,4 @@
-<script setup lang="ts">
+<script setup lang="ts" generic="T extends Record<string, any>">
 import {
 	BglField,
 	type BglFormSchemaT,
@@ -10,14 +10,23 @@ import {
 import { computed, useSlots, watch } from 'vue'
 import { useVirtualList } from '@vueuse/core'
 
+export type SortDirectionsT = 'ASC' | 'DESC'
 const props = defineProps<{
 	selectedItems?: string[]
-	data: any[]
-	schema?: BglFormSchemaT | (() => BglFormSchemaT)
+	data: T[]
+	schema?: BglFormSchemaT<T> | (() => BglFormSchemaT<T>)
 	showFields?: string[]
 }>()
 
-const emit = defineEmits(['update:selectedItems', 'orderBy', 'select'])
+const emit = defineEmits<{
+	'update:selectedItems': [string[]]
+	// 'orderBy': [`${string} ${SortDirectionsT}`]
+	'orderBy': [string]
+	'select': [T]
+}>(
+// ['update:selectedItems', 'orderBy', 'select']
+)
+
 const slots = useSlots()
 const loading = defineModel('loading', { default: false })
 
@@ -25,14 +34,14 @@ const itemHeight = defineModel('itemHeight', { default: 50 })
 const computedItemHiehgt = $computed(() => `${itemHeight.value}px`)
 
 let sortField = $ref('')
-let sortDirection = $ref('ASC')
+let sortDirection = $ref<SortDirectionsT>('ASC')
 let selectedItems = $ref<string[]>(props.selectedItems || [])
 
 const isSelectable = $computed(() => Array.isArray(props.selectedItems))
 
 const computedSortField = $computed(() => `_transformed_${sortField}`)
 
-const computedSchema = $computed(() => useBglSchema({
+const computedSchema = $computed(() => useBglSchema<T>({
 	schema: props.schema,
 	showFields: props.showFields,
 	data: props.data,
@@ -145,7 +154,7 @@ function toggleSelectItem(item: Record<string, any>) {
 			if (key.startsWith('_transformed_')) delete obj[key]
 		})
 
-		emit('select', obj)
+		emit('select', obj as T)
 		return
 	}
 	const index = computedSelectedItems.indexOf(item.id)

package/src/components/form/BglField.vue

@@ -1,4 +1,4 @@
-<script lang="ts" setup>
+<script setup lang="ts" generic="T extends Record<string, any>">
 import {
 	CheckInput,
 	DateInput,
@@ -13,7 +13,7 @@ import {
 
 const props = withDefaults(
 	defineProps<{
-		field: Field
+		field: Field<T>
 		modelValue: Record<string, any>
 	}>(),
 	{
@@ -57,13 +57,13 @@ const vIf = $computed(() => {
 	if (props.field['v-if'] === undefined && props.field.vIf === undefined) return true
 	if (typeof props.field['v-if'] === 'boolean' || typeof props.field.vIf === 'boolean') return props.field['v-if']
 	if (typeof props.field['v-if'] === 'string' || typeof props.field.vIf === 'string') return true
-	if (typeof props.field['v-if'] === 'function') return props.field['v-if'](fieldData, formData)
-	if (typeof props.field.vIf === 'function') return props.field.vIf(fieldData, formData)
+	if (typeof props.field['v-if'] === 'function') return props.field['v-if'](fieldData, formData as T)
+	if (typeof props.field.vIf === 'function') return props.field.vIf(fieldData, formData as T)
 	return true
 })
 
 const computedFieldData = $computed(
-	() => props.field.transform?.(fieldData, props.modelValue) ?? fieldData
+	() => props.field.transform?.(fieldData, props.modelValue as T) ?? fieldData
 )
 
 const computedOptions = $computed(
@@ -94,7 +94,7 @@ const computedClass = $computed(
 		:disabled="field.disabled"
 		:options="computedOptions"
 		:helptext="field.helptext"
-		@update:modelValue="($event: any) => field?.onUpdate?.($event, formData)"
+		@update:modelValue="($event: any) => field?.onUpdate?.($event, formData as T)"
 	>
 		{{ computedFieldData }}
 		<BglField

package/src/composables/index.ts

@@ -2,15 +2,15 @@ import { type BglFormSchemaFnT, type BglFormSchemaT, getFallbackSchema } from '@
 import type { Ref, UnwrapRef } from 'vue'
 import { ref, watch } from 'vue'
 
-interface useBglSchemaParamsT {
-	schema?: BglFormSchemaFnT
+interface useBglSchemaParamsT<T> {
+	schema?: BglFormSchemaFnT<T>
 	showFields?: string[]
 	data?: any[]
 }
 
-export function useBglSchema(
-	{ schema, showFields, data }: useBglSchemaParamsT = {}
-): BglFormSchemaT {
+export function useBglSchema<T = Record<string, unknown>>(
+	{ schema, showFields, data }: useBglSchemaParamsT<T> = {}
+): BglFormSchemaT<T> {
 	let _schema = schema
 	if (typeof _schema === 'function') {
 		_schema = _schema()
@@ -20,7 +20,7 @@ export function useBglSchema(
 			showFields && showFields.length
 				? _schema.filter(f => showFields.includes(f.id as string))
 				: _schema
-		) as BglFormSchemaT
+		) as BglFormSchemaT<T>
 	}
 	return getFallbackSchema(data, showFields)
 }

package/src/utils/index.ts

@@ -69,12 +69,12 @@ export * as bagelFormUtils from './BagelFormUtils'
 
 export { useLang } from './lang'
 
-export function getFallbackSchema(data?: any[], showFields?: string[]): BglFormSchemaT {
+export function getFallbackSchema<T>(data?: any[], showFields?: string[]): BglFormSchemaT<T> {
 	const keys = [
 		...new Set((data ?? []).map(Object.keys).flat()),
 	] as string[]
 
-	const schema: BglFormSchemaT = keys.map(
+	const schema: BglFormSchemaT<T> = keys.map(
 		id => ({
 			id,
 			label: keyToLabel(id),