@bagelink/vue 0.0.1161 → 0.0.1165

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AAgzBA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AAmZD,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;yBAbrB,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;;EAgB5B;AAmCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAmBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Carousel.vue.d.ts","sourceRoot":"","sources":["../../src/components/Carousel.vue"],"names":[],"mappings":"AA8yBA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AAmZD,iBAAS,cAAc;WAyFT,OAAO,IAA6B;;yBAbrB,GAAG;;;;YACN,GAAG;;;;YACH,GAAG;;;;;;EAgB5B;AAmCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAmBnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,6 +1,6 @@
 import { BglFormSchemaFnT } from '../..';
 interface Props {
-    modelValue: Record<string, any>;
+    modelValue?: Record<string, any>;
     schema?: BglFormSchemaFnT;
 }
 declare function handleSubmit(): void;

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

@@ -1 +1 @@
-{"version":3,"file":"BagelForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BagelForm.vue"],"names":[],"mappings":"AAAA,OAkGO,KAAK,EAAkB,gBAAgB,EAAS,MAAM,eAAe,CAAA;AAK5E,UAAU,KAAK;IACd,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,gBAAgB,CAAA;CACzB;AA0CD,iBAAS,YAAY,SAGpB;AAUD,iBAAS,YAAY,YAGpB;AA0BD,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBAZrB,GAAG;;;;;YACJ,GAAG;;;;;;EAgB9B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;YAxJX,gBAAgB;gBADb,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;mBAoK9B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"BagelForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BagelForm.vue"],"names":[],"mappings":"AAoGA,OAAO,KAAK,EAAkB,gBAAgB,EAAS,MAAM,eAAe,CAAA;AAK5E,UAAU,KAAK;IACd,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAA;CACzB;AA4CD,iBAAS,YAAY,SAGpB;AAUD,iBAAS,YAAY,YAGpB;AA0BD,iBAAS,cAAc;WA6CT,OAAO,IAA6B;;yBAZrB,GAAG;;;;;YACJ,GAAG;;;;;;EAgB9B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;YA1JX,gBAAgB;gBADZ,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;;;mBAsK/B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"useSchemaField.d.ts","sourceRoot":"","sources":["../../src/composables/useSchemaField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAwBxD,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CACzD;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC;yBA4BtF,cAAc,CAAC,CAAC,CAAC,UAChB,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;KAAE,KAAK,GAAG,CAAC,KAC1E,KAAK,GAAG,IAAI;0BA3Bc,cAAc,CAAC,CAAC,CAAC;EA8J9C"}
+{"version":3,"file":"useSchemaField.d.ts","sourceRoot":"","sources":["../../src/composables/useSchemaField.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAwBxD,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CACzD;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC;yBA4BtF,cAAc,CAAC,CAAC,CAAC,UAChB,MAAM,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE;QAAE,GAAG,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;KAAE,KAAK,GAAG,CAAC,KAC1E,KAAK,GAAG,IAAI;0BA3Bc,cAAc,CAAC,CAAC,CAAC;EAkK9C"}

package/dist/index.cjs

@@ -1176,7 +1176,7 @@ const _sfc_main$Z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-1ae4b9ae"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-b4d71e9e"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -7356,7 +7356,11 @@ function useSchemaField(options) {
       const boundAttrs = bindAttrs(field.attrs, currentValue, rowData);
       Object.entries(boundAttrs).forEach(([key, value]) => {
         if (typeof value === "function") {
-          props2[key] = value(currentValue, rowData);
+          if (key.startsWith("on")) {
+            props2[key] = value;
+          } else {
+            props2[key] = value(currentValue, rowData);
+          }
         } else {
           props2[key] = value;
         }
@@ -11568,7 +11572,7 @@ const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-f99
 const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
   __name: "BagelForm",
   props: {
-    modelValue: { default: () => ({}) },
+    modelValue: { default: void 0 },
     schema: { default: void 0 }
   },
   emits: ["update:modelValue", "submit"],
@@ -11576,10 +11580,12 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
     const props2 = __props;
     const emit2 = __emit;
     const form = vue.ref();
-    let formData = vue.ref({ ...props2.modelValue });
-    let initialFormData = vue.ref({ ...props2.modelValue });
+    let formData = vue.ref(props2.modelValue ? { ...props2.modelValue } : {});
+    let initialFormData = vue.ref(props2.modelValue ? { ...props2.modelValue } : {});
     vue.watch(() => props2.modelValue, (newValue) => {
-      formData.value = { ...newValue };
+      if (newValue !== void 0) {
+        formData.value = { ...newValue };
+      }
     }, { immediate: true, deep: true });
     const resolvedSchema = vue.computed(() => {
       if (!props2.schema) return void 0;
@@ -21638,7 +21644,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     const emit2 = __emit;
     let numberValue = vue.ref(Number.parseFloat(`${__props.modelValue}`) || void 0);
     const btnLayouts = ["horizontal", "vertical"];
-    const canAdd = vue.computed(() => !(__props.max !== void 0 && (numberValue.value || 0 + __props.step) > __props.max));
+    const canAdd = vue.computed(() => !(__props.max !== void 0 && (numberValue.value || 0) + __props.step > __props.max));
     const canDecrement = vue.computed(() => !(__props.min !== void 0 && (numberValue.value || 0 - __props.step) < __props.min));
     function increment() {
       if (!canAdd.value) return;
@@ -21774,7 +21780,7 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-8ae5f930"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-eddf76f4"]]);
 const _hoisted_1$y = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
   __name: "OTP",

package/dist/index.mjs

@@ -1174,7 +1174,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-1ae4b9ae"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["__scopeId", "data-v-b4d71e9e"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -7354,7 +7354,11 @@ function useSchemaField(options) {
       const boundAttrs = bindAttrs(field.attrs, currentValue, rowData);
       Object.entries(boundAttrs).forEach(([key, value]) => {
         if (typeof value === "function") {
-          props2[key] = value(currentValue, rowData);
+          if (key.startsWith("on")) {
+            props2[key] = value;
+          } else {
+            props2[key] = value(currentValue, rowData);
+          }
         } else {
           props2[key] = value;
         }
@@ -11566,7 +11570,7 @@ const Flag = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-f99
 const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "BagelForm",
   props: {
-    modelValue: { default: () => ({}) },
+    modelValue: { default: void 0 },
     schema: { default: void 0 }
   },
   emits: ["update:modelValue", "submit"],
@@ -11574,10 +11578,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     const props2 = __props;
     const emit2 = __emit;
     const form = ref();
-    let formData = ref({ ...props2.modelValue });
-    let initialFormData = ref({ ...props2.modelValue });
+    let formData = ref(props2.modelValue ? { ...props2.modelValue } : {});
+    let initialFormData = ref(props2.modelValue ? { ...props2.modelValue } : {});
     watch(() => props2.modelValue, (newValue) => {
-      formData.value = { ...newValue };
+      if (newValue !== void 0) {
+        formData.value = { ...newValue };
+      }
     }, { immediate: true, deep: true });
     const resolvedSchema = computed(() => {
       if (!props2.schema) return void 0;
@@ -21636,7 +21642,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const emit2 = __emit;
     let numberValue = ref(Number.parseFloat(`${__props.modelValue}`) || void 0);
     const btnLayouts = ["horizontal", "vertical"];
-    const canAdd = computed(() => !(__props.max !== void 0 && (numberValue.value || 0 + __props.step) > __props.max));
+    const canAdd = computed(() => !(__props.max !== void 0 && (numberValue.value || 0) + __props.step > __props.max));
     const canDecrement = computed(() => !(__props.min !== void 0 && (numberValue.value || 0 - __props.step) < __props.min));
     function increment() {
       if (!canAdd.value) return;
@@ -21772,7 +21778,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-8ae5f930"]]);
+const NumberInput = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-eddf76f4"]]);
 const _hoisted_1$y = ["value", "autofocus", "onKeydown", "onPaste"];
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "OTP",

package/dist/style.css

@@ -356,13 +356,13 @@ display: block;
 	padding: 0;
 }
 
-.BglCarousel[data-v-1ae4b9ae] {
+.BglCarousel[data-v-b4d71e9e] {
 	position: relative;
 	width: 100%;
 	overflow: hidden;
 	touch-action: pan-y pinch-zoom; /* Allow vertical scrolling */
 }
-.bgl-slider[data-v-1ae4b9ae] {
+.bgl-slider[data-v-b4d71e9e] {
 	display: flex;
 	position: relative;
 	width: 100%;
@@ -375,26 +375,26 @@ display: block;
 	-webkit-user-select: none;
 	user-select: none;
 }
-.bgl-slider[data-v-1ae4b9ae] > * {
+.bgl-slider[data-v-b4d71e9e] > * {
 	flex: 0 0 calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	min-width: calc((100% - (var(--item-count) - 1) * 1%) / var(--item-count));
 	position: relative;
 	overflow: hidden;
 }
-.bgl-slider.slides-1[data-v-1ae4b9ae] > * {
+.bgl-slider.slides-1[data-v-b4d71e9e] > * {
 	flex: 0 0 100%;
 	width: 100%;
 	min-width: 100%;
 }
-.dragging .bgl-slider[data-v-1ae4b9ae] > * {
+.dragging .bgl-slider[data-v-b4d71e9e] > * {
 	pointer-events: none;
 	user-select: none;
 }
-.autoHeight[data-v-1ae4b9ae] {
+.autoHeight[data-v-b4d71e9e] {
 	transition: height ease 0.7s;
 }
-.dots[data-v-1ae4b9ae] {
+.dots[data-v-b4d71e9e] {
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -402,7 +402,7 @@ display: block;
 	margin-top: 1rem;
 	gap: 8px;
 }
-.dot[data-v-1ae4b9ae] {
+.dot[data-v-b4d71e9e] {
 	height: 10px;
 	width: 10px;
 	border-radius: 50%;
@@ -411,10 +411,10 @@ display: block;
 	transition: opacity 0.3s ease;
 	cursor: pointer;
 }
-.dot[data-v-1ae4b9ae]:hover {
+.dot[data-v-b4d71e9e]:hover {
 	opacity: 0.6;
 }
-.dot.current[data-v-1ae4b9ae] {
+.dot.current[data-v-b4d71e9e] {
 	opacity: 0.8;
 }
 
@@ -1240,14 +1240,14 @@ pre code.hljs{
 	direction: ltr;
 }
 
-.txtInputIconStart .iconStart[data-v-8ae5f930] {
+.txtInputIconStart .iconStart[data-v-eddf76f4] {
 	color: var(--input-color);
 	position: absolute;
     inset-inline-start:calc(var(--input-height) / 3 - 0.25rem);
 	margin-top: calc(var(--input-height) / 2 );
 	line-height: 0;
 }
-.textInputSpinnerWrap .spinner[data-v-8ae5f930] {
+.textInputSpinnerWrap .spinner[data-v-eddf76f4] {
 	color: var(--input-color);
 	position: absolute;
 	inset-inline-end: 0;
@@ -1257,18 +1257,18 @@ pre code.hljs{
 	flex-direction: column;
 	gap: 0;
 }
-.top-bgl-ctrl-num-btn[data-v-8ae5f930]{
+.top-bgl-ctrl-num-btn[data-v-eddf76f4]{
 	margin-top: calc(var(--input-height) / 10) !important;
 }
-.bgl-ctrl-num-btn[data-v-8ae5f930]{
+.bgl-ctrl-num-btn[data-v-eddf76f4]{
 	height: calc(var(--input-height) / 2.5) !important;
 	isolation: isolate;
 }
-.bgl-big-ctrl-num-btn[data-v-8ae5f930]{
+.bgl-big-ctrl-num-btn[data-v-eddf76f4]{
 	width: 100% !important;
 	isolation: isolate;
 }
-.bgl-number-input[data-v-8ae5f930]{
+.bgl-number-input[data-v-eddf76f4]{
 	padding-inline-end: 1.75rem !important;
 }
 

package/package.json

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

package/src/components/Carousel.vue

@@ -56,7 +56,6 @@ let lastTime = $ref(0)
 let swipeVelocity = $ref(0)
 let accumulatedDeltaX = $ref(0)
 
-// Timers
 let timeout: NodeJS.Timeout
 let wheelTimeout: NodeJS.Timeout
 let autoPlayInterval: NodeJS.Timeout

package/src/components/form/BagelForm.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import type { BglFormSchemaT, BglFormSchemaFnT, Field } from '@bagelink/vue'
 import type { VNode } from 'vue'
-import { h, watch } from 'vue'
+import { watch } from 'vue'
 import { useSchemaField } from '../../composables/useSchemaField'
 
 interface Props {
-	modelValue: Record<string, any>
+	modelValue?: Record<string, any>
 	schema?: BglFormSchemaFnT
 }
 
 const props = withDefaults(defineProps<Props>(), {
-	modelValue: () => ({}),
+	modelValue: undefined,
 	schema: undefined
 })
 
@@ -20,12 +20,14 @@ const emit = defineEmits<{
 }>()
 
 const form = $ref<HTMLFormElement>()
-let formData = $ref({ ...props.modelValue })
-let initialFormData = $ref({ ...props.modelValue })
+let formData = $ref(props.modelValue ? { ...props.modelValue } : {})
+let initialFormData = $ref(props.modelValue ? { ...props.modelValue } : {})
 
-// Keep formData in sync with modelValue prop
+// Keep formData in sync with modelValue prop only if it's provided
 watch(() => props.modelValue, (newValue) => {
-	formData = { ...newValue }
+	if (newValue !== undefined) {
+		formData = { ...newValue }
+	}
 }, { immediate: true, deep: true })
 
 const resolvedSchema = $computed<BglFormSchemaT | undefined>(() => {

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

@@ -48,7 +48,7 @@ let numberValue = $ref(Number.parseFloat(`${modelValue}`) || undefined)
 
 const btnLayouts: NumberLayout[] = ['horizontal', 'vertical']
 
-const canAdd = $computed(() => !(max !== undefined && (numberValue || 0 + step) > max))
+const canAdd = $computed(() => !(max !== undefined && ((numberValue || 0) + step) > max))
 const canDecrement = $computed(() => !(min !== undefined && (numberValue || 0 - step) < min))
 
 // Methods

package/src/composables/useSchemaField.ts

@@ -132,7 +132,11 @@ export function useSchemaField<T extends Record<string, any>>(options: UseSchema
 			const boundAttrs = bindAttrs(field.attrs, currentValue, rowData)
 			Object.entries(boundAttrs).forEach(([key, value]) => {
 				if (typeof value === 'function') {
-					props[key] = value(currentValue, rowData)
+					if (key.startsWith('on')) {
+						props[key] = value
+					} else {
+						props[key] = value(currentValue, rowData)
+					}
 				} else {
 					props[key] = value
 				}