@bagelink/vue 1.9.41 → 1.9.43

package/dist/form-flow/FormFlow.vue.d.ts

@@ -40,10 +40,6 @@ declare const _default: <T extends Record<string, any>>(__VLS_props: NonNullable
             errors: {
                 [x: string]: string;
             };
-            debugInfo: {
-                handleSubmitType: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
-                validateAllType: "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
-            };
         }): any;
     };
     emit: ((evt: "submit", value: T) => void) & ((evt: "update:modelValue", value: T) => void);

package/dist/form-flow/FormFlow.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormFlow.vue.d.ts","sourceRoot":"","sources":["../../src/form-flow/FormFlow.vue"],"names":[],"mappings":"AAAA,OAyjBO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAqBjE,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACzE,MAAM,EAAE,gBAAgB,CAAA;IACxB,UAAU,CAAC,EAAE,CAAC,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAChC,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/B;yBAEgB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAmnBO,mBAAmB,CAAC;;;iLAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;wBA5TvB,OAAO;+BA0CD,KAAK,KAAG,OAAO;MAkRwB,GAAG,IAAI;WACpE,GAAG;;;;;;wBA7KO,GAAG;UA8HgE,GAAG;;;;;;;qBAra5D,MAAM;uBAAS,YAAY;;YAua1B,GAAG;;6BAtOF,KAAK,KAAG,OAAO;4BA1CrB,OAAO;;;;;;;;;YAiRF,GAAG;;;EAgD5B,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA9nBzE,wBA8nB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"FormFlow.vue.d.ts","sourceRoot":"","sources":["../../src/form-flow/FormFlow.vue"],"names":[],"mappings":"AAAA,OAoiBO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAqBjE,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IACzE,MAAM,EAAE,gBAAgB,CAAA;IACxB,UAAU,CAAC,EAAE,CAAC,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAChC,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/B;yBAEgB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC7C,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA6lBO,mBAAmB,CAAC;;;iLAAkE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB;wBAtSvB,OAAO;+BAmCD,KAAK,KAAG,OAAO;MAmQwB,GAAG,IAAI;WACpE,GAAG;;;;;;wBA5KO,GAAG;UA6HgE,GAAG;;;;;;;qBA/Y5D,MAAM;uBAAS,YAAY;;YAiZ1B,GAAG;;6BAvNF,KAAK,KAAG,OAAO;4BAnCrB,OAAO;;;;;YA2PF,GAAG;;;EAgD5B,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxmBzE,wBAwmB4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -53372,59 +53372,36 @@ var FormFlow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 			return field._component != null;
 		}
 		function validateAll() {
-			console.log("[FormFlow] validateAll started");
 			let isValid = true;
 			const newErrors = {};
 			for (const { key, field } of visibleFields.value) {
 				const value = getFieldValue(key);
-				console.log(`[FormFlow] Validating field "${key}":`, {
-					value,
-					required: field._config.required,
-					type: field._type
-				});
 				if (field._config.required === true) {
 					if (value == null || value === "" || Array.isArray(value) && value.length === 0) {
-						const errorMsg = field._config.requiredMessage || "This field is required";
-						console.log(`[FormFlow] Field "${key}" is required but empty, error:`, errorMsg);
-						newErrors[key] = errorMsg;
+						newErrors[key] = field._config.requiredMessage || "This field is required";
 						isValid = false;
 						continue;
 					}
 				}
-				if (field._validations != null) {
-					console.log(`[FormFlow] Running ${field._validations.length} custom validations for "${key}"`);
-					for (const validate of field._validations) {
-						const result$1 = validate(value);
-						if (result$1 !== true) {
-							console.log(`[FormFlow] Field "${key}" failed validation:`, result$1);
-							newErrors[key] = result$1;
-							isValid = false;
-							break;
-						}
+				if (field._validations != null) for (const validate of field._validations) {
+					const result$1 = validate(value);
+					if (result$1 !== true) {
+						newErrors[key] = result$1;
+						isValid = false;
+						break;
 					}
 				}
 			}
-			console.log("[FormFlow] validateAll complete:", {
-				isValid,
-				newErrors
-			});
 			validationErrors.value = newErrors;
 			return isValid;
 		}
 		function handleSubmit(event) {
-			console.log("[FormFlow] handleSubmit called", {
-				event,
-				hasEvent: !!event
-			});
 			if (event) event.preventDefault();
 			hasSubmitted.value = true;
-			console.log("[FormFlow] Before validateAll, visibleFields count:", visibleFields.value.length);
 			const isValid = validateAll();
-			console.log("[FormFlow] After validateAll, isValid:", isValid, "validationErrors:", validationErrors.value);
 			if (!isValid) {
 				event?.stopPropagation();
 				const firstErrorKey = visibleFields.value.find(({ key }) => validationErrors.value[key])?.key;
-				console.log("[FormFlow] Validation failed, firstErrorKey:", firstErrorKey);
 				if (firstErrorKey && formElement.value) {
 					const fieldElement = formElement.value.querySelector(`[name="${firstErrorKey}"]`) || formElement.value.querySelector(`[id="${firstErrorKey}"]`) || formElement.value.querySelector(`input, select, textarea`);
 					if (fieldElement) {
@@ -53437,22 +53414,13 @@ var FormFlow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 						}, 300);
 					}
 				}
-			} else {
-				console.log("[FormFlow] Validation passed, emitting submit with formData:", formData.value);
-				emit$1("submit", formData.value);
-			}
+			} else emit$1("submit", formData.value);
 			return isValid;
 		}
 		__expose({
 			validate: validateAll,
 			handleSubmit
 		});
