@bagelink/vue 0.0.1258 → 0.0.1260

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":"AAqzBA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AA4ZD,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":"AAozBA,iBAAS,IAAI,SAIZ;AAED,iBAAS,IAAI,SAIZ;AA4ZD,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.map

@@ -1 +1 @@
-{"version":3,"file":"BagelForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BagelForm.vue"],"names":[],"mappings":"AAkKA,OAAO,KAAK,EAAE,gBAAgB,EAAS,MAAM,eAAe,CAAA;AAK5D,MAAM,WAAW,cAAc,CAAC,EAAE;IACjC,UAAU,CAAC,EAAE,EAAE,CAAA;IACf,MAAM,CAAC,EAAE,gBAAgB,CAAC,EAAE,CAAC,CAAA;IAC7B,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAC7C;yBAEgB,CAAC,SAAS;IAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;CAAC,eAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6O1D,mBAAmB,CAAC;;6KAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;yBAxCkB,GAAG;;;;;;YACJ,GAAG;yBACF,GAAG;uBACL,GAAG;;cAhMzB,mBAAmB,SAAS,CAAC,KAAG,IAAI;OA0O7B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAvPzE,wBAuP4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"BagelForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BagelForm.vue"],"names":[],"mappings":"AAqKA,OAAO,KAAK,EAAE,gBAAgB,EAAS,MAAM,eAAe,CAAA;AAK5D,MAAM,WAAW,cAAc,CAAC,EAAE;IACjC,UAAU,CAAC,EAAE,EAAE,CAAA;IACf,MAAM,CAAC,EAAE,gBAAgB,CAAC,EAAE,CAAC,CAAA;IAC7B,GAAG,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;CAC7C;yBAEgB,CAAC,SAAS;IAAC,CAAC,GAAG,EAAC,MAAM,GAAE,GAAG,CAAA;CAAC,eAC/B,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAgP1D,mBAAmB,CAAC;;6KAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;;yBAxCkB,GAAG;;;;;;YACJ,GAAG;yBACD,GAAG;uBACL,GAAG;;cAnM1B,mBAAmB,SAAS,CAAC,KAAG,IAAI;OA6O7B,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA1PzE,wBA0P4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -4438,7 +4438,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         vue.createElementVNode("div", {
           ref_key: "bglSlider",
           ref: bglSlider,
-          class: vue.normalizeClass(["bgl-slider", { dragging: vue.unref(isDragging), clicking: vue.unref(isPressed), [`slides-${vue.unref(itemCount)}`]: true }]),
+          class: vue.normalizeClass(["bgl-slider", { dragging: vue.unref(isDragging), clicking: vue.unref(isPressed), [`slides-${vue.unref(itemCount)}`]: true, grab: __props.freeDrag && vue.unref(slideCount) > 1 }]),
           style: vue.normalizeStyle({ "--item-count": vue.unref(itemCount) }),
           onMousedown: startDrag,
           onMouseover: clearAutoplay,
@@ -4477,7 +4477,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-d0b0c027"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-31632a3b"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -14997,8 +14997,9 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         await ((_a2 = props2.onSubmit) == null ? void 0 : _a2.call(props2, formData.value));
         initialFormData.value = safeClone2(formData.value);
         formState.value = "success";
-        window.parent.postMessage({ type: "BAGEL_FORM_SUCCESS", data: formData.value }, "*");
+        window.parent.postMessage({ type: "BAGEL_FORM_SUCCESS", data: JSON.stringify(formData.value) }, "*");
       } catch (error) {
+        console.error("Form submission error:", error);
         formState.value = "error";
       }
     }
@@ -15027,30 +15028,34 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
     }
     __expose({ form, isDirty: isDirty.value, validateForm });
     return (_ctx, _cache) => {
-      return props2.tag === "form" ? (vue.openBlock(), vue.createElementBlock("form", {
-        key: 0,
-        ref_key: "form",
-        ref: form,
-        onSubmit: vue.withModifiers(handleSubmit, ["prevent"])
-      }, [
-        resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(resolvedSchema.value, (field) => {
-          return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
-            key: field.id
-          });
-        }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
-        vue.renderSlot(_ctx.$slots, "submit", {
-          submit: handleSubmit,
-          isDirty: isDirty.value,
-          validateForm,
-          formState: formState.value
-        }),
-        formState.value === "success" ? vue.renderSlot(_ctx.$slots, "success", { key: 2 }) : vue.createCommentVNode("", true),
-        formState.value === "error" ? vue.renderSlot(_ctx.$slots, "error", { key: 3 }) : vue.createCommentVNode("", true)
-      ], 544)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(resolvedSchema.value, (field) => {
-        return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
-          key: field.id
-        });
-      }), 128));
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        formState.value !== "success" || !_ctx.$slots.success ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          props2.tag === "form" ? (vue.openBlock(), vue.createElementBlock("form", {
+            key: 0,
+            ref_key: "form",
+            ref: form,
+            onSubmit: vue.withModifiers(handleSubmit, ["prevent"])
+          }, [
+            resolvedSchema.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(resolvedSchema.value, (field) => {
+              return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
+                key: field.id
+              });
+            }), 128)) : vue.renderSlot(_ctx.$slots, "default", { key: 1 }),
+            vue.renderSlot(_ctx.$slots, "submit", {
+              submit: handleSubmit,
+              isDirty: isDirty.value,
+              validateForm,
+              formState: formState.value
+            })
+          ], 544)) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 1 }, vue.renderList(resolvedSchema.value, (field) => {
+            return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderSchemaField(field)), {
+              key: field.id
+            });
+          }), 128))
+        ], 64)) : vue.createCommentVNode("", true),
+        formState.value === "success" ? vue.renderSlot(_ctx.$slots, "success", { key: 1 }) : vue.createCommentVNode("", true),
+        formState.value === "error" ? vue.renderSlot(_ctx.$slots, "error", { key: 2 }) : vue.createCommentVNode("", true)
+      ], 64);
     };
   }
 });

