@bagelink/vue 0.0.1157 → 0.0.1163

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/ListView.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.vue.d.ts","sourceRoot":"","sources":["../../src/components/ListView.vue"],"names":[],"mappings":"AA8BA,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;wBAXtB,GAAG;yBACF,GAAG;;;;EAe/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,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":"ListView.vue.d.ts","sourceRoot":"","sources":["../../src/components/ListView.vue"],"names":[],"mappings":"AAwBA,iBAAS,cAAc;WAmCT,OAAO,IAA6B;;wBAXtB,GAAG;yBACF,GAAG;;;;EAe/B;AAOD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,0RAMnB,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

@@ -203,7 +203,7 @@ const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
             }, null, 8, ["modelValue"])
           ]),
           default: vue.withCtx(() => [
-            vue.createVNode(vue.unref(_sfc_main$e), { class: "-mt-2 hm-300px" }, {
+            vue.createVNode(vue.unref(ListView), { class: "-mt-2 hm-300px" }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(searchResults), (result2, index2) => {
                   return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$f), {
@@ -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;
@@ -37827,28 +37833,21 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
-const _hoisted_2$6 = {
-  key: 0,
-  class: "p-1"
-};
+const _sfc_main$e = {};
+const _hoisted_1$b = { class: "list-wrap bgl_card thin grid overflow-hidden pt-0 pb-05 px-0 m_pb-0" };
+const _hoisted_2$6 = { class: "p-0" };
 const _hoisted_3$4 = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
-const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
-  __name: "ListView",
-  setup(__props) {
-    const slots = vue.useSlots();
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
-        vue.unref(slots).header ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$6, [
-          vue.renderSlot(_ctx.$slots, "header")
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_3$4, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ])
-      ]);
-    };
-  }
-});
+function _sfc_render$3(_ctx, _cache) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [
+    vue.createElementVNode("div", _hoisted_2$6, [
+      vue.renderSlot(_ctx.$slots, "header")
+    ]),
+    vue.createElementVNode("div", _hoisted_3$4, [
+      vue.renderSlot(_ctx.$slots, "default")
+    ])
+  ]);
+}
+const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$3]]);
 const _hoisted_1$a = { class: "flex-center" };
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "Loading",
@@ -40810,7 +40809,7 @@ exports.JSONInput = JSONInput;
 exports.Layout = Layout;
 exports.Lineart = _sfc_main$Y;
 exports.ListItem = _sfc_main$f;
-exports.ListView = _sfc_main$e;
+exports.ListView = ListView;
 exports.Loading = Loading;
 exports.MapEmbed = _sfc_main$c;
 exports.Modal = _sfc_main$b;

package/dist/index.mjs

@@ -201,7 +201,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["modelValue"])
           ]),
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$e), { class: "-mt-2 hm-300px" }, {
+            createVNode(unref(ListView), { class: "-mt-2 hm-300px" }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(unref(searchResults), (result2, index2) => {
                   return openBlock(), createBlock(unref(_sfc_main$f), {
@@ -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;
@@ -37825,28 +37831,21 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
-const _hoisted_2$6 = {
-  key: 0,
-  class: "p-1"
-};
+const _sfc_main$e = {};
+const _hoisted_1$b = { class: "list-wrap bgl_card thin grid overflow-hidden pt-0 pb-05 px-0 m_pb-0" };
+const _hoisted_2$6 = { class: "p-0" };
 const _hoisted_3$4 = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "ListView",
-  setup(__props) {
-    const slots = useSlots();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
-        unref(slots).header ? (openBlock(), createElementBlock("div", _hoisted_2$6, [
-          renderSlot(_ctx.$slots, "header")
-        ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$4, [
-          renderSlot(_ctx.$slots, "default")
-        ])
-      ]);
-    };
-  }
-});
+function _sfc_render$3(_ctx, _cache) {
+  return openBlock(), createElementBlock("div", _hoisted_1$b, [
+    createElementVNode("div", _hoisted_2$6, [
+      renderSlot(_ctx.$slots, "header")
+    ]),
+    createElementVNode("div", _hoisted_3$4, [
+      renderSlot(_ctx.$slots, "default")
+    ])
+  ]);
+}
+const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$3]]);
 const _hoisted_1$a = { class: "flex-center" };
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "Loading",
@@ -40809,7 +40808,7 @@ export {
   Layout,
   _sfc_main$Y as Lineart,
   _sfc_main$f as ListItem,
-  _sfc_main$e as ListView,
+  ListView,
   Loading,
   _sfc_main$c as MapEmbed,
   _sfc_main$b as Modal,

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;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.1157",
+  "version": "0.0.1163",
   "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/Draggable/useDraggable.ts

@@ -139,14 +139,14 @@ export function useDraggable(options: DraggableOptions = {}) {
 		return 2
 	}
 
-	function resetDragStyles(dragEl: DraggableElement) {
-		if (defaultOptions.mode === 'ghost') {
-			dragEl.style.opacity = ''
-			dragEl.style.transform = ''
-		} else {
-			dragEl.style.opacity = ''
-		}
-	}
+	// function resetDragStyles(dragEl: DraggableElement) {
+	// 	if (defaultOptions.mode === 'ghost') {
+	// 		dragEl.style.opacity = ''
+	// 		dragEl.style.transform = ''
+	// 	} else {
+	// 		dragEl.style.opacity = ''
+	// 	}
+	// }
 
 	function cacheElementPositions(draggedList: DraggableElement[]) {
 		POSITION_CACHE.clear()

package/src/components/ListView.vue

@@ -1,12 +1,9 @@
 <script lang="ts" setup>
-import { useSlots } from 'vue'
-
-const slots = useSlots()
 </script>
 
 <template>
-	<div class="list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0">
-		<div v-if="slots.header" class="p-1">
+	<div class="list-wrap bgl_card thin grid overflow-hidden pt-0 pb-05 px-0 m_pb-0">
+		<div class="p-0">
 			<slot name="header" />
 		</div>
 		<div class="list-content auto-flow-rows align-items-start overflow-y h-100">

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/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
 				}