@bagelink/vue 0.0.696 → 0.0.702

package/dist/types/BagelForm.d.ts

@@ -37,6 +37,7 @@ export interface SelectBagelField<T> extends BaseBagelField<T> {
     id: string;
 }
 export type Field<T = Record<string, any>> = BaseBagelField<T> | InputBagelField<T> | SelectBagelField<T>;
+export type BglFieldT<T = Record<string, any>> = Field<T>;
 export type BglFormSchemaT<T = Record<string, any>> = Field<T>[];
 export type BglFormSchemaFnT<T = Record<string, any>> = (() => BglFormSchemaT<T>) | BglFormSchemaT<T>;
 export {};

package/dist/types/BagelForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelForm.d.ts","sourceRoot":"","sources":["../../src/types/BagelForm.ts"],"names":[],"mappings":"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"}

package/dist/utils/BagelFormUtils.d.ts

@@ -43,6 +43,352 @@ export declare function frmRow(...children: Field[]): {
     class: string;
     children: Field[];
 };
+export declare function bglForm(idOrField?: string | Field, ...schema: Field[]): {
+    $el: import('vue').Raw<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+            schema: {
+                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
+                required: true;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+            };
+            modelValue: {
+                type: import('vue').PropType<Record<string, any>>;
+                default: () => {};
+            };
+            onDelete: {
+                type: import('vue').PropType<(id: string) => void>;
+            };
+            onSubmit: {
+                type: import('vue').PropType<(data: any) => void>;
+            };
+            status: {
+                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((...args: any[]) => any) | undefined;
+            onDirty?: ((...args: any[]) => any) | undefined;
+        }, {
+            submit: () => void;
+            validateForm: () => boolean;
+            deleteItem: () => void;
+            isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+            clearForm: () => {};
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            submit: (...args: any[]) => void;
+            "update:modelValue": (...args: any[]) => void;
+            dirty: (...args: any[]) => void;
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            schema: {
+                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
+                required: true;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+            };
+            modelValue: {
+                type: import('vue').PropType<Record<string, any>>;
+                default: () => {};
+            };
+            onDelete: {
+                type: import('vue').PropType<(id: string) => void>;
+            };
+            onSubmit: {
+                type: import('vue').PropType<(data: any) => void>;
+            };
+            status: {
+                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((...args: any[]) => any) | undefined;
+            onDirty?: ((...args: any[]) => any) | undefined;
+        }, {
+            modelValue: Record<string, any>;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            schema: {
+                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
+                required: true;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+            };
+            modelValue: {
+                type: import('vue').PropType<Record<string, any>>;
+                default: () => {};
+            };
+            onDelete: {
+                type: import('vue').PropType<(id: string) => void>;
+            };
+            onSubmit: {
+                type: import('vue').PropType<(data: any) => void>;
+            };
+            status: {
+                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((...args: any[]) => any) | undefined;
+            onDirty?: ((...args: any[]) => any) | undefined;
+        }, {
+            submit: () => void;
+            validateForm: () => boolean;
+            deleteItem: () => void;
+            isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+            clearForm: () => {};
+        }, {}, {}, {}, {
+            modelValue: Record<string, any>;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        schema: {
+            type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
+            required: true;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+        };
+        modelValue: {
+            type: import('vue').PropType<Record<string, any>>;
+            default: () => {};
+        };
+        onDelete: {
+            type: import('vue').PropType<(id: string) => void>;
+        };
+        onSubmit: {
+            type: import('vue').PropType<(data: any) => void>;
+        };
+        status: {
+            type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
+        onDirty?: ((...args: any[]) => any) | undefined;
+    }, {
+        submit: () => void;
+        validateForm: () => boolean;
+        deleteItem: () => void;
+        isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+        clearForm: () => {};
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        submit: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+        dirty: (...args: any[]) => void;
+    }, string, {
+        modelValue: Record<string, any>;
+    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            submit?(_: {
+                submit: () => void;
+                isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+                validateForm: () => boolean;
+            }): any;
+            success?(_: {}): any;
+            error?(_: {}): any;
+        };
+    })>;
+    id: string;
+    attrs: {
+        schema: (string | import('..').BaseBagelField<Record<string, any>>)[];
+    };
+} | {
+    $el: import('vue').Raw<{
+        new (...args: any[]): import('vue').CreateComponentPublicInstance<Readonly<import('vue').ExtractPropTypes<{
+            schema: {
+                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
+                required: true;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+            };
+            modelValue: {
+                type: import('vue').PropType<Record<string, any>>;
+                default: () => {};
+            };
+            onDelete: {
+                type: import('vue').PropType<(id: string) => void>;
+            };
+            onSubmit: {
+                type: import('vue').PropType<(data: any) => void>;
+            };
+            status: {
+                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((...args: any[]) => any) | undefined;
+            onDirty?: ((...args: any[]) => any) | undefined;
+        }, {
+            submit: () => void;
+            validateForm: () => boolean;
+            deleteItem: () => void;
+            isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+            clearForm: () => {};
+        }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            submit: (...args: any[]) => void;
+            "update:modelValue": (...args: any[]) => void;
+            dirty: (...args: any[]) => void;
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{
+            schema: {
+                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
+                required: true;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+            };
+            modelValue: {
+                type: import('vue').PropType<Record<string, any>>;
+                default: () => {};
+            };
+            onDelete: {
+                type: import('vue').PropType<(id: string) => void>;
+            };
+            onSubmit: {
+                type: import('vue').PropType<(data: any) => void>;
+            };
+            status: {
+                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((...args: any[]) => any) | undefined;
+            onDirty?: ((...args: any[]) => any) | undefined;
+        }, {
+            modelValue: Record<string, any>;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            schema: {
+                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
+                required: true;
+            };
+            id: {
+                type: import('vue').PropType<string>;
+            };
+            label: {
+                type: import('vue').PropType<string>;
+            };
+            modelValue: {
+                type: import('vue').PropType<Record<string, any>>;
+                default: () => {};
+            };
+            onDelete: {
+                type: import('vue').PropType<(id: string) => void>;
+            };
+            onSubmit: {
+                type: import('vue').PropType<(data: any) => void>;
+            };
+            status: {
+                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((...args: any[]) => any) | undefined;
+            onDirty?: ((...args: any[]) => any) | undefined;
+        }, {
+            submit: () => void;
+            validateForm: () => boolean;
+            deleteItem: () => void;
+            isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+            clearForm: () => {};
+        }, {}, {}, {}, {
+            modelValue: Record<string, any>;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        schema: {
+            type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
+            required: true;
+        };
+        id: {
+            type: import('vue').PropType<string>;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+        };
+        modelValue: {
+            type: import('vue').PropType<Record<string, any>>;
+            default: () => {};
+        };
+        onDelete: {
+            type: import('vue').PropType<(id: string) => void>;
+        };
+        onSubmit: {
+            type: import('vue').PropType<(data: any) => void>;
+        };
+        status: {
+            type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onSubmit?: ((...args: any[]) => any) | undefined;
+        onDirty?: ((...args: any[]) => any) | undefined;
+    }, {
+        submit: () => void;
+        validateForm: () => boolean;
+        deleteItem: () => void;
+        isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+        clearForm: () => {};
+    }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        submit: (...args: any[]) => void;
+        "update:modelValue": (...args: any[]) => void;
+        dirty: (...args: any[]) => void;
+    }, string, {
+        modelValue: Record<string, any>;
+    }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            submit?(_: {
+                submit: () => void;
+                isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+                validateForm: () => boolean;
+            }): any;
+            success?(_: {}): any;
+            error?(_: {}): any;
+        };
+    })>;
+    attrs: {
+        schema: (import('..').BaseBagelField<Record<string, any>> | undefined)[];
+    };
+    id?: undefined;
+};
+export declare function telField(id: string, label?: string, options?: Record<string, any>): Field;
 export declare function findBglFieldById(id: string, _schema: BglFormSchemaT): Field | undefined;
 export {};
 //# sourceMappingURL=BagelFormUtils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAElE,UAAU,YAAY;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,KAAK,WAAW,GAAG,YAAY,CAAA;AAE/B,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,gBAAiB,SAAQ,YAAY;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,UAAU,eAAgB,SAAQ,YAAY;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACb;AAED,KAAK,eAAe,GAAG,YAAY,CAAA;AAEnC,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,WAAW,GAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,EAAE,IAAI,GAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAIjI;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe;;;;;;;;EAWzB;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,gBAAgB,GACxB,KAAK,CAgBP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,MAAM,EAAE,CAAC,EACrC,MAAM,CAAC,EAAE,gBAAgB,GACvB,KAAK,CAgBP;AAED,wBAAgB,UAAU,CACzB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAQP;AAED,wBAAgB,SAAS,CACxB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,WAAW,GACnB,KAAK,CAaP;AAED,wBAAgB,QAAQ,CACvB,EAAE,EAAE,MAAM,EACV,KAAK,CAAC,EAAE,MAAM,EACd,OAAO,CAAC,EAAE,eAAe,GACvB,KAAK,CAoBP;AAED,wBAAgB,MAAM,CAAC,GAAG,QAAQ,EAAE,KAAK,EAAE;;;;EAM1C;AAED,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,GAAG,KAAK,GAAG,SAAS,CASvF"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.696",
+  "version": "0.0.702",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",
@@ -104,22 +104,22 @@
     "access": "public"
   },
   "dependencies": {
-    "@tiptap/extension-image": "^2.6.3",
-    "@tiptap/extension-table": "^2.6.3",
-    "@tiptap/extension-table-cell": "^2.6.3",
-    "@tiptap/extension-table-header": "^2.6.3",
-    "@tiptap/extension-table-row": "^2.6.3",
-    "@tiptap/extension-youtube": "^2.6.3",
-    "@tiptap/pm": "^2.6.3",
-    "@tiptap/starter-kit": "^2.6.3",
-    "@tiptap/vue-3": "^2.6.3",
+    "@tiptap/extension-image": "^2.6.5",
+    "@tiptap/extension-table": "^2.6.5",
+    "@tiptap/extension-table-cell": "^2.6.5",
+    "@tiptap/extension-table-header": "^2.6.5",
+    "@tiptap/extension-table-row": "^2.6.5",
+    "@tiptap/extension-youtube": "^2.6.5",
+    "@tiptap/pm": "^2.6.5",
+    "@tiptap/starter-kit": "^2.6.5",
+    "@tiptap/vue-3": "^2.6.5",
     "@vuepic/vue-datepicker": "^8.8.1",
-    "@vueuse/core": "^10.11.1",
+    "@vueuse/core": "^11.0.1",
     "axios": "^1.7.4",
     "floating-vue": "^5.2.2",
-    "libphonenumber-js": "1.11.5",
+    "libphonenumber-js": "1.11.7",
     "signature_pad": "^5.0.2",
-    "type-fest": "^4.24.0"
+    "type-fest": "^4.25.0"
   },
   "scripts": {
     "dev": "tsx watch src/index.ts",

package/src/components/Btn.vue

@@ -249,7 +249,10 @@ a {
 .bgl_btn-icon.thin {
   height: calc(var(--btn-height) / 1.5);
   width: calc(var(--btn-height) / 1.5);
-  line-height: 1;
+  line-height: normal;
+}
+.bgl_btn-icon.thin .bgl_btn-flex {
+	height: 100%;
 }
 
 [dir="rtl"] .bgl_.bgl_icon-font {

package/src/components/ListItem.vue

@@ -1,18 +1,28 @@
 <script lang="ts" setup>
-import { Avatar } from '@bagelink/vue'
+import { Avatar, Icon, type MaterialIcons } from '@bagelink/vue'
 
 defineProps<{
 	src?: string
 	showAvatar?: boolean
 	to?: string
+	icon?: MaterialIcons
 	title?: string
 	subtitle?: string
+	flat?: boolean
+	onClick?: () => void
 }>()
 </script>
 
 <template>
-	<component :is="to ? 'RouterLink' : 'div'" :to="to" class="flex list-item gap-1">
+	<component
+		:is="to ? 'RouterLink' : 'div'"
+		:to="to"
+		class="flex gap-1"
+		:class="{ 'list-item': to || onClick, 'no-border-list': flat }"
+	>
 		<Avatar v-if="src || showAvatar" style="flex-basis: 1;" :name="title" :src="src" :size="40" />
+		<Icon v-if="icon" size="1.2" class="color-primary" :icon="icon" />
+
 		<div>
 			<p class="no-margin ellipsis line-height-14 pb-025">
 				{{ title }}
@@ -25,3 +35,45 @@ defineProps<{
 		</div>
 	</component>
 </template>
+
+<style>
+.list-item {
+	padding: 0.6rem 1rem;
+	min-height: -webkit-fit-content;
+	min-height: -moz-fit-content;
+	min-height: fit-content;
+	margin: 0rem 0;
+	cursor: pointer;
+	transition: var(--bgl-transition);
+	color: var(--bgl-black);
+	text-decoration: none;
+	position: relative;
+}
+
+.list-item::after {
+	content: '';
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	border-bottom: 1px solid var(--border-color);
+}
+
+.list-item:hover,
+.list-item.router-link-active {
+	background-color: var(--bgl-primary-light);
+}
+
+.list-item:active {
+	-webkit-filter: var(--bgl-hover-filter);
+	filter: var(--bgl-hover-filter);
+}
+.no-border-list.list-item::after{
+	border-bottom: none;
+}
+@media screen and (max-width: 910px) {
+	.list-item {
+		padding: 0.5rem;
+	}
+}
+</style>

package/src/components/ListView.vue

@@ -15,42 +15,4 @@
 .list-wrap {
 	grid-template-rows: auto 1fr;
 }
-
-.list-item {
-	padding: 0.6rem 1rem;
-	min-height: -webkit-fit-content;
-	min-height: -moz-fit-content;
-	min-height: fit-content;
-	margin: 0rem 0;
-	cursor: pointer;
-	transition: var(--bgl-transition);
-	color: var(--bgl-black);
-	text-decoration: none;
-	position: relative;
-}
-
-.list-item::after {
-	content: '';
-	position: absolute;
-	left: 0;
-	right: 0;
-	bottom: 0;
-	border-bottom: 1px solid var(--border-color);
-}
-
-.list-item:hover,
-.list-item.router-link-active {
-	background-color: var(--bgl-blue-light);
-}
-
-.list-item:active {
-	-webkit-filter: var(--bgl-hover-filter);
-	filter: var(--bgl-hover-filter);
-}
-
-@media screen and (max-width: 910px) {
-	.list-item {
-		padding: 0.5rem;
-	}
-}
 </style>

package/src/components/TableSchema.vue

@@ -45,8 +45,7 @@ const computedSchema = $computed(() => useBglSchema<T>({
 	schema: props.schema,
 	showFields: props.showFields,
 	data: props.data,
-})
-)
+}))
 
 function transform(rowData: any) {
 	const obj: Record<string, any> = { ...rowData }

package/src/components/form/BglForm.vue

@@ -1,14 +1,14 @@
 <script lang="ts" setup>
-import { BglField, type BglFormSchemaT, Title, useModal } from '@bagelink/vue'
+import { BglField, type BglFormSchemaFnT, Title, useBglSchema, useModal } from '@bagelink/vue'
 import { useSlots, watch } from 'vue'
 
-type FormStatus = 'idle' | 'loading' | 'success' | 'error'
+export type FormStatus = 'idle' | 'loading' | 'success' | 'error'
 
 const props = withDefaults(
 	defineProps<{
 		label?: string
 		id?: string
-		schema: BglFormSchemaT<any>
+		schema: BglFormSchemaFnT<any>
 		modelValue?: Record<string, any>
 		onDelete?: (id: string) => void
 		onSubmit?: (data: any) => void
@@ -45,7 +45,9 @@ const form = $ref<HTMLFormElement>()
 function validateForm() {
 	// ? Ensures that scrolling does not dismiss validation-tooltip in safari
 	setTimeout(() => form?.reportValidity(), 300) // TODO: check if browser is safari
-	return form?.reportValidity()
+
+	if (!form) return false
+	return form.reportValidity()
 }
 
 const clearForm = () => (data = {})
@@ -89,6 +91,10 @@ function deleteItem() {
 	)
 }
 
+const computedSchema = $computed(
+	() => useBglSchema({ schema: props.schema })
+)
+
 defineExpose({
 	submit: runSubmit,
 	validateForm,
@@ -99,27 +105,19 @@ defineExpose({
 </script>
 
 <template>
-	<template v-if="id">
-		<BglField
-			v-for="(field, i) in schema"
-			:key="field.id || `${i}p`"
-			v-model="data"
-			:field="field"
-		/>
-	</template>
 	<form
-		v-else-if="!slots.success || status !== 'success'"
+		v-if="!slots.success || status !== 'success'"
 		ref="form"
 		@submit.prevent="runSubmit"
 	>
 		<Title v-if="label" tag="h4" :label="label" />
 		<BglField
-			v-for="(field, i) in schema"
+			v-for="(field, i) in computedSchema"
 			:key="field.id || `${i}p`"
 			v-model="data"
 			:field="field"
 		/>
-		<slot name="submit" :submit="runSubmit" :isDirty />
+		<slot name="submit" :submit="runSubmit" :isDirty :validateForm />
 	</form>
 	<slot v-if="status === 'success'" name="success" />
 	<slot v-if="status === 'error'" name="error" />