package/dist/index.mjs

@@ -4436,7 +4436,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         createElementVNode("div", {
           ref_key: "bglSlider",
           ref: bglSlider,
-          class: normalizeClass(["bgl-slider", { dragging: unref(isDragging), clicking: unref(isPressed), [`slides-${unref(itemCount)}`]: true }]),
+          class: normalizeClass(["bgl-slider", { dragging: unref(isDragging), clicking: unref(isPressed), [`slides-${unref(itemCount)}`]: true, grab: __props.freeDrag && unref(slideCount) > 1 }]),
           style: normalizeStyle({ "--item-count": unref(itemCount) }),
           onMousedown: startDrag,
           onMouseover: clearAutoplay,
@@ -4475,7 +4475,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-d0b0c027"]]);
+const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["__scopeId", "data-v-31632a3b"]]);
 function _isPlaceholder(a2) {
   return a2 != null && typeof a2 === "object" && a2["@@functional/placeholder"] === true;
 }
@@ -14995,8 +14995,9 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         await ((_a2 = props2.onSubmit) == null ? void 0 : _a2.call(props2, formData.value));
         initialFormData.value = safeClone2(formData.value);
         formState.value = "success";
-        window.parent.postMessage({ type: "BAGEL_FORM_SUCCESS", data: formData.value }, "*");
+        window.parent.postMessage({ type: "BAGEL_FORM_SUCCESS", data: JSON.stringify(formData.value) }, "*");
       } catch (error) {
+        console.error("Form submission error:", error);
         formState.value = "error";
       }
     }
@@ -15025,30 +15026,34 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     }
     __expose({ form, isDirty: isDirty.value, validateForm });
     return (_ctx, _cache) => {
-      return props2.tag === "form" ? (openBlock(), createElementBlock("form", {
-        key: 0,
-        ref_key: "form",
-        ref: form,
-        onSubmit: withModifiers(handleSubmit, ["prevent"])
-      }, [
-        resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(resolvedSchema.value, (field) => {
-          return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
-            key: field.id
-          });
-        }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 }),
-        renderSlot(_ctx.$slots, "submit", {
-          submit: handleSubmit,
-          isDirty: isDirty.value,
-          validateForm,
-          formState: formState.value
-        }),
-        formState.value === "success" ? renderSlot(_ctx.$slots, "success", { key: 2 }) : createCommentVNode("", true),
-        formState.value === "error" ? renderSlot(_ctx.$slots, "error", { key: 3 }) : createCommentVNode("", true)
-      ], 544)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(resolvedSchema.value, (field) => {
-        return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
-          key: field.id
-        });
-      }), 128));
+      return openBlock(), createElementBlock(Fragment, null, [
+        formState.value !== "success" || !_ctx.$slots.success ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          props2.tag === "form" ? (openBlock(), createElementBlock("form", {
+            key: 0,
+            ref_key: "form",
+            ref: form,
+            onSubmit: withModifiers(handleSubmit, ["prevent"])
+          }, [
+            resolvedSchema.value ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(resolvedSchema.value, (field) => {
+              return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
+                key: field.id
+              });
+            }), 128)) : renderSlot(_ctx.$slots, "default", { key: 1 }),
+            renderSlot(_ctx.$slots, "submit", {
+              submit: handleSubmit,
+              isDirty: isDirty.value,
+              validateForm,
+              formState: formState.value
+            })
+          ], 544)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(resolvedSchema.value, (field) => {
+            return openBlock(), createBlock(resolveDynamicComponent(renderSchemaField(field)), {
+              key: field.id
+            });
+          }), 128))
+        ], 64)) : createCommentVNode("", true),
+        formState.value === "success" ? renderSlot(_ctx.$slots, "success", { key: 1 }) : createCommentVNode("", true),
+        formState.value === "error" ? renderSlot(_ctx.$slots, "error", { key: 2 }) : createCommentVNode("", true)
+      ], 64);
     };
   }
 });

package/dist/style.css

@@ -899,13 +899,13 @@ display: block;
 	padding: 0;
 }
 
