Set href for link component

I'm trying to modify the native link component, so far I have a modal that opens on the dblclick event and the user may choose between some pre defined links. The problem is, when I have the chosen link I'm not able to set it to the component.

It works fine when I type the link in the Trait Manager.

Here's the code I tried:

		domc.addType('link', {
			view: {
				events: {
					dblclick: 'linkModalPicker',
				},
				async linkModalPicker(ev: MouseEvent) {
					ev.preventDefault();
					const ref = modal.open(LinkModalComponent, {
						width: '70%',
						height: '70%'
					});

					const link = await ref.afterClosed().pipe(first()).toPromise();
					if (link) {
						this.model.set('href', link.url);
					}
				}
			}
		});

I did something similar, but for the images component, and it worked with this code:

		domc.addType('image', {
			view: {
				events: {
					dblclick: 'imagesModalPicker',
				},
				async imagesModalPicker(ev: MouseEvent) {
					ev.preventDefault();
					const ref = modal.open(ImagesModalComponent, {
						width: '70%',
						height: '70%'
					});

					const img: Item = await ref.afterClosed().pipe(first()).toPromise();
					if (img) {
						this.model.set('src', img.url);
					}
				}
			},
		});

But for some reason it's not setting the href in the anchor tag.

Thanks!