@bagelink/vue 0.0.742 → 0.0.747

package/dist/utils/BagelFormUtils.d.ts

@@ -45,110 +45,62 @@ export declare function frmRow(...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;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...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, {
+        }, {}, {}, {}, 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;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             modelValue: Record<string, any>;
-        }, true, {}, {}, {
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            schema: {
-                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-                required: true;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        }, Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             submit: () => void;
             validateForm: () => boolean;
             deleteItem: () => void;
@@ -160,47 +112,31 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        schema: {
-            type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-            required: true;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-        };
-        onSubmit: {
-            type: import('vue').PropType<(data: any) => void>;
-        };
-        id: {
-            type: import('vue').PropType<string>;
-        };
-        modelValue: {
-            type: import('vue').PropType<Record<string, any>>;
-            default: () => {};
-        };
-        onDelete: {
-            type: import('vue').PropType<(id: string) => void>;
-        };
-        status: {
-            type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-        };
-    }>> & {
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        label?: string;
+        id?: string;
+        schema: import('..').BglFormSchemaFnT<any>;
+        modelValue?: Record<string, any>;
+        onDelete?: (id: string) => void;
+        onSubmit?: (data: any) => void;
+        status?: import('../components/form/BglForm.vue').FormStatus;
+    }> & Readonly<{
         onSubmit?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...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, {
+    }, {}, {}, {}, 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 () => {
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             submit?(_: {
                 submit: () => void;
@@ -222,110 +158,62 @@ 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;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...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, {
+        }, {}, {}, {}, 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;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        }, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             modelValue: Record<string, any>;
-        }, true, {}, {}, {
+        }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            schema: {
-                type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-                required: true;
-            };
-            label: {
-                type: import('vue').PropType<string>;
-            };
-            onSubmit: {
-                type: import('vue').PropType<(data: any) => void>;
-            };
-            id: {
-                type: import('vue').PropType<string>;
-            };
-            modelValue: {
-                type: import('vue').PropType<Record<string, any>>;
-                default: () => {};
-            };
-            onDelete: {
-                type: import('vue').PropType<(id: string) => void>;
-            };
-            status: {
-                type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-            };
-        }>> & {
+        }, Readonly<{
+            label?: string;
+            id?: string;
+            schema: import('..').BglFormSchemaFnT<any>;
+            modelValue?: Record<string, any>;
+            onDelete?: (id: string) => void;
+            onSubmit?: (data: any) => void;
+            status?: import('../components/form/BglForm.vue').FormStatus;
+        }> & Readonly<{
             onSubmit?: ((...args: any[]) => any) | undefined;
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onDirty?: ((...args: any[]) => any) | undefined;
-        }, {
+        }>, {
             submit: () => void;
             validateForm: () => boolean;
             deleteItem: () => void;
@@ -337,47 +225,31 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-        schema: {
-            type: import('vue').PropType<import('..').BglFormSchemaFnT<any>>;
-            required: true;
-        };
-        label: {
-            type: import('vue').PropType<string>;
-        };
-        onSubmit: {
-            type: import('vue').PropType<(data: any) => void>;
-        };
-        id: {
-            type: import('vue').PropType<string>;
-        };
-        modelValue: {
-            type: import('vue').PropType<Record<string, any>>;
-            default: () => {};
-        };
-        onDelete: {
-            type: import('vue').PropType<(id: string) => void>;
-        };
-        status: {
-            type: import('vue').PropType<import('../components/form/BglForm.vue').FormStatus>;
-        };
-    }>> & {
+    } & import('vue').ComponentOptionsBase<Readonly<{
+        label?: string;
+        id?: string;
+        schema: import('..').BglFormSchemaFnT<any>;
+        modelValue?: Record<string, any>;
+        onDelete?: (id: string) => void;
+        onSubmit?: (data: any) => void;
+        status?: import('../components/form/BglForm.vue').FormStatus;
+    }> & Readonly<{
         onSubmit?: ((...args: any[]) => any) | undefined;
         "onUpdate:modelValue"?: ((...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, {
+    }, {}, {}, {}, 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 () => {
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             submit?(_: {
                 submit: () => void;

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

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

package/dist/utils/lang.d.ts

@@ -1,9 +1,9 @@
 declare function $tdb<T extends Record<string, string>>(langEl?: T): string;
 export declare function useLang(): {
-    lang: import('vue').WritableComputedRef<string>;
+    lang: import('vue').WritableComputedRef<string, string>;
     $tdb: typeof $tdb;
-    availableLangs: import('vue').WritableComputedRef<string[]>;
-    defaultLang: import('vue').WritableComputedRef<string>;
+    availableLangs: import('vue').WritableComputedRef<string[], string[]>;
+    defaultLang: import('vue').WritableComputedRef<string, string>;
 };
 export {};
 //# sourceMappingURL=lang.d.ts.map

package/package.json

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

package/src/components/AddressSearch.vue

@@ -22,7 +22,6 @@ async function searchAddresses() {
 	const geocodeUrl = `https://nominatim.openstreetmap.org/search?format=json&q=${encodeURI(addressURL)}`
 	const res = await fetch(geocodeUrl)
 	searchResults = await res.json() || []
-	console.log(suggestion)
 	suggestion?.show()
 }
 </script>
@@ -30,7 +29,9 @@ async function searchAddresses() {
 <template>
 	<div class="relative">
 		<Dropdown ref="suggestion" :noAutoFocus="true" placement="bottom-start">
-			<TextInput v-model="addressInput" placeholder="Enter address" @debounce="searchAddresses" />
+			<template #trigger>
+				<TextInput v-model="addressInput" placeholder="Enter address" @debounce="searchAddresses" />
+			</template>
 			<template #popper>
 				<ListView class="-mt-2 hm-300px">
 					<ListItem v-for="(result, index) in searchResults" :key="index" icon="location_on" :title="result.display_name" @click="emitAddress(result)" />

package/src/components/Dropdown.vue

@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import { Btn, type MaterialIcons } from '@bagelink/vue'
+import { Dropdown as DDown } from 'floating-vue'
+
+export declare type Side = 'top' | 'right' | 'bottom' | 'left' | 'auto'
+export declare type Alignment = 'start' | 'end'
+export declare type AlignedPlacement = `${Side}-${Alignment}`
+
+defineProps<{
+	value?: string
+	thin?: boolean
+	flat?: boolean
+	disabled?: boolean
+	icon?: MaterialIcons
+	triggerClass?: string
+	// 'icon.end'?: MaterialIcons
+	border?: boolean
+	outline?: boolean
+	round?: boolean
+	placement?: 'auto' | AlignedPlacement
+	noAutoFocus?: boolean
+	// theme
+	// referenceNode
+	// shown
+	// showGroup
+	// ariaId
+	// disabled
+	// positioningDisabled
+	// placement
+	// delay
+	// distance
+	// skidding
+	// triggers
+	// showTriggers
+	// hideTriggers
+	// popperTriggers
+	// popperShowTriggers
+	// popperHideTriggers
+	// container
+	// boundary
+	// strategy
+	// autoHide
+	// handleResize
+	// instantMove
+	// eagerMount
+	// popperClass
+	// computeTransformOrigin
+	// autoMinSize
+	// autoSize
+	// autoMaxSize
+	// autoBoundaryMaxSize
+	// preventOverflow
+	// overflowPadding
+
+}>()
+const emit = defineEmits(['show', 'hide'])
+const ddownRef = $ref<typeof DDown>()
+const show = () =>	ddownRef?.show()
+const hide = () => ddownRef?.hide()
+defineExpose({ show, hide })
+</script>
+
+<template>
+	<DDown ref="ddownRef" :disabled="disabled" :noAutoFocus="noAutoFocus" :placement="placement" @hide="emit('hide')" @show="emit('show')">
+		<slot name="trigger">
+			<Btn :class="triggerClass" :icon="icon" :value="value" :thin="thin" :flat="thin" />
+		</slot>
+		<template #popper>
+			<slot />
+		</template>
+	</DDown>
+</template>

package/src/components/ListItem.vue

@@ -17,7 +17,7 @@ defineProps<{
 	<component
 		:is="to ? 'RouterLink' : 'div'"
 		:to="to"
-		class="flex gap-1 list-item"
+		class="flex gap-05 list-item"
 		:class="{ 'notClickable': !(to || onClick), 'no-border-list': flat }"
 		@click="onClick"
 	>
@@ -59,6 +59,14 @@ defineProps<{
 	bottom: 0;
 	border-bottom: 1px solid var(--border-color);
 }
+.list-item:last-child::after {
+	content: '';
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	border-bottom: none;
+}
 
 .list-item:hover,
 .list-item.router-link-active {

package/src/components/ModalConfirm.vue

@@ -21,7 +21,7 @@ function select(val: boolean) {
 			{{ message }}
 		</p>
 		<template #footer>
-			<Btn flat thin value="Cancel" @click="select(false)" />
+			<Btn flat thin class="color-black" value="Cancel" @click="select(false)" />
 			<Btn color="green" value="Confirm" @click="select(true)" />
 		</template>
 	</Modal>

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

@@ -8,11 +8,12 @@ const props = withDefaults(defineProps<{
 	small?: boolean
 	required?: boolean
 	defaultValue?: boolean
+	value?: any
 }>(), { defaultValue: false })
 
 const inputId = $computed(() => props.id || Math.random().toString(36).substring(7))
 
-const checked = defineModel<boolean | undefined>('modelValue', { default: undefined })
+const checked = defineModel<boolean | undefined | any[]>('modelValue', { default: undefined })
 
 onMounted(() => {
 	if (checked.value === undefined) checked.value = props.defaultValue
@@ -28,6 +29,7 @@ onMounted(() => {
 		<input
 			:id="inputId"
 			v-model="checked"
+			:value
 			:required
 			type="checkbox"
 			class="me-05"

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

@@ -20,6 +20,12 @@ const inputType = $computed(() => showPwd.value ? 'text' : 'password')
 <template>
 	<div class="relative">
 		<TextInput v-model="password" class="mb-0" :type="inputType" v-bind="txtInputProps" />
-		<Btn flat thin class="m-05 position-bottom-end" :icon="toggleShowPwdIcon" @click="showPwd = !showPwd" />
+		<Btn flat thin class="mx-05 m-password position-bottom-end" :icon="toggleShowPwdIcon" @click="showPwd = !showPwd" />
 	</div>
 </template>
+
+<style>
+.m-password{
+	margin-block: calc(var(--input-height) / 2 - 15px);
+}
+</style>