-		console.log("[FormFlow] Component mounted", {
-			version: "1.9.39-debug",
-			schemaFields: Object.keys(props$1.schema._fields).length,
-			handleSubmitDefined: !!handleSubmit,
-			validateAllDefined: !!validateAll
-		});
 		return (_ctx, _cache) => {
 			const _component_FormFlow = (0, vue.resolveComponent)("FormFlow", true);
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("form", {
@@ -53517,17 +53485,13 @@ var FormFlow_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, v
 					submit: handleSubmit,
 					validate: validateAll,
 					formData: formData.value,
-					errors: mergedErrors.value,
-					debugInfo: {
-						handleSubmitType: typeof handleSubmit,
-						validateAllType: typeof validateAll
-					}
+					errors: mergedErrors.value
 				}, void 0, true)
 			], 34);
 		};
 	}
 });
-var FormFlow_default = /* @__PURE__ */ __plugin_vue_export_helper_default(FormFlow_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-3ee44c4a"]]);
+var FormFlow_default = /* @__PURE__ */ __plugin_vue_export_helper_default(FormFlow_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-076caa3b"]]);
 var _hoisted_1$4 = {
 	key: 0,
 	class: "dialog-form-error bg-red-30 color-red radius-1 mb-1 txt14 px-1 py-075"

package/dist/index.mjs

@@ -53182,59 +53182,36 @@ var FormFlow_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__
 			return field._component != null;
 		}
 		function validateAll() {
-			console.log("[FormFlow] validateAll started");
 			let isValid = true;
 			const newErrors = {};
 			for (const { key, field } of visibleFields.value) {
 				const value = getFieldValue(key);
-				console.log(`[FormFlow] Validating field "${key}":`, {
-					value,
-					required: field._config.required,
-					type: field._type
-				});
 				if (field._config.required === true) {
 					if (value == null || value === "" || Array.isArray(value) && value.length === 0) {
-						const errorMsg = field._config.requiredMessage || "This field is required";
-						console.log(`[FormFlow] Field "${key}" is required but empty, error:`, errorMsg);
-						newErrors[key] = errorMsg;
+						newErrors[key] = field._config.requiredMessage || "This field is required";
 						isValid = false;
 						continue;
 					}
 				}
-				if (field._validations != null) {
-					console.log(`[FormFlow] Running ${field._validations.length} custom validations for "${key}"`);
-					for (const validate of field._validations) {
-						const result$1 = validate(value);
-						if (result$1 !== true) {
-							console.log(`[FormFlow] Field "${key}" failed validation:`, result$1);
-							newErrors[key] = result$1;
-							isValid = false;
-							break;
-						}
+				if (field._validations != null) for (const validate of field._validations) {
+					const result$1 = validate(value);
+					if (result$1 !== true) {
+						newErrors[key] = result$1;
+						isValid = false;
+						break;
 					}
 				}
 			}
-			console.log("[FormFlow] validateAll complete:", {
-				isValid,
-				newErrors
-			});
 			validationErrors.value = newErrors;
 			return isValid;
 		}
 		function handleSubmit(event) {
-			console.log("[FormFlow] handleSubmit called", {
-				event,
-				hasEvent: !!event
-			});
 			if (event) event.preventDefault();
 			hasSubmitted.value = true;
-			console.log("[FormFlow] Before validateAll, visibleFields count:", visibleFields.value.length);
 			const isValid = validateAll();
-			console.log("[FormFlow] After validateAll, isValid:", isValid, "validationErrors:", validationErrors.value);
 			if (!isValid) {
 				event?.stopPropagation();
 				const firstErrorKey = visibleFields.value.find(({ key }) => validationErrors.value[key])?.key;
-				console.log("[FormFlow] Validation failed, firstErrorKey:", firstErrorKey);
 				if (firstErrorKey && formElement.value) {
 					const fieldElement = formElement.value.querySelector(`[name="${firstErrorKey}"]`) || formElement.value.querySelector(`[id="${firstErrorKey}"]`) || formElement.value.querySelector(`input, select, textarea`);
 					if (fieldElement) {
@@ -53247,22 +53224,13 @@ var FormFlow_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__
 						}, 300);
 					}
 				}
-			} else {
-				console.log("[FormFlow] Validation passed, emitting submit with formData:", formData.value);
-				emit$1("submit", formData.value);
-			}
+			} else emit$1("submit", formData.value);
 			return isValid;
 		}
 		__expose({
 			validate: validateAll,
 			handleSubmit
 		});
-		console.log("[FormFlow] Component mounted", {
-			version: "1.9.39-debug",
-			schemaFields: Object.keys(props$1.schema._fields).length,
-			handleSubmitDefined: !!handleSubmit,
-			validateAllDefined: !!validateAll
-		});
 		return (_ctx, _cache) => {
 			const _component_FormFlow = resolveComponent("FormFlow", true);
 			return openBlock(), createElementBlock("form", {
@@ -53327,16 +53295,12 @@ var FormFlow_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__
 					submit: handleSubmit,
 					validate: validateAll,
 					formData: formData.value,
-					errors: mergedErrors.value,
-					debugInfo: {
-						handleSubmitType: typeof handleSubmit,
-						validateAllType: typeof validateAll
-					}
+					errors: mergedErrors.value
 				}, void 0, true)
 			], 34);
 		};
 	}
