How to Migrate Custom SPA Component with Variations to Universal Editor Component in AEM?

[manchala1]

Hi Team,

In our current SPA project, we have a Card component with 4 variations selectable via a dropdown in the dialog: Teaser, News, Blogpost, and Dashboard. Based on the selection, the next tab in the dialog shows different configuration options related to that variation.

We need to migrate this custom Angular SPA component to be compatible with the Universal Editor in Adobe Experience Manager (AEM).

I referred to the Adobe documentation at: https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/dev... for guidance on migrating custom Angular SPA components to the Universal Editor.

I have a few questions:

1. Do I need to paste the published view URL into this editor URL:
   https://experience.adobe.com/#/aem/editor?

2. If yes, what is the purpose of the authoring URL?

3. If I want to drag and drop another component, should this be done in the authoring URL or the experience.adobe.com URL?

Additionally, could you please advise on:

• How to implement the variation logic (showing different dialog tabs based on dropdown selection) in the Universal Editor?

• Any recommended changes in the component structure or dialog setup?

• Best practices to maintain the dynamic behavior within Universal Editor dialogs?

Thanks in advance for your help!

Best regards,
Tiru

[kautuk_sahni]

@SantoshSai @Pranay_M @SureshDhulipudi @BrianKasingli @HrishikeshKagne @Shubham_borole @A_H_M_Imrul @Rahul_P, @EstebanBustamante @narendiran_ravi @sarav_prakash @SreenivasBr @Anil_Chennapragada @martin_ecx_io @diksha_mishra @DPrakashRaj @Dipti_Chauhan, when you get a chance, could you review this question? Your input would be greatly appreciated!

[kautuk_sahni]

@SantoshSai @Pranay_M @SureshDhulipudi @BrianKasingli @HrishikeshKagne @Shubham_borole @A_H_M_Imrul @Rahul_P, @EstebanBustamante @narendiran_ravi @sarav_prakash @SreenivasBr @Anil_Chennapragada @martin_ecx_io @diksha_mishra @DPrakashRaj @Dipti_Chauhan, when you get a chance, could you review this question? Your input would be greatly appreciated!