-.BglCarousel[data-v-d0b0c027] {
+.BglCarousel[data-v-31632a3b] {
 	position: relative;
 	width: 100%;
 	overflow: hidden;
 	touch-action: pan-y pinch-zoom; /* Allow vertical scrolling */
 }
-.bgl-slider[data-v-d0b0c027] {
+.bgl-slider[data-v-31632a3b] {
 	display: flex;
 	position: relative;
 	width: 100%;
@@ -913,31 +913,30 @@ display: block;
 	will-change: transform;
 	transform: translateX(0);
 	gap: 1%;
-	cursor: grab;
 	transition: none;
 	-webkit-user-select: none;
 	user-select: none;
 }
-.bgl-slider[data-v-d0b0c027] > * {
+.bgl-slider[data-v-31632a3b] > * {
 	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-d0b0c027] > * {
+.bgl-slider.slides-1[data-v-31632a3b] > * {
 	flex: 0 0 100%;
 	width: 100%;
 	min-width: 100%;
 }
-.dragging .bgl-slider[data-v-d0b0c027] > * {
+.dragging .bgl-slider[data-v-31632a3b] > * {
 	pointer-events: none;
 	user-select: none;
 }
-.autoHeight[data-v-d0b0c027] {
+.autoHeight[data-v-31632a3b] {
 	transition: height ease 0.7s;
 }
-.dots[data-v-d0b0c027] {
+.dots[data-v-31632a3b] {
 	display: flex;
 	justify-content: center;
 	align-items: center;
@@ -945,7 +944,7 @@ display: block;
 	margin-top: 1rem;
 	gap: 8px;
 }
-.dot[data-v-d0b0c027] {
+.dot[data-v-31632a3b] {
 	height: 10px;
 	width: 10px;
 	border-radius: 50%;
@@ -954,10 +953,10 @@ display: block;
 	transition: opacity 0.3s ease;
 	cursor: pointer;
 }
-.dot[data-v-d0b0c027]:hover {
+.dot[data-v-31632a3b]:hover {
 	opacity: 0.6;
 }
-.dot.current[data-v-d0b0c027] {
+.dot.current[data-v-31632a3b] {
 	opacity: 0.8;
 }
 

package/package.json

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

package/src/components/Carousel.vue

@@ -571,7 +571,7 @@ watch(() => activeSlideIndex, handleSlideChange)
 		<div
 			ref="bglSlider"
 			class="bgl-slider"
-			:class="{ dragging: isDragging, clicking: isPressed, [`slides-${itemCount}`]: true }"
+			:class="{ dragging: isDragging, clicking: isPressed, [`slides-${itemCount}`]: true, grab: freeDrag && slideCount > 1 }"
 			:style="{ '--item-count': itemCount }"
 			@mousedown="startDrag"
 			@mouseover="clearAutoplay"
@@ -615,7 +615,6 @@ watch(() => activeSlideIndex, handleSlideChange)
 	will-change: transform;
 	transform: translateX(0);
 	gap: 1%;
-	cursor: grab;
 	transition: none;
 	-webkit-user-select: none;
 	user-select: none;

package/src/components/form/BagelForm.vue

@@ -106,8 +106,9 @@ async function handleSubmit() {
 		initialFormData.value = safeClone(formData.value)
 		formState.value = 'success'
 		// Notify parent window of successful submission
-		window.parent.postMessage({ type: 'BAGEL_FORM_SUCCESS', data: formData.value }, '*')
+		window.parent.postMessage({ type: 'BAGEL_FORM_SUCCESS', data: JSON.stringify(formData.value) }, '*')
 	} catch (error) {
+		console.error('Form submission error:', error)
 		formState.value = 'error'
 	}
 }
@@ -141,20 +142,22 @@ defineExpose({ form, isDirty, validateForm })
 </script>
 
 <template>
-	<form v-if="props.tag === 'form'" ref="form" @submit.prevent="handleSubmit">
-		<template v-if="resolvedSchema">
+	<template v-if="formState !== 'success' || !$slots.success">
+		<form v-if="props.tag === 'form'" ref="form" @submit.prevent="handleSubmit">
+			<template v-if="resolvedSchema">
+				<template v-for="field in (resolvedSchema as Field[])" :key="field.id">
+					<component :is="renderSchemaField(field)" />
+				</template>
+			</template>
+			<slot v-else />
+			<slot name="submit" :submit="handleSubmit" :isDirty="isDirty" :validateForm="validateForm" :formState="formState" />
+		</form>
+		<template v-else>
 			<template v-for="field in (resolvedSchema as Field[])" :key="field.id">
 				<component :is="renderSchemaField(field)" />
 			</template>
 		</template>
-		<slot v-else />
-		<slot name="submit" :submit="handleSubmit" :isDirty="isDirty" :validateForm="validateForm" :formState="formState" />
-		<slot v-if="formState === 'success'" name="success" />
-		<slot v-if="formState === 'error'" name="error" />
-	</form>
-	<template v-else>
-		<template v-for="field in (resolvedSchema as Field[])" :key="field.id">
-			<component :is="renderSchemaField(field)" />
-		</template>
 	</template>
+	<slot v-if="formState === 'success'" name="success" />
+	<slot v-if="formState === 'error'" name="error" />
 </template>