-}), [["__scopeId", "data-v-3ee44c4a"]]);
+}), [["__scopeId", "data-v-076caa3b"]]);
 var _hoisted_1$4 = {
 	key: 0,
 	class: "dialog-form-error bg-red-30 color-red radius-1 mb-1 txt14 px-1 py-075"

package/dist/style.css

@@ -34480,29 +34480,29 @@ dialog.dialog-left[data-v-00e3e6dc],
 }
 }
 
-.form-errors-summary[data-v-3ee44c4a] {
+.form-errors-summary[data-v-076caa3b] {
 	background-color: rgba(220, 53, 69, 0.1);
 	border: 1px solid var(--bgl-red, #dc3545);
 	border-radius: 0.375rem;
 	padding: 1rem;
 	margin-bottom: 1rem;
 }
-.form-errors-title[data-v-3ee44c4a] {
+.form-errors-title[data-v-076caa3b] {
 	color: var(--bgl-red, #dc3545);
 	font-weight: 600;
 	margin-bottom: 0.5rem;
 	font-size: 0.95rem;
 }
-.form-errors-list[data-v-3ee44c4a] {
+.form-errors-list[data-v-076caa3b] {
 	margin: 0;
 	padding-left: 1.25rem;
 	color: var(--bgl-red, #dc3545);
 	font-size: 0.875rem;
 }
-.form-errors-list li[data-v-3ee44c4a] {
+.form-errors-list li[data-v-076caa3b] {
 	margin-bottom: 0.25rem;
 }
-.form-errors-list strong[data-v-3ee44c4a] {
+.form-errors-list strong[data-v-076caa3b] {
 	font-weight: 600;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "1.9.41",
+  "version": "1.9.43",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Bagel Studio",

package/src/form-flow/FormFlow.vue

@@ -350,21 +350,17 @@ function usesCustomComponent(field: FieldBuilder): boolean {
 
 // Validate all visible fields
 function validateAll(): boolean {
-	console.log('[FormFlow] validateAll started')
 	let isValid = true
 	const newErrors: Record<string, string> = {}
 
 	for (const { key, field } of visibleFields.value) {
 		const value = getFieldValue(key)
-		console.log(`[FormFlow] Validating field "${key}":`, { value, required: field._config.required, type: field._type })
 
 		// Check required fields first
 		if (field._config.required === true) {
 			const isEmpty = value == null || value === '' || (Array.isArray(value) && value.length === 0)
 			if (isEmpty) {
-				const errorMsg = field._config.requiredMessage || 'This field is required'
-				console.log(`[FormFlow] Field "${key}" is required but empty, error:`, errorMsg)
-				newErrors[key] = errorMsg
+				newErrors[key] = field._config.requiredMessage || 'This field is required'
 				isValid = false
 				continue
 			}
@@ -372,11 +368,9 @@ function validateAll(): boolean {
 
 		// Run custom validations
 		if (field._validations != null) {
-			console.log(`[FormFlow] Running ${field._validations.length} custom validations for "${key}"`)
 			for (const validate of field._validations) {
 				const result = validate(value)
 				if (result !== true) {
-					console.log(`[FormFlow] Field "${key}" failed validation:`, result)
 					newErrors[key] = result
 					isValid = false
 					break
@@ -385,24 +379,19 @@ function validateAll(): boolean {
 		}
 	}
 
-	console.log('[FormFlow] validateAll complete:', { isValid, newErrors })
 	validationErrors.value = newErrors
 	return isValid
 }
 
 // Submit handler for the slot
 function handleSubmit(event?: Event): boolean {
-	console.log('[FormFlow] handleSubmit called', { event, hasEvent: !!event })
-
 	// Prevent default form submission if event is provided
 	if (event) {
 		event.preventDefault()
 	}
 
 	hasSubmitted.value = true
-	console.log('[FormFlow] Before validateAll, visibleFields count:', visibleFields.value.length)
 	const isValid = validateAll()
-	console.log('[FormFlow] After validateAll, isValid:', isValid, 'validationErrors:', validationErrors.value)
 
 	// If validation fails, scroll to first error
 	if (!isValid) {
@@ -410,7 +399,6 @@ function handleSubmit(event?: Event): boolean {
 
 		// Find the first field with an error
 		const firstErrorKey = visibleFields.value.find(({ key }) => validationErrors.value[key])?.key
-		console.log('[FormFlow] Validation failed, firstErrorKey:', firstErrorKey)
 
 		if (firstErrorKey && formElement.value) {
 			// Find the input element - try multiple strategies
@@ -430,7 +418,6 @@ function handleSubmit(event?: Event): boolean {
 			}
 		}
 	} else {
-		console.log('[FormFlow] Validation passed, emitting submit with formData:', formData.value)
 		// Emit submit event with form data when validation passes
 		emit('submit', formData.value)
 	}
@@ -443,14 +430,6 @@ defineExpose({
 	validate: validateAll,
 	handleSubmit
 })
-
-// Debug logging on mount
-console.log('[FormFlow] Component mounted', {
-	version: '1.9.39-debug',
-	schemaFields: Object.keys(props.schema._fields).length,
-	handleSubmitDefined: !!handleSubmit,
-	validateAllDefined: !!validateAll
-})
 </script>
 
 <template>
@@ -517,7 +496,7 @@ console.log('[FormFlow] Component mounted', {
 		<!-- Submit slot -->
 		<slot
 			name="submit" :submit="handleSubmit" :validate="validateAll" :form-data="formData"
-			:errors="mergedErrors" :debug-info="{ handleSubmitType: typeof handleSubmit, validateAllType: typeof validateAll }"
+			:errors="mergedErrors"
 		/>
 	</form>
 </template>

package/vite.config.ts

@@ -22,7 +22,7 @@ export default defineConfig(() => ({
 	},
 	// experimental: { enableNativePlugin: true },
 	build: {
-		minify: false, // Disabled - minification breaks Vue reactive closures in production
+		minify: 'esbuild', // Arrow functions should preserve scope even with minification
 		lib: {
 			entry: resolve(indexDir, 'index.ts'),
 			formats: ['es', 'cjs'],