diff --git a/studio/src/app/components/editor/deck/actions/app-actions-deck-editor/app-actions-deck-editor.tsx b/studio/src/app/components/editor/deck/actions/app-actions-deck-editor/app-actions-deck-editor.tsx
index cd8fb74ab..1a0503a3c 100644
--- a/studio/src/app/components/editor/deck/actions/app-actions-deck-editor/app-actions-deck-editor.tsx
+++ b/studio/src/app/components/editor/deck/actions/app-actions-deck-editor/app-actions-deck-editor.tsx
@@ -91,7 +91,7 @@ export class AppActionsDeckEditor {
   @Method()
   async selectDeck() {
     if (this.actionsElementRef) {
-      await this.actionsElementRef.blurSelectedElement();
+      await this.actionsElementRef.blurSelectedTarget();
       await this.actionsElementRef.unSelect();
     }
 
diff --git a/studio/src/app/components/editor/deck/actions/element/app-actions-element/app-actions-element.tsx b/studio/src/app/components/editor/deck/actions/element/app-actions-element/app-actions-element.tsx
index f8e11e186..e088fb413 100644
--- a/studio/src/app/components/editor/deck/actions/element/app-actions-element/app-actions-element.tsx
+++ b/studio/src/app/components/editor/deck/actions/element/app-actions-element/app-actions-element.tsx
@@ -25,7 +25,7 @@ import {EditAction} from '../../../../../../types/editor/edit-action';
 import {MoreAction} from '../../../../../../types/editor/more-action';
 import {DemoAction} from '../../../../../../types/editor/demo-action';
 import {PlaygroundAction} from '../../../../../../types/editor/playground-action';
-import {SelectedElement} from '../../../../../../types/editor/selected-element';
+import {SelectedTarget} from '../../../../../../types/editor/selected-target';
 
 import {InitTemplate} from '../../../../../../utils/editor/create-slides.utils';
 import {CloneSlideUtils} from '../../../../../../utils/editor/clone-slide.utils';
@@ -49,7 +49,7 @@ export class AppActionsElement {
   elementFocus: EventEmitter;
 
   @State()
-  private selectedElement: SelectedElement | undefined;
+  private selectedTarget: SelectedTarget | undefined;
 
   @Event({bubbles: true})
   private blockSlide: EventEmitter<boolean>;
@@ -78,7 +78,7 @@ export class AppActionsElement {
       return;
     }
 
-    if (undoRedoStore.state.elementInnerHTML === this.selectedElement.element.innerHTML) {
+    if (undoRedoStore.state.elementInnerHTML === this.selectedTarget.target.innerHTML) {
       return;
     }
 
@@ -88,11 +88,11 @@ export class AppActionsElement {
 
     undoRedoStore.state.undo.push({
       type: 'input',
-      target: this.selectedElement.element,
+      target: this.selectedTarget.target,
       data: {innerHTML: undoRedoStore.state.elementInnerHTML}
     });
 
-    undoRedoStore.state.elementInnerHTML = this.selectedElement.element.innerHTML;
+    undoRedoStore.state.elementInnerHTML = this.selectedTarget.target.innerHTML;
   };
 
   private observer: MutationObserver = new MutationObserver(this.observeElementMutations);
@@ -134,7 +134,7 @@ export class AppActionsElement {
       return;
     }
 
-    await this.blurSelectedElement();
+    await this.blurSelectedTarget();
   }
 
   @Listen('optionsDidChange', {target: 'document'})
@@ -144,11 +144,11 @@ export class AppActionsElement {
 
   @Listen('toggleReveal', {target: 'document'})
   async onToggleReveal($event: CustomEvent<boolean>) {
-    if (!this.selectedElement?.element?.parentElement || !$event) {
+    if (!this.selectedTarget?.target?.parentElement || !$event) {
       return;
     }
 
-    const element: HTMLElement = await RevealSlotUtils.toggleReveal(this.selectedElement.element, $event.detail);
+    const element: HTMLElement = await RevealSlotUtils.toggleReveal(this.selectedTarget.target, $event.detail);
 
     await this.replaceSlot(element);
   }
@@ -173,11 +173,11 @@ export class AppActionsElement {
 
     element.focus();
 
-    if (this.selectedElement?.type === 'element') {
+    if (this.selectedTarget?.type === 'element') {
       this.observer.takeRecords();
-      this.observer.observe(this.selectedElement.element, {attributes: true, childList: true, subtree: true});
+      this.observer.observe(this.selectedTarget.target, {attributes: true, childList: true, subtree: true});
 
-      undoRedoStore.state.elementInnerHTML = this.selectedElement.element.innerHTML;
+      undoRedoStore.state.elementInnerHTML = this.selectedTarget.target.innerHTML;
       return;
     }
 
@@ -187,8 +187,8 @@ export class AppActionsElement {
   }
 
   @Method()
-  async blurSelectedElement() {
-    this.selectedElement?.element?.blur();
+  async blurSelectedTarget() {
+    this.selectedTarget?.target?.blur();
   }
 
   private select(element: HTMLElement, autoOpen: boolean): Promise<void> {
@@ -208,7 +208,7 @@ export class AppActionsElement {
         await this.openImage();
       }
 
-      this.blockSlide.emit(this.selectedElement?.type === 'element');
+      this.blockSlide.emit(this.selectedTarget?.type === 'element');
 
       resolve();
     });
@@ -220,7 +220,7 @@ export class AppActionsElement {
 
   @Method()
   async unSelect() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -283,23 +283,23 @@ export class AppActionsElement {
 
   private deleteElement(): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
 
-      if (store.state.busy && this.selectedElement?.type === 'slide') {
+      if (store.state.busy && this.selectedTarget?.type === 'slide') {
         resolve();
         return;
       }
 
       store.state.busy = true;
 
-      if (this.selectedElement.type === 'slide') {
-        this.slideDelete.emit(this.selectedElement.element);
+      if (this.selectedTarget.type === 'slide') {
+        this.slideDelete.emit(this.selectedTarget.target);
       } else {
-        const parent: HTMLElement = this.selectedElement.element.parentElement;
-        this.selectedElement.element.parentElement.removeChild(this.selectedElement.element);
+        const parent: HTMLElement = this.selectedTarget.target.parentElement;
+        this.selectedTarget.target.parentElement.removeChild(this.selectedTarget.target);
         this.slideDidChange.emit(parent);
 
         await this.resizeSlideContent(parent);
@@ -315,7 +315,7 @@ export class AppActionsElement {
     const popover: HTMLIonPopoverElement = await popoverController.create({
       component: 'app-copy-style',
       componentProps: {
-        selectedElement: this.selectedElement.element
+        selectedTarget: this.selectedTarget.target
       },
       mode: 'ios',
       event: $event
@@ -325,7 +325,7 @@ export class AppActionsElement {
   }
 
   private async clone() {
-    if (this.selectedElement?.slot?.shape !== undefined) {
+    if (this.selectedTarget?.element?.shape !== undefined) {
       await this.cloneShape();
     } else {
       await this.cloneSlide();
@@ -334,17 +334,17 @@ export class AppActionsElement {
 
   private cloneShape(): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
 
-      if (store.state.busy || this.selectedElement?.slot?.shape === undefined) {
+      if (store.state.busy || this.selectedTarget?.element?.shape === undefined) {
         resolve();
         return;
       }
 
-      await this.shapeHelper.cloneShape(this.selectedElement.element);
+      await this.shapeHelper.cloneShape(this.selectedTarget.target);
 
       resolve();
     });
@@ -352,19 +352,19 @@ export class AppActionsElement {
 
   private cloneSlide(): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
 
-      if (store.state.busy || this.selectedElement?.type === 'element') {
+      if (store.state.busy || this.selectedTarget?.type === 'element') {
         resolve();
         return;
       }
 
       store.state.busy = true;
 
-      this.slideCopy.emit(this.selectedElement.element);
+      this.slideCopy.emit(this.selectedTarget.target);
 
       await this.reset();
 
@@ -373,14 +373,14 @@ export class AppActionsElement {
   }
 
   private async openTransform() {
-    if (this.selectedElement?.type === 'slide' && !this.selectedElement?.slide?.fixed) {
+    if (this.selectedTarget?.type === 'slide' && !this.selectedTarget?.slide?.fixed) {
       return;
     }
 
     const popover: HTMLIonPopoverElement = await popoverController.create({
-      component: this.selectedElement?.type === 'slide' ? 'app-transform-slide' : 'app-transform-element',
+      component: this.selectedTarget?.type === 'slide' ? 'app-transform-slide' : 'app-transform-element',
       componentProps: {
-        selectedElement: this.selectedElement.element
+        selectedTarget: this.selectedTarget.target
       },
       mode: 'ios',
       showBackdrop: false,
@@ -400,11 +400,11 @@ export class AppActionsElement {
 
   private async openEditSlide() {
     if (
-      this.selectedElement?.type === 'element' ||
-      (!this.selectedElement?.slide?.qrCode &&
-        !this.selectedElement?.slide?.chart &&
-        !this.selectedElement?.slide?.author &&
-        this.selectedElement?.slide?.scope === SlideScope.DEFAULT)
+      this.selectedTarget?.type === 'element' ||
+      (!this.selectedTarget?.slide?.qrCode &&
+        !this.selectedTarget?.slide?.chart &&
+        !this.selectedTarget?.slide?.author &&
+        this.selectedTarget?.slide?.scope === SlideScope.DEFAULT)
     ) {
       return;
     }
@@ -412,7 +412,7 @@ export class AppActionsElement {
     const popover: HTMLIonPopoverElement = await popoverController.create({
       component: 'app-edit-slide',
       componentProps: {
-        selectedElement: this.selectedElement,
+        selectedTarget: this.selectedTarget,
         slideDidChange: this.slideDidChange
       },
       mode: 'ios',
@@ -426,16 +426,16 @@ export class AppActionsElement {
           await this.deleteLogo();
         } else if (detail.data.action === EditAction.OPEN_CUSTOM_LOGO) {
           await this.imageHelper.openCustomModalRestricted(
-            this.selectedElement.element,
-            this.selectedElement?.type === 'slide',
+            this.selectedTarget.target,
+            this.selectedTarget?.type === 'slide',
             false,
             'app-storage-images',
             detail.data.action
           );
         } else if (detail.data.action === EditAction.OPEN_DATA) {
           await this.imageHelper.openModal(
-            this.selectedElement.element,
-            this.selectedElement?.type === 'slide',
+            this.selectedTarget.target,
+            this.selectedTarget?.type === 'slide',
             false,
             'app-storage-data',
             detail.data.action
@@ -452,14 +452,14 @@ export class AppActionsElement {
   }
 
   private async openShape(component: 'app-shape' | 'app-image-element') {
-    if (this.selectedElement?.type === 'element' || !this.selectedElement?.slide?.aspectRatio) {
+    if (this.selectedTarget?.type === 'element' || !this.selectedTarget?.slide?.aspectRatio) {
       return;
     }
 
     const popover: HTMLIonPopoverElement = await popoverController.create({
       component: component,
       componentProps: {
-        selectedElement: this.selectedElement.element
+        selectedTarget: this.selectedTarget.target
       },
       mode: 'ios',
       showBackdrop: false,
@@ -469,7 +469,7 @@ export class AppActionsElement {
     popover.onWillDismiss().then(async (detail: OverlayEventDetail) => {
       if (detail.data) {
         await this.shapeHelper.appendShape(
-          this.selectedElement.element,
+          this.selectedTarget.target,
           component === 'app-image-element'
             ? {
                 img: detail.data
@@ -483,15 +483,15 @@ export class AppActionsElement {
   }
 
   private async appendText() {
-    await this.shapeHelper.appendText(this.selectedElement.element);
+    await this.shapeHelper.appendText(this.selectedTarget.target);
   }
 
   private async getImagePopover(): Promise<HTMLIonPopoverElement> {
     const popover: HTMLIonPopoverElement = await popoverController.create({
       component: 'app-image-element',
       componentProps: {
-        selectedElement: this.selectedElement.element,
-        slide: this.selectedElement?.type === 'slide'
+        selectedTarget: this.selectedTarget.target,
+        slide: this.selectedTarget?.type === 'slide'
       },
       mode: 'ios',
       showBackdrop: false,
@@ -502,14 +502,14 @@ export class AppActionsElement {
   }
 
   private async openEditPollSlide() {
-    if (this.selectedElement?.type === 'element' || this.selectedElement?.slide?.poll) {
+    if (this.selectedTarget?.type === 'element' || this.selectedTarget?.slide?.poll) {
       return;
     }
 
     const modal: HTMLIonModalElement = await modalController.create({
       component: 'app-poll-options',
       componentProps: {
-        selectedElement: this.selectedElement,
+        selectedTarget: this.selectedTarget,
         slideDidChange: this.slideDidChange
       }
     });
@@ -524,14 +524,14 @@ export class AppActionsElement {
   }
 
   private async openCode() {
-    if (!this.selectedElement?.slot?.code) {
+    if (!this.selectedTarget?.element?.code) {
       return;
     }
 
     const popover: HTMLIonPopoverElement = await popoverController.create({
       component: 'app-code',
       componentProps: {
-        selectedElement: this.selectedElement.element,
+        selectedTarget: this.selectedTarget.target,
         codeDidChange: this.codeDidChange
       },
       mode: 'ios',
@@ -543,14 +543,14 @@ export class AppActionsElement {
   }
 
   private async openMath() {
-    if (!this.selectedElement?.slot?.math) {
+    if (!this.selectedTarget?.element?.math) {
       return;
     }
 
     const popover: HTMLIonPopoverElement = await popoverController.create({
       component: 'app-math',
       componentProps: {
-        selectedElement: this.selectedElement.element,
+        selectedTarget: this.selectedTarget.target,
         mathDidChange: this.mathDidChange
       },
       mode: 'ios',
@@ -568,12 +568,12 @@ export class AppActionsElement {
     const modal: HTMLIonModalElement = await modalController.create({
       component,
       componentProps: {
-        selectedElement: this.selectedElement.element
+        selectedTarget: this.selectedTarget.target
       }
     });
 
     modal.onDidDismiss().then(async (detail: OverlayEventDetail) => {
-      if (detail && detail.data && this.selectedElement) {
+      if (detail && detail.data && this.selectedTarget) {
         await onDismiss(detail.data);
       }
 
@@ -589,13 +589,13 @@ export class AppActionsElement {
     const modal: HTMLIonModalElement = await modalController.create({
       component: 'app-notes',
       componentProps: {
-        selectedElement: this.selectedElement.element
+        selectedTarget: this.selectedTarget.target
       }
     });
 
     modal.onDidDismiss().then(async (detail: OverlayEventDetail) => {
-      if (detail && detail.data && this.selectedElement) {
-        this.notesDidChange.emit(this.selectedElement.element);
+      if (detail && detail.data && this.selectedTarget) {
+        this.notesDidChange.emit(this.selectedTarget.target);
       }
 
       this.blockSlide.emit(false);
@@ -607,21 +607,21 @@ export class AppActionsElement {
   }
 
   private async transformSlotType(type: SlotType) {
-    if (!this.selectedElement || !this.selectedElement.element.parentElement) {
+    if (!this.selectedTarget || !this.selectedTarget.target.parentElement) {
       return;
     }
 
-    const element: HTMLElement = await ToggleSlotUtils.toggleSlotType(this.selectedElement.element, type);
+    const element: HTMLElement = await ToggleSlotUtils.toggleSlotType(this.selectedTarget.target, type);
 
     await this.replaceSlot(element);
   }
 
   private async transformTemplate(template: InitTemplate) {
-    if (!this.selectedElement || !this.selectedElement.slide?.fixed) {
+    if (!this.selectedTarget || !this.selectedTarget.slide?.fixed) {
       return;
     }
 
-    const slide: JSX.IntrinsicElements = await CloneSlideUtils.toggleTemplate(this.selectedElement.element, template);
+    const slide: JSX.IntrinsicElements = await CloneSlideUtils.toggleTemplate(this.selectedTarget.target, template);
 
     // Catch event when slide is parsed and then persist it to the database
     document.addEventListener(
@@ -640,11 +640,11 @@ export class AppActionsElement {
   }
 
   private async replaceSlot(element: HTMLElement) {
-    if (!this.selectedElement || !this.selectedElement.element.parentElement || !element) {
+    if (!this.selectedTarget || !this.selectedTarget.target.parentElement || !element) {
       return;
     }
 
-    this.selectedElement.element.parentElement.replaceChild(element, this.selectedElement.element);
+    this.selectedTarget.target.parentElement.replaceChild(element, this.selectedTarget.target);
 
     await this.initSelectedElement(element);
 
@@ -657,14 +657,14 @@ export class AppActionsElement {
 
   private emitChange(): Promise<void> {
     return new Promise<void>((resolve) => {
-      if (!this.selectedElement || !this.selectedElement.element.parentElement) {
+      if (!this.selectedTarget || !this.selectedTarget.target.parentElement) {
         resolve();
         return;
       }
 
       // If not slide, then parent is the container slide
       this.slideDidChange.emit(
-        this.selectedElement?.type === 'slide' ? this.selectedElement.element : this.selectedElement.element.parentElement
+        this.selectedTarget?.type === 'slide' ? this.selectedTarget.target : this.selectedTarget.target.parentElement
       );
 
       resolve();
@@ -673,14 +673,14 @@ export class AppActionsElement {
 
   private async initSelectedElement(element: HTMLElement | undefined) {
     // If needed, remove highlight on previous element
-    if (!element && this.selectedElement) {
+    if (!element && this.selectedTarget) {
       await this.highlightElement(false);
     }
 
-    this.selectedElement = element
+    this.selectedTarget = element
       ? {
-          element,
-          ...(SelectedElementUtils.initDescription(element) as SelectedElement)
+          target: element,
+          ...(SelectedElementUtils.initDescription(element) as SelectedTarget)
         }
       : undefined;
 
@@ -696,15 +696,15 @@ export class AppActionsElement {
   private highlightElement(highlight: boolean): Promise<void> {
     return new Promise<void>(async (resolve) => {
       // No highlight on deck
-      if (!this.selectedElement || this.selectedElement?.type === 'slide') {
+      if (!this.selectedTarget || this.selectedTarget?.type === 'slide') {
         resolve();
         return;
       }
 
       if (highlight) {
-        this.selectedElement.element.setAttribute('highlighted', '');
+        this.selectedTarget.target.setAttribute('highlighted', '');
       } else {
-        this.selectedElement.element.removeAttribute('highlighted');
+        this.selectedTarget.target.removeAttribute('highlighted');
       }
 
       resolve();
@@ -712,7 +712,7 @@ export class AppActionsElement {
   }
 
   private async attachResizeSlideContent() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -731,22 +731,22 @@ export class AppActionsElement {
         }
       });
 
-      this.elementResizeObserver.observe(this.selectedElement.element);
+      this.elementResizeObserver.observe(this.selectedTarget.target);
     } else {
       // Fallback, better  than nothing. It won't place the toolbar if the size on enter or delete  but at least if the content change like if list is toggled
-      this.selectedElement.element.addEventListener('focusout', () => this.debounceResizeSlideContent(), {passive: true});
+      this.selectedTarget.target.addEventListener('focusout', () => this.debounceResizeSlideContent(), {passive: true});
     }
   }
 
   private detachResizeSlideContent(): Promise<void> {
     return new Promise<void>((resolve) => {
       if (window && 'ResizeObserver' in window) {
-        if (this.elementResizeObserver && this.selectedElement) {
-          this.elementResizeObserver.unobserve(this.selectedElement.element);
+        if (this.elementResizeObserver && this.selectedTarget) {
+          this.elementResizeObserver.unobserve(this.selectedTarget.target);
           this.elementResizeObserver.disconnect();
         }
       } else {
-        this.selectedElement.element.removeEventListener('focusout', () => this.debounceResizeSlideContent(), true);
+        this.selectedTarget.target.removeEventListener('focusout', () => this.debounceResizeSlideContent(), true);
       }
 
       resolve();
@@ -757,13 +757,13 @@ export class AppActionsElement {
     const popover: HTMLIonPopoverElement = await popoverController.create({
       component: 'app-element-style',
       componentProps: {
-        selectedElement: this.selectedElement,
+        selectedTarget: this.selectedTarget,
         imgDidChange: this.imgDidChange,
         imageHelper: this.imageHelper
       },
       mode: 'ios',
       showBackdrop: false,
-      cssClass: `popover-menu ${this.selectedElement?.slide?.poll ? 'popover-menu-wide' : ''}`
+      cssClass: `popover-menu ${this.selectedTarget?.slide?.poll ? 'popover-menu-wide' : ''}`
     });
 
     await popover.present();
@@ -774,7 +774,7 @@ export class AppActionsElement {
 
     popover.onWillDismiss().then(async (detail: OverlayEventDetail) => {
       if (detail.data) {
-        await this.imageHelper.imageAction(this.selectedElement.element, this.selectedElement?.type === 'slide', false, detail.data);
+        await this.imageHelper.imageAction(this.selectedTarget.target, this.selectedTarget?.type === 'slide', false, detail.data);
       }
     });
 
@@ -782,12 +782,12 @@ export class AppActionsElement {
   }
 
   private async deleteLogo() {
-    await this.imageHelper.deleteSlideAttributeImgSrc(this.selectedElement.element);
+    await this.imageHelper.deleteSlideAttributeImgSrc(this.selectedTarget.target);
   }
 
   private updateYoutube = (youtubeUrl: string): Promise<void> => {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement || !this.selectedElement?.slide?.youtube) {
+      if (!this.selectedTarget || !this.selectedTarget?.slide?.youtube) {
         resolve();
         return;
       }
@@ -797,15 +797,15 @@ export class AppActionsElement {
         return;
       }
 
-      this.selectedElement.element.setAttribute('src', youtubeUrl);
-      this.slideDidChange.emit(this.selectedElement.element);
+      this.selectedTarget.target.setAttribute('src', youtubeUrl);
+      this.slideDidChange.emit(this.selectedTarget.target);
 
       resolve();
     });
   };
 
   private updatePlayground = async (playground: PlaygroundAction) => {
-    if (!this.selectedElement || !this.selectedElement?.slide?.playground) {
+    if (!this.selectedTarget || !this.selectedTarget?.slide?.playground) {
       return;
     }
 
@@ -817,19 +817,19 @@ export class AppActionsElement {
       return;
     }
 
-    this.selectedElement.element.setAttribute('src', playground.src);
+    this.selectedTarget.target.setAttribute('src', playground.src);
 
     if (playground.theme) {
-      this.selectedElement.element.setAttribute('theme', playground.theme);
+      this.selectedTarget.target.setAttribute('theme', playground.theme);
     } else {
-      this.selectedElement.element.removeAttribute('theme');
+      this.selectedTarget.target.removeAttribute('theme');
     }
 
-    this.slideDidChange.emit(this.selectedElement.element);
+    this.slideDidChange.emit(this.selectedTarget.target);
   };
 
   private updateSlideDemo = async (demoAttr: DemoAction): Promise<void> => {
-    if (!this.selectedElement || !this.selectedElement?.slide?.demo) {
+    if (!this.selectedTarget || !this.selectedTarget?.slide?.demo) {
       return;
     }
 
@@ -837,7 +837,7 @@ export class AppActionsElement {
       return;
     }
 
-    const demo: HTMLElement = this.selectedElement.element.querySelector('deckgo-demo');
+    const demo: HTMLElement = this.selectedTarget.target.querySelector('deckgo-demo');
 
     if (!demo) {
       return;
@@ -846,17 +846,17 @@ export class AppActionsElement {
     demo.setAttribute('src', demoAttr.src);
     demo.setAttribute('mode', demoAttr.mode);
 
-    this.slideDidChange.emit(this.selectedElement.element);
+    this.slideDidChange.emit(this.selectedTarget.target);
   };
 
   private toggleList(destinationListType: SlotType.OL | SlotType.UL): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
 
-      if (SlotUtils.isNodeRevealList(this.selectedElement.element)) {
+      if (SlotUtils.isNodeRevealList(this.selectedTarget.target)) {
         await this.updateRevealListAttribute(destinationListType);
       } else {
         await this.transformSlotType(destinationListType);
@@ -868,12 +868,12 @@ export class AppActionsElement {
 
   private updateRevealListAttribute(type: SlotType): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
 
-      this.selectedElement.element.setAttribute('list-tag', type);
+      this.selectedTarget.target.setAttribute('list-tag', type);
 
       await this.emitChange();
 
@@ -885,16 +885,16 @@ export class AppActionsElement {
 
   private resizeSlideContent(slideElement?: HTMLElement): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
 
       const element: HTMLElement = slideElement
         ? slideElement
-        : this.selectedElement?.type === 'slide'
-        ? this.selectedElement.element
-        : this.selectedElement.element.parentElement;
+        : this.selectedTarget?.type === 'slide'
+        ? this.selectedTarget.target
+        : this.selectedTarget.target.parentElement;
 
       if (!element) {
         resolve();
@@ -911,14 +911,14 @@ export class AppActionsElement {
 
   private isSlideEditable() {
     return (
-      this.selectedElement?.slide?.qrCode ||
-      this.selectedElement?.slide?.chart ||
-      this.selectedElement?.slide?.poll ||
-      this.selectedElement?.slide?.youtube ||
-      this.selectedElement?.slide?.playground ||
-      this.selectedElement?.slide?.author ||
-      this.selectedElement?.slide?.demo ||
-      this.selectedElement?.slide?.scope !== SlideScope.DEFAULT
+      this.selectedTarget?.slide?.qrCode ||
+      this.selectedTarget?.slide?.chart ||
+      this.selectedTarget?.slide?.poll ||
+      this.selectedTarget?.slide?.youtube ||
+      this.selectedTarget?.slide?.playground ||
+      this.selectedTarget?.slide?.author ||
+      this.selectedTarget?.slide?.demo ||
+      this.selectedTarget?.slide?.scope !== SlideScope.DEFAULT
     );
   }
 
@@ -930,9 +930,9 @@ export class AppActionsElement {
     const popover: HTMLIonPopoverElement = await popoverController.create({
       component: 'app-more-element-actions',
       componentProps: {
-        notes: this.selectedElement?.type === 'slide',
-        clone: this.selectedElement?.type === 'slide' || this.selectedElement?.slot?.shape !== undefined,
-        images: this.selectedElement?.slide?.aspectRatio,
+        notes: this.selectedTarget?.type === 'slide',
+        clone: this.selectedTarget?.type === 'slide' || this.selectedTarget?.element?.shape !== undefined,
+        images: this.selectedTarget?.slide?.aspectRatio,
         transform: this.displayTransform()
       },
       event: $event,
@@ -960,7 +960,7 @@ export class AppActionsElement {
 
   private displayTransform() {
     return (
-      (this.selectedElement?.type === 'element' || this.selectedElement?.slide?.fixed) && this.selectedElement?.slot?.shape === undefined
+      (this.selectedTarget?.type === 'element' || this.selectedTarget?.slide?.fixed) && this.selectedTarget?.element?.shape === undefined
     );
   }
 
@@ -993,7 +993,7 @@ export class AppActionsElement {
       <button
         onClick={($event: UIEvent) => this.confirmDeleteElement($event)}
         aria-label={i18n.state.editor.delete}
-        disabled={store.state.busy && this.selectedElement?.type === 'slide'}
+        disabled={store.state.busy && this.selectedTarget?.type === 'slide'}
         class="wider-devices ion-activatable">
         <ion-ripple-effect></ion-ripple-effect>
         <AppIcon name="trash-bin" ariaLabel="" ariaHidden={true}></AppIcon>
@@ -1003,7 +1003,7 @@ export class AppActionsElement {
   }
 
   private renderNotes() {
-    const classElement: string | undefined = `wider-devices ion-activatable ${this.selectedElement?.type === 'slide' ? '' : 'hidden'}`;
+    const classElement: string | undefined = `wider-devices ion-activatable ${this.selectedTarget?.type === 'slide' ? '' : 'hidden'}`;
 
     return (
       <button
@@ -1011,7 +1011,7 @@ export class AppActionsElement {
         aria-label={i18n.state.editor.notes}
         disabled={store.state.busy}
         class={classElement}
-        tabindex={this.selectedElement?.type === 'slide' ? 0 : -1}>
+        tabindex={this.selectedTarget?.type === 'slide' ? 0 : -1}>
         <ion-ripple-effect></ion-ripple-effect>
         <AppIcon name="create" ariaLabel="" ariaHidden={true}></AppIcon>
         <ion-label aria-hidden="true">{i18n.state.editor.notes}</ion-label>
@@ -1020,7 +1020,7 @@ export class AppActionsElement {
   }
 
   private renderClone() {
-    const displayed: boolean = this.selectedElement?.type === 'slide' || this.selectedElement?.slot?.shape !== undefined;
+    const displayed: boolean = this.selectedTarget?.type === 'slide' || this.selectedTarget?.element?.shape !== undefined;
     const classSlide: string | undefined = `wider-devices ion-activatable ${displayed ? '' : 'hidden'}`;
 
     return (
@@ -1038,7 +1038,7 @@ export class AppActionsElement {
   }
 
   private renderCopyStyle() {
-    const displayed: boolean = this.selectedElement?.type === 'element' && this.selectedElement?.slot?.shape === undefined;
+    const displayed: boolean = this.selectedTarget?.type === 'element' && this.selectedTarget?.element?.shape === undefined;
     const classSlide: string | undefined = `ion-activatable ${displayed ? '' : 'hidden'}`;
 
     return (
@@ -1066,21 +1066,21 @@ export class AppActionsElement {
   }
 
   private renderEdit() {
-    const displayed: boolean = this.selectedElement?.type === 'slide' && this.isSlideEditable();
+    const displayed: boolean = this.selectedTarget?.type === 'slide' && this.isSlideEditable();
     const classSlide: string | undefined = `ion-activatable${displayed ? '' : ' hidden'}`;
 
     return (
       <button
         onClick={() =>
-          this.selectedElement?.slide?.poll
+          this.selectedTarget?.slide?.poll
             ? this.openEditPollSlide()
-            : this.selectedElement?.slide?.youtube
+            : this.selectedTarget?.slide?.youtube
             ? this.openEditModalSlide('app-youtube', this.updateYoutube)
-            : this.selectedElement?.slide?.playground
+            : this.selectedTarget?.slide?.playground
             ? this.openEditModalSlide('app-playground', this.updatePlayground)
-            : this.selectedElement?.slide?.demo
+            : this.selectedTarget?.slide?.demo
             ? this.openEditModalSlide('app-demo', this.updateSlideDemo)
-            : this.selectedElement?.slide?.scope !== SlideScope.DEFAULT
+            : this.selectedTarget?.slide?.scope !== SlideScope.DEFAULT
             ? this.openEditSlide()
             : this.openEditSlide()
         }
@@ -1112,7 +1112,7 @@ export class AppActionsElement {
   }
 
   private renderAspectRatio() {
-    const displayed: boolean = this.selectedElement?.slide?.aspectRatio;
+    const displayed: boolean = this.selectedTarget?.slide?.aspectRatio;
     const classSlide: string | undefined = `ion-activatable${displayed ? '' : ' hidden'}`;
 
     return [
@@ -1143,14 +1143,14 @@ export class AppActionsElement {
   }
 
   private renderCodeOptions() {
-    const classSlideCode: string | undefined = `ion-activatable${this.selectedElement?.slot?.code ? '' : ' hidden'}`;
+    const classSlideCode: string | undefined = `ion-activatable${this.selectedTarget?.element?.code ? '' : ' hidden'}`;
 
     return (
       <button
         onClick={() => this.openCode()}
         aria-label={i18n.state.editor.options}
         class={classSlideCode}
-        tabindex={this.selectedElement?.slot?.code ? 0 : -1}>
+        tabindex={this.selectedTarget?.element?.code ? 0 : -1}>
         <ion-ripple-effect></ion-ripple-effect>
         <AppIcon name="settings" ariaLabel="" ariaHidden={true}></AppIcon>
         <ion-label aria-hidden="true">{i18n.state.editor.options}</ion-label>
@@ -1158,14 +1158,14 @@ export class AppActionsElement {
     );
   }
   private renderMathOptions() {
-    const classSlideMath: string | undefined = `ion-activatable${this.selectedElement?.slot?.math ? '' : ' hidden'}`;
+    const classSlideMath: string | undefined = `ion-activatable${this.selectedTarget?.element?.math ? '' : ' hidden'}`;
 
     return (
       <button
         onClick={() => this.openMath()}
         aria-label={i18n.state.editor.options}
         class={classSlideMath}
-        tabindex={this.selectedElement?.slot?.math ? 0 : -1}>
+        tabindex={this.selectedTarget?.element?.math ? 0 : -1}>
         <ion-ripple-effect></ion-ripple-effect>
         <AppIcon name="settings" ariaLabel="" ariaHidden={true}></AppIcon>
         <ion-label aria-hidden="true">{i18n.state.editor.options}</ion-label>
@@ -1174,14 +1174,14 @@ export class AppActionsElement {
   }
 
   private renderImages() {
-    const classImage: string | undefined = `ion-activatable${this.selectedElement?.slot?.image ? '' : ' hidden'}`;
+    const classImage: string | undefined = `ion-activatable${this.selectedTarget?.element?.image ? '' : ' hidden'}`;
 
     return (
       <button
         onClick={() => this.openImage()}
         aria-label={i18n.state.editor.image}
         class={classImage}
-        tabindex={this.selectedElement?.slot?.image ? 0 : -1}>
+        tabindex={this.selectedTarget?.element?.image ? 0 : -1}>
         <ion-ripple-effect></ion-ripple-effect>
         <AppIcon name="images" ariaLabel="" ariaHidden={true}></AppIcon>
         <ion-label aria-hidden="true">{i18n.state.editor.image}</ion-label>
diff --git a/studio/src/app/components/editor/deck/app-slot-type/app-slot-type.tsx b/studio/src/app/components/editor/deck/app-slot-type/app-slot-type.tsx
index 2cd1452be..906c25da1 100644
--- a/studio/src/app/components/editor/deck/app-slot-type/app-slot-type.tsx
+++ b/studio/src/app/components/editor/deck/app-slot-type/app-slot-type.tsx
@@ -14,7 +14,7 @@ import {AppIcon} from '../../../core/app-icon/app-icon';
 })
 export class AppSlotType {
   @Prop()
-  selectedElement: HTMLElement | undefined;
+  selectedTarget: HTMLElement | undefined;
 
   @Prop()
   skip: boolean = false;
@@ -31,22 +31,22 @@ export class AppSlotType {
   @Event() private selectType: EventEmitter<SlotType | null>;
 
   componentWillLoad() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
-    if (SlotUtils.isNodeRevealList(this.selectedElement)) {
+    if (SlotUtils.isNodeRevealList(this.selectedTarget)) {
       this.initCurrentTypeList();
     } else {
       this.initCurrentType();
     }
 
-    this.onlyTextTypes = this.selectedElement.parentElement?.nodeName?.toLowerCase() === 'deckgo-slide-poll';
+    this.onlyTextTypes = this.selectedTarget.parentElement?.nodeName?.toLowerCase() === 'deckgo-slide-poll';
   }
 
   private initCurrentType() {
     // prettier-ignore
-    const element: HTMLElement = SlotUtils.isNodeReveal(this.selectedElement) ? this.selectedElement.firstElementChild as HTMLElement : this.selectedElement;
+    const element: HTMLElement = SlotUtils.isNodeReveal(this.selectedTarget) ? this.selectedTarget.firstElementChild as HTMLElement : this.selectedTarget;
 
     if (element.nodeName && element.nodeName !== '') {
       this.currentType = this.initSlotType(element.nodeName.toLowerCase());
@@ -54,7 +54,7 @@ export class AppSlotType {
   }
 
   private initCurrentTypeList() {
-    this.currentType = this.selectedElement.getAttribute('list-tag') === SlotType.UL ? SlotType.UL : SlotType.OL;
+    this.currentType = this.selectedTarget.getAttribute('list-tag') === SlotType.UL ? SlotType.UL : SlotType.OL;
   }
 
   private initSlotType(type: string): SlotType {
diff --git a/studio/src/app/components/editor/deck/slide/app-slide-preview/app-slide-preview.tsx b/studio/src/app/components/editor/deck/slide/app-slide-preview/app-slide-preview.tsx
index 72ac61ab2..4d86d3a1c 100644
--- a/studio/src/app/components/editor/deck/slide/app-slide-preview/app-slide-preview.tsx
+++ b/studio/src/app/components/editor/deck/slide/app-slide-preview/app-slide-preview.tsx
@@ -62,18 +62,18 @@ export class AppSlidePreview {
       return;
     }
 
-    const selectedElement: HTMLElement = $event.detail;
+    const selectedTarget: HTMLElement = $event.detail;
 
-    await this.stickyIOS(selectedElement);
+    await this.stickyIOS(selectedTarget);
 
     this.preview =
-      isSlide(selectedElement?.parentElement) &&
-      SlotUtils.isNodeEditable(selectedElement) &&
-      !SlotUtils.isNodeCode(selectedElement) &&
-      !SlotUtils.isNodeWordCloud(selectedElement);
+      isSlide(selectedTarget?.parentElement) &&
+      SlotUtils.isNodeEditable(selectedTarget) &&
+      !SlotUtils.isNodeCode(selectedTarget) &&
+      !SlotUtils.isNodeWordCloud(selectedTarget);
 
     if (this.preview) {
-      this.el.addEventListener('previewAttached', async () => await this.updateSlide(selectedElement.parentElement), {once: true});
+      this.el.addEventListener('previewAttached', async () => await this.updateSlide(selectedTarget.parentElement), {once: true});
 
       this.deckRef.addEventListener('keypress', () => this.debounceUpdatePreview(), {passive: true});
       this.deckRef.addEventListener('paste', () => this.debounceUpdatePreview(), {passive: true});
@@ -83,9 +83,9 @@ export class AppSlidePreview {
     }
   }
 
-  private async stickyIOS(selectedElement: HTMLElement) {
+  private async stickyIOS(selectedTarget: HTMLElement) {
     if (isIOS()) {
-      this.iosPositionTop = isLandscape() ? `calc(${selectedElement.offsetTop}px - (128px * 9 / 16) - 32px)` : undefined;
+      this.iosPositionTop = isLandscape() ? `calc(${selectedTarget.offsetTop}px - (128px * 9 / 16) - 32px)` : undefined;
     }
   }
 
diff --git a/studio/src/app/components/editor/deck/styles/app-color-text-background/app-color-text-background.tsx b/studio/src/app/components/editor/deck/styles/app-color-text-background/app-color-text-background.tsx
index e7254a955..24e926aaa 100644
--- a/studio/src/app/components/editor/deck/styles/app-color-text-background/app-color-text-background.tsx
+++ b/studio/src/app/components/editor/deck/styles/app-color-text-background/app-color-text-background.tsx
@@ -16,7 +16,7 @@ export class AppColorTextBackground {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   slide: boolean = false;
@@ -32,7 +32,7 @@ export class AppColorTextBackground {
   @Event() colorChange: EventEmitter<void>;
 
   private initBackground = async (): Promise<InitStyleColor> => {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return {
         rgb: null,
         opacity: null
@@ -40,14 +40,14 @@ export class AppColorTextBackground {
     }
 
     return ColorUtils.splitColor(
-      this.selectedElement.style.getPropertyValue('--background')
-        ? this.selectedElement.style.getPropertyValue('--background')
-        : this.selectedElement.style.background
+      this.selectedTarget.style.getPropertyValue('--background')
+        ? this.selectedTarget.style.getPropertyValue('--background')
+        : this.selectedTarget.style.background
     );
   };
 
   private initColor = async (): Promise<InitStyleColor> => {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return {
         rgb: null,
         opacity: null
@@ -55,9 +55,9 @@ export class AppColorTextBackground {
     }
 
     return ColorUtils.splitColor(
-      this.selectedElement.style.getPropertyValue('--color')
-        ? this.selectedElement.style.getPropertyValue('--color')
-        : this.selectedElement.style.color
+      this.selectedTarget.style.getPropertyValue('--color')
+        ? this.selectedTarget.style.getPropertyValue('--color')
+        : this.selectedTarget.style.color
     );
   };
 
@@ -70,27 +70,27 @@ export class AppColorTextBackground {
   }
 
   private async resetColor() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
     if (this.colorType === 'background') {
-      this.selectedElement.style.removeProperty('--background');
-      this.selectedElement.style.removeProperty('background');
+      this.selectedTarget.style.removeProperty('--background');
+      this.selectedTarget.style.removeProperty('background');
     } else {
-      this.selectedElement.style.removeProperty('--color');
-      this.selectedElement.style.removeProperty('color');
+      this.selectedTarget.style.removeProperty('--color');
+      this.selectedTarget.style.removeProperty('color');
     }
 
     this.colorChange.emit();
   }
 
   private async applyTextColor(selectedColor: string) {
-    if (!this.selectedElement || !selectedColor) {
+    if (!this.selectedTarget || !selectedColor) {
       return;
     }
 
-    setStyle(this.selectedElement, {
+    setStyle(this.selectedTarget, {
       properties: [{property: this.deck || this.slide ? '--color' : 'color', value: selectedColor}],
       type: this.deck ? 'deck' : this.slide ? 'slide' : 'element',
       updateUI: async (_value: string) => await this.colorRef.loadColor()
@@ -100,11 +100,11 @@ export class AppColorTextBackground {
   }
 
   private async applyBackground(selectedColor: string) {
-    if (!this.selectedElement || !selectedColor) {
+    if (!this.selectedTarget || !selectedColor) {
       return;
     }
 
-    setStyle(this.selectedElement, {
+    setStyle(this.selectedTarget, {
       properties: [{value: selectedColor, property: this.deck || this.slide ? '--background' : 'background'}],
       type: this.deck ? 'deck' : this.slide ? 'slide' : 'element',
       updateUI: async (_value: string) => await this.colorRef.loadColor()
diff --git a/studio/src/app/components/editor/deck/styles/deck/app-deck-fonts/app-deck-fonts.tsx b/studio/src/app/components/editor/deck/styles/deck/app-deck-fonts/app-deck-fonts.tsx
index 8b6e2462d..0e6c8f281 100644
--- a/studio/src/app/components/editor/deck/styles/deck/app-deck-fonts/app-deck-fonts.tsx
+++ b/studio/src/app/components/editor/deck/styles/deck/app-deck-fonts/app-deck-fonts.tsx
@@ -65,7 +65,7 @@ export class AppDeckFonts {
   render() {
     return [
       <app-color-text-background
-        selectedElement={this.deckElement}
+        selectedTarget={this.deckElement}
         deck={true}
         onColorChange={() => this.fontsChange.emit()}></app-color-text-background>,
       this.renderFonts()
diff --git a/studio/src/app/components/editor/deck/styles/element/app-block/app-block.tsx b/studio/src/app/components/editor/deck/styles/element/app-block/app-block.tsx
index 37547749d..f1623042c 100644
--- a/studio/src/app/components/editor/deck/styles/element/app-block/app-block.tsx
+++ b/studio/src/app/components/editor/deck/styles/element/app-block/app-block.tsx
@@ -6,7 +6,7 @@ import settingsStore from '../../../../../../stores/settings.store';
 import i18n from '../../../../../../stores/i18n.store';
 
 import {EditMode, Expanded} from '../../../../../../types/core/settings';
-import {SelectedElement} from '../../../../../../types/editor/selected-element';
+import {SelectedTarget} from '../../../../../../types/editor/selected-target';
 
 import {SettingsUtils} from '../../../../../../utils/core/settings.utils';
 import {setStyle} from '../../../../../../utils/editor/undo-redo.deck.utils';
@@ -16,7 +16,7 @@ import {setStyle} from '../../../../../../utils/editor/undo-redo.deck.utils';
 })
 export class AppBlock {
   @Prop()
-  selectedElement: SelectedElement;
+  selectedTarget: SelectedTarget;
 
   @State()
   private width: number = 100;
@@ -73,33 +73,33 @@ export class AppBlock {
   }
 
   private async initPadding() {
-    const css: CSSStyleDeclaration = window.getComputedStyle(this.selectedElement?.element);
+    const css: CSSStyleDeclaration = window.getComputedStyle(this.selectedTarget?.target);
     const padding: number = parseInt(css.paddingTop);
     this.padding = isNaN(padding) ? 0 : padding;
   }
 
   private async initPaddingCSS() {
-    const css: CSSStyleDeclaration = window.getComputedStyle(this.selectedElement?.element);
+    const css: CSSStyleDeclaration = window.getComputedStyle(this.selectedTarget?.target);
     this.paddingCSS = css.padding;
   }
 
   private async initWidth() {
-    const width: number = parseInt(this.selectedElement?.element?.style.width);
+    const width: number = parseInt(this.selectedTarget?.target?.style.width);
     this.width = isNaN(width) ? 100 : width;
   }
 
   private async initWidthCSS() {
-    this.widthCSS = this.selectedElement?.element?.style.width;
+    this.widthCSS = this.selectedTarget?.target?.style.width;
   }
 
   private async initRotate() {
-    const matches: RegExpMatchArray | null = this.selectedElement?.element?.style.transform.match(/(\d+)/);
+    const matches: RegExpMatchArray | null = this.selectedTarget?.target?.style.transform.match(/(\d+)/);
     const rotate: number = parseInt(matches?.[0]);
     this.rotate = isNaN(rotate) ? 0 : rotate;
   }
 
   private async initTransformCSS() {
-    this.transformCSS = this.selectedElement?.element?.style.transform;
+    this.transformCSS = this.selectedTarget?.target?.style.transform;
   }
 
   private async updateWidth($event: CustomEvent<RangeChangeEventDetail>) {
@@ -121,7 +121,7 @@ export class AppBlock {
   }
 
   private updateWidthCSS() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -149,7 +149,7 @@ export class AppBlock {
   }
 
   private updatePaddingCSS() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -177,7 +177,7 @@ export class AppBlock {
   }
 
   private updateTransformCSS() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -192,9 +192,9 @@ export class AppBlock {
       return;
     }
 
-    setStyle(this.selectedElement.element, {
+    setStyle(this.selectedTarget.target, {
       properties: [{property, value}],
-      type: this.selectedElement.type,
+      type: this.selectedTarget.type,
       updateUI: async () => {
         // ion-change triggers the event each time its value changes, because we re-render, it triggers it again
         this.ignoreUpdateStyle = true;
diff --git a/studio/src/app/components/editor/deck/styles/element/app-border-radius/app-border-radius.tsx b/studio/src/app/components/editor/deck/styles/element/app-border-radius/app-border-radius.tsx
index 2ab4fcc91..f970c4810 100644
--- a/studio/src/app/components/editor/deck/styles/element/app-border-radius/app-border-radius.tsx
+++ b/studio/src/app/components/editor/deck/styles/element/app-border-radius/app-border-radius.tsx
@@ -6,7 +6,7 @@ import settingsStore from '../../../../../../stores/settings.store';
 import i18n from '../../../../../../stores/i18n.store';
 
 import {EditMode, Expanded} from '../../../../../../types/core/settings';
-import {SelectedElement} from '../../../../../../types/editor/selected-element';
+import {SelectedTarget} from '../../../../../../types/editor/selected-target';
 
 import {SettingsUtils} from '../../../../../../utils/core/settings.utils';
 import {setStyle} from '../../../../../../utils/editor/undo-redo.deck.utils';
@@ -16,7 +16,7 @@ import {setStyle} from '../../../../../../utils/editor/undo-redo.deck.utils';
 })
 export class AppBorderRadius {
   @Prop()
-  selectedElement: SelectedElement;
+  selectedTarget: SelectedTarget;
 
   @State()
   private borderRadiuses: Map<string, number> = new Map([
@@ -65,15 +65,15 @@ export class AppBorderRadius {
   }
 
   private async initBorderRadiusCSS() {
-    this.borderRadiusCSS = this.selectedElement?.element?.style.borderRadius;
+    this.borderRadiusCSS = this.selectedTarget?.target?.style.borderRadius;
   }
 
   private async initBorderRadius() {
-    if (!this.selectedElement || !this.selectedElement.element || !window) {
+    if (!this.selectedTarget || !this.selectedTarget.target || !window) {
       return;
     }
 
-    const style: CSSStyleDeclaration = window.getComputedStyle(this.selectedElement.element);
+    const style: CSSStyleDeclaration = window.getComputedStyle(this.selectedTarget.target);
 
     if (!style) {
       return;
@@ -102,7 +102,7 @@ export class AppBorderRadius {
   }
 
   private async updateBorderRadius($event: CustomEvent, corner: string = ''): Promise<void> {
-    if (!this.selectedElement || !$event || !$event.detail) {
+    if (!this.selectedTarget || !$event || !$event.detail) {
       return;
     }
     if (corner === 'general') {
@@ -139,7 +139,7 @@ export class AppBorderRadius {
   }
 
   private async updateBorderRadiusCSS() {
-    this.selectedElement.element.style.borderRadius = this.borderRadiusCSS;
+    this.selectedTarget.target.style.borderRadius = this.borderRadiusCSS;
 
     this.emitBorderRadiusChange();
   }
@@ -150,9 +150,9 @@ export class AppBorderRadius {
       return;
     }
 
-    setStyle(this.selectedElement.element, {
+    setStyle(this.selectedTarget.target, {
       properties: [{property, value}],
-      type: this.selectedElement.type,
+      type: this.selectedTarget.type,
       updateUI: async () => {
         // ion-change triggers the event each time its value changes, because we re-render, it triggers it again
         this.ignoreUpdateStyle = true;
diff --git a/studio/src/app/components/editor/deck/styles/element/app-box-shadow/app-box-shadow.tsx b/studio/src/app/components/editor/deck/styles/element/app-box-shadow/app-box-shadow.tsx
index 51df68917..4dfc775e9 100644
--- a/studio/src/app/components/editor/deck/styles/element/app-box-shadow/app-box-shadow.tsx
+++ b/studio/src/app/components/editor/deck/styles/element/app-box-shadow/app-box-shadow.tsx
@@ -10,14 +10,14 @@ import {SettingsUtils} from '../../../../../../utils/core/settings.utils';
 
 import {EditMode, Expanded} from '../../../../../../types/core/settings';
 import {setStyle} from '../../../../../../utils/editor/undo-redo.deck.utils';
-import {SelectedElement} from '../../../../../../types/editor/selected-element';
+import {SelectedTarget} from '../../../../../../types/editor/selected-target';
 
 @Component({
   tag: 'app-box-shadow'
 })
 export class AppBoxShadow {
   @Prop()
-  selectedElement: SelectedElement;
+  selectedTarget: SelectedTarget;
 
   private readonly defaultBoxShadowProperties = new Map([
     ['hLength', 0],
@@ -71,15 +71,15 @@ export class AppBoxShadow {
   }
 
   private async initCSS() {
-    this.boxShadowCSS = this.selectedElement?.element?.style.boxShadow;
+    this.boxShadowCSS = this.selectedTarget?.target?.style.boxShadow;
   }
 
   private async init() {
-    if (!this.selectedElement || !this.selectedElement.element) {
+    if (!this.selectedTarget || !this.selectedTarget.target) {
       return;
     }
 
-    const style: CSSStyleDeclaration = window.getComputedStyle(this.selectedElement.element);
+    const style: CSSStyleDeclaration = window.getComputedStyle(this.selectedTarget.target);
 
     if (!style) {
       return;
@@ -116,14 +116,14 @@ export class AppBoxShadow {
   }
 
   private initColor = async (): Promise<InitStyleColor> => {
-    if (!this.selectedElement || !this.selectedElement.element) {
+    if (!this.selectedTarget || !this.selectedTarget.target) {
       return {
         rgb: null,
         opacity: null
       };
     }
 
-    const style: CSSStyleDeclaration = window.getComputedStyle(this.selectedElement.element);
+    const style: CSSStyleDeclaration = window.getComputedStyle(this.selectedTarget.target);
 
     if (!style) {
       return {
@@ -157,7 +157,7 @@ export class AppBoxShadow {
   };
 
   private async selectColor($event: CustomEvent<string>) {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -177,7 +177,7 @@ export class AppBoxShadow {
   }
 
   private async updateBoxShadowProperties($event: CustomEvent, property: string = '') {
-    if (!this.selectedElement || !$event || !$event.detail) {
+    if (!this.selectedTarget || !$event || !$event.detail) {
       return;
     }
 
@@ -203,9 +203,9 @@ export class AppBoxShadow {
       return;
     }
 
-    setStyle(this.selectedElement.element, {
+    setStyle(this.selectedTarget.target, {
       properties: [{property: 'box-shadow', value}],
-      type: this.selectedElement.type,
+      type: this.selectedTarget.type,
       updateUI: async () => {
         // ion-change triggers the event each time its value changes, because we re-render, it triggers it again
         this.ignoreUpdateStyle = true;
@@ -224,7 +224,7 @@ export class AppBoxShadow {
   }
 
   private async resetBoxShadow() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
diff --git a/studio/src/app/components/editor/deck/styles/element/app-color-code/app-color-code.tsx b/studio/src/app/components/editor/deck/styles/element/app-color-code/app-color-code.tsx
index e6156fff5..457112be5 100644
--- a/studio/src/app/components/editor/deck/styles/element/app-color-code/app-color-code.tsx
+++ b/studio/src/app/components/editor/deck/styles/element/app-color-code/app-color-code.tsx
@@ -25,7 +25,7 @@ enum CodeColorType {
 })
 export class AppColorCode {
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @State()
   private codeColorType: CodeColorType = undefined;
@@ -48,7 +48,7 @@ export class AppColorCode {
   }
 
   private initCodeColor = async (): Promise<InitStyleColor> => {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return {
         rgb: null,
         opacity: null
@@ -58,23 +58,23 @@ export class AppColorCode {
     let color: string;
 
     if (this.codeColorType === CodeColorType.PUNCTUATION) {
-      color = this.selectedElement.style.getPropertyValue('--deckgo-highlight-code-token-punctuation') ?? '98,114,164';
+      color = this.selectedTarget.style.getPropertyValue('--deckgo-highlight-code-token-punctuation') ?? '98,114,164';
     } else if (this.codeColorType === CodeColorType.PROPERTY) {
-      color = this.selectedElement.style.getPropertyValue('--deckgo-highlight-code-token-property') ?? '189,147,249';
+      color = this.selectedTarget.style.getPropertyValue('--deckgo-highlight-code-token-property') ?? '189,147,249';
     } else if (this.codeColorType === CodeColorType.SELECTOR) {
-      color = this.selectedElement.style.getPropertyValue('--deckgo-highlight-code-token-selector') ?? '80,250,123';
+      color = this.selectedTarget.style.getPropertyValue('--deckgo-highlight-code-token-selector') ?? '80,250,123';
     } else if (this.codeColorType === CodeColorType.OPERATOR) {
-      color = this.selectedElement.style.getPropertyValue('--deckgo-highlight-code-token-operator') ?? '255,121,198';
+      color = this.selectedTarget.style.getPropertyValue('--deckgo-highlight-code-token-operator') ?? '255,121,198';
     } else if (this.codeColorType === CodeColorType.KEYWORD) {
-      color = this.selectedElement.style.getPropertyValue('--deckgo-highlight-code-token-atrule') ?? '255,121,198';
+      color = this.selectedTarget.style.getPropertyValue('--deckgo-highlight-code-token-atrule') ?? '255,121,198';
     } else if (this.codeColorType === CodeColorType.FUNCTION) {
-      color = this.selectedElement.style.getPropertyValue('--deckgo-highlight-code-token-function') ?? '255,184,108';
+      color = this.selectedTarget.style.getPropertyValue('--deckgo-highlight-code-token-function') ?? '255,184,108';
     } else if (this.codeColorType === CodeColorType.REGEX) {
-      color = this.selectedElement.style.getPropertyValue('--deckgo-highlight-code-token-regex') ?? '241,250,140';
+      color = this.selectedTarget.style.getPropertyValue('--deckgo-highlight-code-token-regex') ?? '241,250,140';
     } else if (this.codeColorType === CodeColorType.LINE_NUMBERS) {
-      color = this.selectedElement.style.getPropertyValue('--deckgo-highlight-code-line-numbers') ?? '153,153,153';
+      color = this.selectedTarget.style.getPropertyValue('--deckgo-highlight-code-line-numbers') ?? '153,153,153';
     } else {
-      color = this.selectedElement.style.getPropertyValue('--deckgo-highlight-code-token-comment') ?? '153,153,153';
+      color = this.selectedTarget.style.getPropertyValue('--deckgo-highlight-code-token-comment') ?? '153,153,153';
     }
 
     return ColorUtils.splitColor(color);
@@ -82,24 +82,24 @@ export class AppColorCode {
 
   private async initTerminal() {
     this.terminal =
-      this.selectedElement && this.selectedElement.hasAttribute('terminal')
-        ? (this.selectedElement.getAttribute('terminal') as DeckdeckgoHighlightCodeTerminal)
+      this.selectedTarget && this.selectedTarget.hasAttribute('terminal')
+        ? (this.selectedTarget.getAttribute('terminal') as DeckdeckgoHighlightCodeTerminal)
         : DeckdeckgoHighlightCodeTerminal.CARBON;
 
     this.theme =
-      this.selectedElement && this.selectedElement.hasAttribute('theme')
-        ? (this.selectedElement.getAttribute('theme') as DeckdeckgoHighlightCodeCarbonTheme)
+      this.selectedTarget && this.selectedTarget.hasAttribute('theme')
+        ? (this.selectedTarget.getAttribute('theme') as DeckdeckgoHighlightCodeCarbonTheme)
         : DeckdeckgoHighlightCodeCarbonTheme.DRACULA;
 
-    this.toolbar = this.selectedElement?.style.getPropertyValue('--deckgo-highlight-code-carbon-toolbar-display') !== 'none';
+    this.toolbar = this.selectedTarget?.style.getPropertyValue('--deckgo-highlight-code-carbon-toolbar-display') !== 'none';
   }
 
   private async applyCodeColor($event: CustomEvent<string>) {
-    if (!this.selectedElement || !$event) {
+    if (!this.selectedTarget || !$event) {
       return;
     }
 
-    this.selectedElement.style.setProperty(this.getStyle(), $event.detail);
+    this.selectedTarget.style.setProperty(this.getStyle(), $event.detail);
 
     this.updateStyle($event.detail);
   }
@@ -140,7 +140,7 @@ export class AppColorCode {
   }
 
   private async resetCodeColor() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -150,7 +150,7 @@ export class AppColorCode {
   private updateStyle(value: string | null) {
     const redoType: CodeColorType = this.codeColorType;
 
-    setStyle(this.selectedElement, {
+    setStyle(this.selectedTarget, {
       properties: [{property: this.getStyle(), value}],
       type: 'element',
       updateUI: async (_value: string) => {
@@ -170,7 +170,7 @@ export class AppColorCode {
         return;
       }
 
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
@@ -181,7 +181,7 @@ export class AppColorCode {
         this.theme = $event.detail.value;
       }
 
-      this.selectedElement.setAttribute(attribute, $event.detail.value);
+      this.selectedTarget.setAttribute(attribute, $event.detail.value);
 
       this.codeDidChange.emit();
 
@@ -190,16 +190,16 @@ export class AppColorCode {
   }
 
   private async toggleToolbar() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
     this.toolbar = !this.toolbar;
 
     if (this.toolbar) {
-      this.selectedElement.style.removeProperty('--deckgo-highlight-code-carbon-toolbar-display');
+      this.selectedTarget.style.removeProperty('--deckgo-highlight-code-carbon-toolbar-display');
     } else {
-      this.selectedElement.style.setProperty('--deckgo-highlight-code-carbon-toolbar-display', 'none');
+      this.selectedTarget.style.setProperty('--deckgo-highlight-code-carbon-toolbar-display', 'none');
     }
 
     this.emitCodeChange();
diff --git a/studio/src/app/components/editor/deck/styles/element/app-color-word-cloud/app-color-word-cloud.tsx b/studio/src/app/components/editor/deck/styles/element/app-color-word-cloud/app-color-word-cloud.tsx
index f58f382e5..c72a4b59f 100644
--- a/studio/src/app/components/editor/deck/styles/element/app-color-word-cloud/app-color-word-cloud.tsx
+++ b/studio/src/app/components/editor/deck/styles/element/app-color-word-cloud/app-color-word-cloud.tsx
@@ -10,7 +10,7 @@ import {setStyle} from '../../../../../../utils/editor/undo-redo.deck.utils';
 })
 export class AppColorWordCloud {
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Event() wordCloudDidChange: EventEmitter<void>;
 
@@ -22,7 +22,7 @@ export class AppColorWordCloud {
   private colorRef!: HTMLAppColorElement;
 
   private async applyColor($event: CustomEvent<string>) {
-    if (!this.selectedElement || !$event) {
+    if (!this.selectedTarget || !$event) {
       return;
     }
 
@@ -34,14 +34,14 @@ export class AppColorWordCloud {
   }
 
   private initColor = async (): Promise<InitStyleColor> => {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return {
         rgb: null,
         opacity: null
       };
     }
 
-    return ColorUtils.splitColor(this.selectedElement.style.getPropertyValue(this.getStyle()));
+    return ColorUtils.splitColor(this.selectedTarget.style.getPropertyValue(this.getStyle()));
   };
 
   private emitChange() {
@@ -49,7 +49,7 @@ export class AppColorWordCloud {
   }
 
   private async resetColor() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -59,7 +59,7 @@ export class AppColorWordCloud {
   private updateStyle(value: string | null) {
     const redoIndex: number = this.colorIndex;
 
-    setStyle(this.selectedElement, {
+    setStyle(this.selectedTarget, {
       properties: [{property: this.getStyle(), value}],
       type: 'element',
       updateUI: async (_value: string) => {
diff --git a/studio/src/app/components/editor/deck/styles/element/app-image-style/app-image-style.tsx b/studio/src/app/components/editor/deck/styles/element/app-image-style/app-image-style.tsx
index da2c6a16e..f71a4e2d7 100644
--- a/studio/src/app/components/editor/deck/styles/element/app-image-style/app-image-style.tsx
+++ b/studio/src/app/components/editor/deck/styles/element/app-image-style/app-image-style.tsx
@@ -32,7 +32,7 @@ export class AppImageStyle {
   @Event() private imgDidChange: EventEmitter<HTMLElement>;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @State()
   private currentImageSize: ImageSize;
@@ -75,22 +75,22 @@ export class AppImageStyle {
   }
 
   private async initCSS() {
-    this.imageHeightCSS = this.selectedElement.style.getPropertyValue('--deckgo-lazy-img-height');
-    this.imageJustifyContentCSS = this.selectedElement.style.getPropertyValue('justify-content');
+    this.imageHeightCSS = this.selectedTarget.style.getPropertyValue('--deckgo-lazy-img-height');
+    this.imageJustifyContentCSS = this.selectedTarget.style.getPropertyValue('justify-content');
   }
 
   private initImageSize(): Promise<ImageSize> {
     return new Promise<ImageSize>((resolve) => {
-      if (!this.selectedElement || !this.selectedElement.style) {
+      if (!this.selectedTarget || !this.selectedTarget.style) {
         resolve(null);
         return;
       }
 
-      if (this.selectedElement.style.getPropertyValue('--deckgo-lazy-img-height') === '25%') {
+      if (this.selectedTarget.style.getPropertyValue('--deckgo-lazy-img-height') === '25%') {
         resolve(ImageSize.SMALL);
-      } else if (this.selectedElement.style.getPropertyValue('--deckgo-lazy-img-height') === '50%') {
+      } else if (this.selectedTarget.style.getPropertyValue('--deckgo-lazy-img-height') === '50%') {
         resolve(ImageSize.MEDIUM);
-      } else if (this.selectedElement.style.getPropertyValue('--deckgo-lazy-img-height') === '75%') {
+      } else if (this.selectedTarget.style.getPropertyValue('--deckgo-lazy-img-height') === '75%') {
         resolve(ImageSize.LARGE);
       } else {
         resolve(ImageSize.ORIGINAL);
@@ -100,16 +100,16 @@ export class AppImageStyle {
 
   private initImageAlignment(): Promise<ImageAlignment> {
     return new Promise<ImageAlignment>(async (resolve) => {
-      if (!this.selectedElement || !this.selectedElement.style) {
+      if (!this.selectedTarget || !this.selectedTarget.style) {
         resolve(null);
         return;
       }
 
-      if (this.selectedElement.style.getPropertyValue('justify-content') === 'center') {
+      if (this.selectedTarget.style.getPropertyValue('justify-content') === 'center') {
         resolve(ImageAlignment.CENTER);
-      } else if (this.selectedElement.style.getPropertyValue('justify-content') === 'flex-end') {
+      } else if (this.selectedTarget.style.getPropertyValue('justify-content') === 'flex-end') {
         resolve(ImageAlignment.END);
-      } else if (this.selectedElement.style.getPropertyValue('justify-content') === 'flex-start') {
+      } else if (this.selectedTarget.style.getPropertyValue('justify-content') === 'flex-start') {
         resolve(ImageAlignment.START);
       } else {
         const result: ImageAlignment = await this.findSlideDefaultAlignment();
@@ -120,7 +120,7 @@ export class AppImageStyle {
 
   private findSlideDefaultAlignment(): Promise<ImageAlignment> {
     return new Promise<ImageAlignment>((resolve) => {
-      const parent: HTMLElement = this.selectedElement.parentElement;
+      const parent: HTMLElement = this.selectedTarget.parentElement;
 
       if (isSlide(parent)) {
         const container: HTMLElement = parent.shadowRoot.querySelector('.deckgo-slide');
@@ -145,7 +145,7 @@ export class AppImageStyle {
 
     this.currentImageSize = $event.detail.value;
 
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -164,7 +164,7 @@ export class AppImageStyle {
 
     this.currentImageAlignment = $event.detail.value;
 
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
@@ -186,7 +186,7 @@ export class AppImageStyle {
       return;
     }
 
-    setStyle(this.selectedElement, {
+    setStyle(this.selectedTarget, {
       properties,
       type: 'element',
       updateUI: async (_value: string) => {
@@ -202,7 +202,7 @@ export class AppImageStyle {
       }
     });
 
-    this.imgDidChange.emit(this.selectedElement);
+    this.imgDidChange.emit(this.selectedTarget);
   }
 
   private handleImageHeightInput($event: CustomEvent<KeyboardEvent>) {
@@ -211,12 +211,12 @@ export class AppImageStyle {
 
   private async updateImageHeightCSS() {
     if (!this.imageHeightCSS || this.imageHeightCSS === '') {
-      this.selectedElement.style.removeProperty('--deckgo-lazy-img-height');
+      this.selectedTarget.style.removeProperty('--deckgo-lazy-img-height');
     } else {
-      this.selectedElement.style.setProperty('--deckgo-lazy-img-height', this.imageHeightCSS);
+      this.selectedTarget.style.setProperty('--deckgo-lazy-img-height', this.imageHeightCSS);
     }
 
-    this.imgDidChange.emit(this.selectedElement);
+    this.imgDidChange.emit(this.selectedTarget);
   }
 
   private handleImageJustifyContentInput($event: CustomEvent<KeyboardEvent>) {
@@ -224,10 +224,10 @@ export class AppImageStyle {
   }
 
   private async updateImageJustifyContentCSS() {
-    this.selectedElement.style.setProperty('display', 'inline-flex');
-    this.selectedElement.style.setProperty('justify-content', this.imageJustifyContentCSS);
+    this.selectedTarget.style.setProperty('display', 'inline-flex');
+    this.selectedTarget.style.setProperty('justify-content', this.imageJustifyContentCSS);
 
-    this.imgDidChange.emit(this.selectedElement);
+    this.imgDidChange.emit(this.selectedTarget);
   }
 
   render() {
diff --git a/studio/src/app/components/editor/deck/styles/element/app-list/app-list.tsx b/studio/src/app/components/editor/deck/styles/element/app-list/app-list.tsx
index ebb166174..dfa44755f 100644
--- a/studio/src/app/components/editor/deck/styles/element/app-list/app-list.tsx
+++ b/studio/src/app/components/editor/deck/styles/element/app-list/app-list.tsx
@@ -19,7 +19,7 @@ import {setStyle} from '../../../../../../utils/editor/undo-redo.deck.utils';
 })
 export class AppList {
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @State()
   private listType: SlotType.OL | SlotType.UL | undefined;
@@ -39,7 +39,7 @@ export class AppList {
   private ignoreUpdateStyle: boolean = false;
 
   async componentWillLoad() {
-    this.listType = ListUtils.isElementList(this.selectedElement);
+    this.listType = ListUtils.isElementList(this.selectedTarget);
 
     await this.initListStyle();
     await this.initListStyleCSS();
@@ -61,29 +61,29 @@ export class AppList {
   }
 
   private async initListStyle() {
-    this.selectedStyle = ListUtils.getListElementType(this.selectedElement);
+    this.selectedStyle = ListUtils.getListElementType(this.selectedTarget);
   }
 
   private async initListStyleCSS() {
-    if (SlotUtils.isNodeRevealList(this.selectedElement)) {
-      this.listStyleCSS = this.selectedElement.style['--reveal-list-style'];
+    if (SlotUtils.isNodeRevealList(this.selectedTarget)) {
+      this.listStyleCSS = this.selectedTarget.style['--reveal-list-style'];
     } else {
-      this.listStyleCSS = this.selectedElement.style.listStyleType;
+      this.listStyleCSS = this.selectedTarget.style.listStyleType;
     }
   }
 
   private async setListType($event: CustomEvent) {
-    if (!this.selectedElement || !$event || !$event.detail) {
+    if (!this.selectedTarget || !$event || !$event.detail) {
       return;
     }
 
     this.listType = $event.detail.value;
 
     // Remove style with undo redo as we are going to replace the element in the dom
-    if (SlotUtils.isNodeRevealList(this.selectedElement)) {
-      this.selectedElement.style['--reveal-list-style'] = '';
+    if (SlotUtils.isNodeRevealList(this.selectedTarget)) {
+      this.selectedTarget.style['--reveal-list-style'] = '';
     } else {
-      this.selectedElement.style.listStyleType = '';
+      this.selectedTarget.style.listStyleType = '';
     }
 
     // We have to clear the history undo redo too
@@ -93,7 +93,7 @@ export class AppList {
   }
 
   private async setListStyle($event: CustomEvent) {
-    if (!this.selectedElement || !$event || !$event.detail) {
+    if (!this.selectedTarget || !$event || !$event.detail) {
       return;
     }
 
@@ -104,7 +104,7 @@ export class AppList {
     this.selectedStyle = style;
 
     this.updateStyle({
-      property: SlotUtils.isNodeRevealList(this.selectedElement) ? '--reveal-list-style' : 'list-style-type',
+      property: SlotUtils.isNodeRevealList(this.selectedTarget) ? '--reveal-list-style' : 'list-style-type',
       value: this.selectedStyle
     });
 
@@ -116,16 +116,16 @@ export class AppList {
   }
 
   private async updateLetterSpacingCSS() {
-    if (SlotUtils.isNodeRevealList(this.selectedElement)) {
-      this.selectedElement.style['--reveal-list-style'] = this.listStyleCSS;
+    if (SlotUtils.isNodeRevealList(this.selectedTarget)) {
+      this.selectedTarget.style['--reveal-list-style'] = this.listStyleCSS;
     } else {
-      this.selectedElement.style.listStyleType = this.listStyleCSS;
+      this.selectedTarget.style.listStyleType = this.listStyleCSS;
     }
 
     this.listStyleChanged.emit();
 
     this.updateStyle({
-      property: SlotUtils.isNodeRevealList(this.selectedElement) ? '--reveal-list-style' : 'list-style-type',
+      property: SlotUtils.isNodeRevealList(this.selectedTarget) ? '--reveal-list-style' : 'list-style-type',
       value: this.listStyleCSS
     });
 
@@ -138,7 +138,7 @@ export class AppList {
       return;
     }
 
-    setStyle(this.selectedElement, {
+    setStyle(this.selectedTarget, {
       properties: [property],
       type: 'element',
       updateUI: async (_value: string) => {
diff --git a/studio/src/app/components/editor/deck/styles/element/app-reveal/app-reveal.tsx b/studio/src/app/components/editor/deck/styles/element/app-reveal/app-reveal.tsx
index 756f0ee6c..2185e686f 100644
--- a/studio/src/app/components/editor/deck/styles/element/app-reveal/app-reveal.tsx
+++ b/studio/src/app/components/editor/deck/styles/element/app-reveal/app-reveal.tsx
@@ -10,7 +10,7 @@ import {SlotUtils} from '../../../../../../utils/editor/slot.utils';
 })
 export class AppReveal {
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @State()
   private reveal: boolean = false;
@@ -18,7 +18,7 @@ export class AppReveal {
   @Event() toggleReveal: EventEmitter<boolean>;
 
   componentWillLoad() {
-    this.reveal = SlotUtils.isNodeReveal(this.selectedElement) || SlotUtils.isNodeRevealList(this.selectedElement);
+    this.reveal = SlotUtils.isNodeReveal(this.selectedTarget) || SlotUtils.isNodeRevealList(this.selectedTarget);
   }
 
   private toggle() {
diff --git a/studio/src/app/components/editor/deck/styles/element/app-text/app-text.tsx b/studio/src/app/components/editor/deck/styles/element/app-text/app-text.tsx
index 465b0ad8a..e019829cd 100644
--- a/studio/src/app/components/editor/deck/styles/element/app-text/app-text.tsx
+++ b/studio/src/app/components/editor/deck/styles/element/app-text/app-text.tsx
@@ -7,7 +7,7 @@ import {SettingsUtils} from '../../../../../../utils/core/settings.utils';
 
 import {EditMode, Expanded} from '../../../../../../types/core/settings';
 import {FontSize} from '../../../../../../types/editor/font-size';
-import {SelectedElement} from '../../../../../../types/editor/selected-element';
+import {SelectedTarget} from '../../../../../../types/editor/selected-target';
 
 import {AlignUtils, TextAlign} from '../../../../../../utils/editor/align.utils';
 import {initFontSize, toggleFontSize} from '../../../../../../utils/editor/font-size.utils';
@@ -28,7 +28,7 @@ enum LetterSpacing {
 })
 export class AppText {
   @Prop()
-  selectedElement: SelectedElement;
+  selectedTarget: SelectedTarget;
 
   @State()
   private align: TextAlign | undefined;
@@ -78,16 +78,16 @@ export class AppText {
 
   private async init() {
     this.letterSpacing = await this.initLetterSpacing();
-    this.align = await AlignUtils.getAlignment(this.selectedElement?.element);
-    this.fontSize = await initFontSize(this.selectedElement?.element);
+    this.align = await AlignUtils.getAlignment(this.selectedTarget?.target);
+    this.fontSize = await initFontSize(this.selectedTarget?.target);
   }
 
   private async initLetterSpacing(): Promise<LetterSpacing> {
-    if (!this.selectedElement || !this.selectedElement.element) {
+    if (!this.selectedTarget || !this.selectedTarget.target) {
       return LetterSpacing.NORMAL;
     }
 
-    const spacing: string = this.selectedElement.element.style.letterSpacing;
+    const spacing: string = this.selectedTarget.target.style.letterSpacing;
 
     if (!spacing || spacing === '') {
       return LetterSpacing.NORMAL;
@@ -111,7 +111,7 @@ export class AppText {
   }
 
   private async updateLetterSpacing($event: CustomEvent): Promise<void> {
-    if (!this.selectedElement || !this.selectedElement.element || !$event || !$event.detail) {
+    if (!this.selectedTarget || !this.selectedTarget.target || !$event || !$event.detail) {
       return;
     }
 
@@ -145,9 +145,9 @@ export class AppText {
   }
 
   private async initCSS() {
-    this.letterSpacingCSS = this.selectedElement?.element?.style.letterSpacing;
-    this.alignCSS = this.selectedElement?.element?.style.textAlign;
-    this.fontSizeCSS = this.selectedElement?.element?.style.fontSize;
+    this.letterSpacingCSS = this.selectedTarget?.target?.style.letterSpacing;
+    this.alignCSS = this.selectedTarget?.target?.style.textAlign;
+    this.fontSizeCSS = this.selectedTarget?.target?.style.fontSize;
   }
 
   private handleLetterSpacingInput($event: CustomEvent<KeyboardEvent>) {
@@ -166,9 +166,9 @@ export class AppText {
       return;
     }
 
-    setStyle(this.selectedElement.element, {
+    setStyle(this.selectedTarget.target, {
       properties: [{property, value}],
-      type: this.selectedElement.type,
+      type: this.selectedTarget.type,
       updateUI: async () => {
         // ion-change triggers the event each time its value changes, because we re-render, it triggers it again
         this.ignoreUpdateStyle = true;
@@ -176,13 +176,13 @@ export class AppText {
         if (settingsStore.state.editMode === 'css') {
           switch (property) {
             case 'letter-spacing':
-              this.letterSpacingCSS = this.selectedElement?.element?.style.letterSpacing;
+              this.letterSpacingCSS = this.selectedTarget?.target?.style.letterSpacing;
               break;
             case 'font-size':
-              this.fontSizeCSS = this.selectedElement?.element?.style.fontSize;
+              this.fontSizeCSS = this.selectedTarget?.target?.style.fontSize;
               break;
             case 'text-align':
-              this.alignCSS = this.selectedElement?.element?.style.textAlign;
+              this.alignCSS = this.selectedTarget?.target?.style.textAlign;
           }
 
           return;
@@ -193,17 +193,17 @@ export class AppText {
             this.letterSpacing = await this.initLetterSpacing();
             break;
           case 'font-size':
-            this.fontSize = await initFontSize(this.selectedElement?.element);
+            this.fontSize = await initFontSize(this.selectedTarget?.target);
             break;
           case 'text-align':
-            this.align = await AlignUtils.getAlignment(this.selectedElement?.element);
+            this.align = await AlignUtils.getAlignment(this.selectedTarget?.target);
         }
       }
     });
   }
 
   private async updateAlign($event: CustomEvent): Promise<void> {
-    if (!this.selectedElement || !this.selectedElement.element || !$event || !$event.detail) {
+    if (!this.selectedTarget || !this.selectedTarget.target || !$event || !$event.detail) {
       return;
     }
 
@@ -217,7 +217,7 @@ export class AppText {
   }
 
   private updateAlignCSS(alignCSS: string) {
-    if (!this.selectedElement || !this.selectedElement.element) {
+    if (!this.selectedTarget || !this.selectedTarget.target) {
       return;
     }
 
@@ -233,11 +233,11 @@ export class AppText {
 
     this.fontSize = $event.detail.value;
 
-    if (!this.selectedElement || !this.selectedElement.element) {
+    if (!this.selectedTarget || !this.selectedTarget.target) {
       return;
     }
 
-    const size: string | undefined = toggleFontSize(this.selectedElement.element, this.fontSize);
+    const size: string | undefined = toggleFontSize(this.selectedTarget.target, this.fontSize);
 
     if (!size) {
       return;
diff --git a/studio/src/app/components/editor/deck/styles/image/app-image-choice/app-image-choice.tsx b/studio/src/app/components/editor/deck/styles/image/app-image-choice/app-image-choice.tsx
index cfb9c926b..fe8d53b9c 100644
--- a/studio/src/app/components/editor/deck/styles/image/app-image-choice/app-image-choice.tsx
+++ b/studio/src/app/components/editor/deck/styles/image/app-image-choice/app-image-choice.tsx
@@ -22,7 +22,7 @@ export class AppImageChoice {
   @Event() private action: EventEmitter<ImageAction>;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   slide: boolean = false;
diff --git a/studio/src/app/components/editor/deck/styles/slide/app-color-chart/app-color-chart.tsx b/studio/src/app/components/editor/deck/styles/slide/app-color-chart/app-color-chart.tsx
index 4be26be52..046c7b864 100644
--- a/studio/src/app/components/editor/deck/styles/slide/app-color-chart/app-color-chart.tsx
+++ b/studio/src/app/components/editor/deck/styles/slide/app-color-chart/app-color-chart.tsx
@@ -23,7 +23,7 @@ export class AppColorDeckSlide {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @State()
   private applyColorType: ApplyColorType = ApplyColorType.FILL;
@@ -41,11 +41,11 @@ export class AppColorDeckSlide {
   private colorRef!: HTMLAppColorElement;
 
   async componentWillLoad() {
-    this.chartType = await ChartUtils.initSlideChartType(this.selectedElement);
+    this.chartType = await ChartUtils.initSlideChartType(this.selectedTarget);
   }
 
   private initColor = async (): Promise<InitStyleColor> => {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return {
         rgb: null,
         opacity: null
@@ -54,16 +54,16 @@ export class AppColorDeckSlide {
 
     if (this.applyColorType === ApplyColorType.FILL) {
       return ColorUtils.splitColor(
-        this.hexOrRgb(this.selectedElement.style.getPropertyValue(`--deckgo-chart-fill-color-${this.colorIndex}`))
+        this.hexOrRgb(this.selectedTarget.style.getPropertyValue(`--deckgo-chart-fill-color-${this.colorIndex}`))
       );
     } else if (this.applyColorType === ApplyColorType.STROKE) {
-      return ColorUtils.splitColor(this.hexOrRgb(this.selectedElement.style.getPropertyValue(`--deckgo-chart-stroke-${this.colorIndex}`)));
+      return ColorUtils.splitColor(this.hexOrRgb(this.selectedTarget.style.getPropertyValue(`--deckgo-chart-stroke-${this.colorIndex}`)));
     } else if (this.applyColorType === ApplyColorType.AXIS) {
-      return ColorUtils.splitColor(this.selectedElement.style.getPropertyValue('--deckgo-chart-axis-color'));
+      return ColorUtils.splitColor(this.selectedTarget.style.getPropertyValue('--deckgo-chart-axis-color'));
     } else if (this.applyColorType === ApplyColorType.GRID) {
-      return ColorUtils.splitColor(this.selectedElement.style.getPropertyValue('--deckgo-chart-grid-stroke'));
+      return ColorUtils.splitColor(this.selectedTarget.style.getPropertyValue('--deckgo-chart-grid-stroke'));
     } else {
-      return ColorUtils.splitColor(this.selectedElement.style.getPropertyValue('--deckgo-chart-text-color'));
+      return ColorUtils.splitColor(this.selectedTarget.style.getPropertyValue('--deckgo-chart-text-color'));
     }
   };
 
@@ -83,22 +83,22 @@ export class AppColorDeckSlide {
   }
 
   private async applyColor($event: CustomEvent<string>) {
-    if (!this.selectedElement || !$event) {
+    if (!this.selectedTarget || !$event) {
       return;
     }
 
     const selectedColor: string = $event.detail;
 
     if (this.applyColorType === ApplyColorType.FILL) {
-      this.selectedElement.style.setProperty(`--deckgo-chart-fill-color-${this.colorIndex}`, selectedColor);
+      this.selectedTarget.style.setProperty(`--deckgo-chart-fill-color-${this.colorIndex}`, selectedColor);
     } else if (this.applyColorType === ApplyColorType.STROKE) {
-      this.selectedElement.style.setProperty(`--deckgo-chart-stroke-${this.colorIndex}`, selectedColor);
+      this.selectedTarget.style.setProperty(`--deckgo-chart-stroke-${this.colorIndex}`, selectedColor);
     } else if (this.applyColorType === ApplyColorType.AXIS) {
-      this.selectedElement.style.setProperty('--deckgo-chart-axis-color', selectedColor);
+      this.selectedTarget.style.setProperty('--deckgo-chart-axis-color', selectedColor);
     } else if (this.applyColorType === ApplyColorType.GRID) {
-      this.selectedElement.style.setProperty('--deckgo-chart-grid-stroke', selectedColor);
+      this.selectedTarget.style.setProperty('--deckgo-chart-grid-stroke', selectedColor);
     } else {
-      this.selectedElement.style.setProperty('--deckgo-chart-text-color', selectedColor);
+      this.selectedTarget.style.setProperty('--deckgo-chart-text-color', selectedColor);
     }
 
     this.colorChange.emit();
@@ -119,20 +119,20 @@ export class AppColorDeckSlide {
   }
 
   private async resetColor() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
     if (this.applyColorType === ApplyColorType.FILL) {
-      this.selectedElement.style.removeProperty(`--deckgo-chart-fill-color-${this.colorIndex}`);
+      this.selectedTarget.style.removeProperty(`--deckgo-chart-fill-color-${this.colorIndex}`);
     } else if (this.applyColorType === ApplyColorType.STROKE) {
-      this.selectedElement.style.removeProperty(`--deckgo-chart-stroke-${this.colorIndex}`);
+      this.selectedTarget.style.removeProperty(`--deckgo-chart-stroke-${this.colorIndex}`);
     } else if (this.applyColorType === ApplyColorType.AXIS) {
-      this.selectedElement.style.removeProperty('--deckgo-chart-axis-color');
+      this.selectedTarget.style.removeProperty('--deckgo-chart-axis-color');
     } else if (this.applyColorType === ApplyColorType.GRID) {
-      this.selectedElement.style.removeProperty('--deckgo-chart-grid-stroke');
+      this.selectedTarget.style.removeProperty('--deckgo-chart-grid-stroke');
     } else {
-      this.selectedElement.style.removeProperty('--deckgo-chart-text-color');
+      this.selectedTarget.style.removeProperty('--deckgo-chart-text-color');
     }
 
     this.colorChange.emit();
diff --git a/studio/src/app/components/editor/deck/styles/slide/app-color-qrcode/app-color-qrcode.tsx b/studio/src/app/components/editor/deck/styles/slide/app-color-qrcode/app-color-qrcode.tsx
index 3d836ed57..709b02a65 100644
--- a/studio/src/app/components/editor/deck/styles/slide/app-color-qrcode/app-color-qrcode.tsx
+++ b/studio/src/app/components/editor/deck/styles/slide/app-color-qrcode/app-color-qrcode.tsx
@@ -16,7 +16,7 @@ export class AppColorQRCode {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @State()
   private applyColorType: ApplyColorType = ApplyColorType.QR_CODE;
@@ -26,7 +26,7 @@ export class AppColorQRCode {
   private colorRef!: HTMLAppColorElement;
 
   private initColor = async (): Promise<InitStyleColor> => {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return {
         rgb: null,
         opacity: null
@@ -34,9 +34,9 @@ export class AppColorQRCode {
     }
 
     if (this.applyColorType === ApplyColorType.BACKDROP) {
-      return ColorUtils.splitColor(this.selectedElement.style.getPropertyValue('--deckgo-qrcode-background-fill'));
+      return ColorUtils.splitColor(this.selectedTarget.style.getPropertyValue('--deckgo-qrcode-background-fill'));
     } else {
-      return ColorUtils.splitColor(this.selectedElement.style.getPropertyValue('--deckgo-qrcode-color-fill'));
+      return ColorUtils.splitColor(this.selectedTarget.style.getPropertyValue('--deckgo-qrcode-color-fill'));
     }
   };
 
@@ -49,28 +49,28 @@ export class AppColorQRCode {
   }
 
   private async resetColor() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
     if (this.applyColorType === ApplyColorType.BACKDROP) {
-      this.selectedElement.style.removeProperty('--deckgo-qrcode-background-fill');
+      this.selectedTarget.style.removeProperty('--deckgo-qrcode-background-fill');
     } else {
-      this.selectedElement.style.removeProperty('--deckgo-qrcode-color-fill');
+      this.selectedTarget.style.removeProperty('--deckgo-qrcode-color-fill');
     }
 
     this.colorChange.emit();
   }
 
   private async applyColor($event: CustomEvent<string>) {
-    if (!this.selectedElement || !$event) {
+    if (!this.selectedTarget || !$event) {
       return;
     }
 
     if (this.applyColorType === ApplyColorType.BACKDROP) {
-      this.selectedElement.style.setProperty('--deckgo-qrcode-background-fill', $event.detail);
+      this.selectedTarget.style.setProperty('--deckgo-qrcode-background-fill', $event.detail);
     } else {
-      this.selectedElement.style.setProperty('--deckgo-qrcode-color-fill', $event.detail);
+      this.selectedTarget.style.setProperty('--deckgo-qrcode-color-fill', $event.detail);
     }
 
     this.colorChange.emit();
diff --git a/studio/src/app/components/editor/deck/styles/slide/app-color-sides/app-color-sides.tsx b/studio/src/app/components/editor/deck/styles/slide/app-color-sides/app-color-sides.tsx
index e1f41cee8..a83a425ee 100644
--- a/studio/src/app/components/editor/deck/styles/slide/app-color-sides/app-color-sides.tsx
+++ b/studio/src/app/components/editor/deck/styles/slide/app-color-sides/app-color-sides.tsx
@@ -21,7 +21,7 @@ export class AppColorSides {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   template: 'split' | 'author';
@@ -37,7 +37,7 @@ export class AppColorSides {
   private colorRef!: HTMLAppColorElement;
 
   private initColor = async (): Promise<InitStyleColor> => {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return {
         rgb: null,
         opacity: null
@@ -45,9 +45,9 @@ export class AppColorSides {
     }
 
     if (this.applyColorType === ApplyColorType.BACKGROUND) {
-      return ColorUtils.splitColor(this.selectedElement.style.getPropertyValue(`--slide-${this.template}-background-${this.side}`));
+      return ColorUtils.splitColor(this.selectedTarget.style.getPropertyValue(`--slide-${this.template}-background-${this.side}`));
     } else {
-      return ColorUtils.splitColor(this.selectedElement.style.getPropertyValue(`--slide-${this.template}-color-${this.side}`));
+      return ColorUtils.splitColor(this.selectedTarget.style.getPropertyValue(`--slide-${this.template}-color-${this.side}`));
     }
   };
 
@@ -60,28 +60,28 @@ export class AppColorSides {
   }
 
   private async resetColor() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
     if (this.applyColorType === ApplyColorType.BACKGROUND) {
-      this.selectedElement.style.removeProperty(`--slide-${this.template}-background-${this.side}`);
+      this.selectedTarget.style.removeProperty(`--slide-${this.template}-background-${this.side}`);
     } else {
-      this.selectedElement.style.removeProperty(`--slide-${this.template}-color-${this.side}`);
+      this.selectedTarget.style.removeProperty(`--slide-${this.template}-color-${this.side}`);
     }
 
     this.colorChange.emit();
   }
 
   private async applyColor($event: CustomEvent<string>) {
-    if (!this.selectedElement || !$event) {
+    if (!this.selectedTarget || !$event) {
       return;
     }
 
     if (this.applyColorType === ApplyColorType.BACKGROUND) {
-      this.selectedElement.style.setProperty(`--slide-${this.template}-background-${this.side}`, $event.detail);
+      this.selectedTarget.style.setProperty(`--slide-${this.template}-background-${this.side}`, $event.detail);
     } else {
-      this.selectedElement.style.setProperty(`--slide-${this.template}-color-${this.side}`, $event.detail);
+      this.selectedTarget.style.setProperty(`--slide-${this.template}-color-${this.side}`, $event.detail);
     }
 
     this.colorChange.emit();
diff --git a/studio/src/app/editors/app-deck-editor/app-deck-editor.tsx b/studio/src/app/editors/app-deck-editor/app-deck-editor.tsx
index 994cfc3f5..4f25f35ae 100644
--- a/studio/src/app/editors/app-deck-editor/app-deck-editor.tsx
+++ b/studio/src/app/editors/app-deck-editor/app-deck-editor.tsx
@@ -465,14 +465,14 @@ export class AppDeckEditor implements ComponentInterface {
         return;
       }
 
-      const selectedElement: HTMLElement = $event.detail;
+      const selectedTarget: HTMLElement = $event.detail;
 
-      if (isSlide(selectedElement)) {
+      if (isSlide(selectedTarget)) {
         resolve();
         return;
       }
 
-      const slide: HTMLElement = selectedElement.parentElement;
+      const slide: HTMLElement = selectedTarget.parentElement;
 
       if (!slide || !slide.parentNode) {
         resolve();
diff --git a/studio/src/app/helpers/editor/image.helper.ts b/studio/src/app/helpers/editor/image.helper.ts
index 8c46f8bd6..bd4f03582 100644
--- a/studio/src/app/helpers/editor/image.helper.ts
+++ b/studio/src/app/helpers/editor/image.helper.ts
@@ -21,35 +21,35 @@ export class ImageHelper {
     private signIn: EventEmitter<void>
   ) {}
 
-  async imageAction(selectedElement: HTMLElement, slide: boolean, deck: boolean, imageAction: ImageAction) {
+  async imageAction(selectedTarget: HTMLElement, slide: boolean, deck: boolean, imageAction: ImageAction) {
     if (imageAction.action === EditAction.OPEN_UNSPLASH) {
-      await this.openModal(selectedElement, slide, deck, 'app-unsplash');
+      await this.openModal(selectedTarget, slide, deck, 'app-unsplash');
     } else if (imageAction.action === EditAction.DELETE_BACKGROUND) {
-      await this.deleteBackground(selectedElement, slide, deck);
+      await this.deleteBackground(selectedTarget, slide, deck);
     } else if (imageAction.action === EditAction.ADD_IMAGE && imageAction.image) {
-      await this.appendImage(selectedElement, slide, deck, imageAction.image);
+      await this.appendImage(selectedTarget, slide, deck, imageAction.image);
     } else if (imageAction.action === EditAction.OPEN_GIFS) {
-      await this.openModal(selectedElement, slide, deck, 'app-gif');
+      await this.openModal(selectedTarget, slide, deck, 'app-gif');
     } else if (imageAction.action === EditAction.OPEN_CUSTOM) {
-      await this.openModal(selectedElement, slide, deck, 'app-storage-images', EditAction.OPEN_CUSTOM);
+      await this.openModal(selectedTarget, slide, deck, 'app-storage-images', EditAction.OPEN_CUSTOM);
     } else if (imageAction.action === EditAction.OPEN_SVG_WAVES) {
-      await this.openModal(selectedElement, slide, deck, 'app-waves');
+      await this.openModal(selectedTarget, slide, deck, 'app-waves');
     }
   }
 
-  async openModal(selectedElement: HTMLElement, slide: boolean, deck: boolean, componentTag: string, action?: EditAction) {
+  async openModal(selectedTarget: HTMLElement, slide: boolean, deck: boolean, componentTag: string, action?: EditAction) {
     const modal: HTMLIonModalElement = await modalController.create({
       component: componentTag
     });
 
     modal.onDidDismiss().then(async (detail: OverlayEventDetail) => {
-      if (detail && detail.data && selectedElement) {
+      if (detail && detail.data && selectedTarget) {
         if (action === EditAction.OPEN_CUSTOM_LOGO) {
-          await this.updateSlideAttribute(selectedElement, detail.data, 'img-src');
+          await this.updateSlideAttribute(selectedTarget, detail.data, 'img-src');
         } else if (action === EditAction.OPEN_DATA) {
-          await this.updateSlideAttribute(selectedElement, detail.data, 'src');
+          await this.updateSlideAttribute(selectedTarget, detail.data, 'src');
         } else {
-          await this.appendImage(selectedElement, slide, deck, detail.data);
+          await this.appendImage(selectedTarget, slide, deck, detail.data);
         }
       }
 
@@ -61,23 +61,23 @@ export class ImageHelper {
     await modal.present();
   }
 
-  async openCustomModalRestricted(selectedElement: HTMLElement, slide: boolean, deck: boolean, componentTag: string, action: EditAction) {
+  async openCustomModalRestricted(selectedTarget: HTMLElement, slide: boolean, deck: boolean, componentTag: string, action: EditAction) {
     if (!authStore.state.authUser) {
       this.signIn.emit();
       return;
     }
 
-    await this.openModal(selectedElement, slide, deck, componentTag, action);
+    await this.openModal(selectedTarget, slide, deck, componentTag, action);
   }
 
   private appendImage(
-    selectedElement: HTMLElement,
+    selectedTarget: HTMLElement,
     slide: boolean,
     deck: boolean,
     image: UnsplashPhoto | TenorGif | StorageFile | Waves
   ): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!selectedElement || !image || !document) {
+      if (!selectedTarget || !image || !document) {
         resolve();
         return;
       }
@@ -85,18 +85,18 @@ export class ImageHelper {
       busyStore.state.busy = true;
 
       if (slide || deck) {
-        await this.appendBackgroundImg(selectedElement, image as UnsplashPhoto | TenorGif | StorageFile, deck);
+        await this.appendBackgroundImg(selectedTarget, image as UnsplashPhoto | TenorGif | StorageFile, deck);
       } else {
-        await this.appendContentImg(selectedElement, image as UnsplashPhoto | TenorGif | StorageFile);
+        await this.appendContentImg(selectedTarget, image as UnsplashPhoto | TenorGif | StorageFile);
       }
 
       resolve();
     });
   }
 
-  private deleteBackground(selectedElement: HTMLElement, slide: boolean, deck: boolean): Promise<void> {
+  private deleteBackground(selectedTarget: HTMLElement, slide: boolean, deck: boolean): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!selectedElement || !document) {
+      if (!selectedTarget || !document) {
         resolve();
         return;
       }
@@ -106,27 +106,27 @@ export class ImageHelper {
         return;
       }
 
-      const currentSlotElement: HTMLElement = selectedElement.querySelector(":scope > [slot='background']");
+      const currentSlotElement: HTMLElement = selectedTarget.querySelector(":scope > [slot='background']");
 
       if (currentSlotElement) {
         busyStore.state.busy = true;
 
         if (deck) {
-          selectedElement.removeChild(currentSlotElement);
+          selectedTarget.removeChild(currentSlotElement);
 
-          this.didChange.emit(selectedElement);
+          this.didChange.emit(selectedTarget);
 
-          await (selectedElement as HTMLDeckgoDeckElement).loadBackground();
-        } else if (selectedElement.hasAttribute('custom-background')) {
-          selectedElement.removeChild(currentSlotElement);
+          await (selectedTarget as HTMLDeckgoDeckElement).loadBackground();
+        } else if (selectedTarget.hasAttribute('custom-background')) {
+          selectedTarget.removeChild(currentSlotElement);
 
-          selectedElement.removeAttribute('custom-background');
+          selectedTarget.removeAttribute('custom-background');
 
-          this.didChange.emit(selectedElement);
+          this.didChange.emit(selectedTarget);
 
           // Refresh background, deck might have one defined which need to be replicated on the slide which
-          if (selectedElement.parentElement) {
-            await (selectedElement.parentElement as HTMLDeckgoDeckElement).loadBackground();
+          if (selectedTarget.parentElement) {
+            await (selectedTarget.parentElement as HTMLDeckgoDeckElement).loadBackground();
           }
         }
       }
@@ -135,11 +135,11 @@ export class ImageHelper {
     });
   }
 
-  private appendContentImg(selectedElement: HTMLElement, image: UnsplashPhoto | TenorGif | StorageFile): Promise<void> {
+  private appendContentImg(selectedTarget: HTMLElement, image: UnsplashPhoto | TenorGif | StorageFile): Promise<void> {
     return new Promise<void>((resolve) => {
-      let element: HTMLDeckgoLazyImgElement = SlotUtils.isNodeReveal(selectedElement)
-        ? (selectedElement.firstElementChild as HTMLDeckgoLazyImgElement)
-        : (selectedElement as HTMLDeckgoLazyImgElement);
+      let element: HTMLDeckgoLazyImgElement = SlotUtils.isNodeReveal(selectedTarget)
+        ? (selectedTarget.firstElementChild as HTMLDeckgoLazyImgElement)
+        : (selectedTarget as HTMLDeckgoLazyImgElement);
 
       if (element.nodeName?.toLowerCase() === SlotType.IMG) {
         element = initDeckgoLazyImgAttributes({element, image});
@@ -164,28 +164,28 @@ export class ImageHelper {
   }
 
   private async appendBackgroundImg(
-    selectedElement: HTMLElement,
+    selectedTarget: HTMLElement,
     image: UnsplashPhoto | TenorGif | StorageFile | Waves,
     deck: boolean
   ): Promise<void> {
-    const currentSlotElement: HTMLElement = selectedElement.querySelector(":scope > [slot='background']");
+    const currentSlotElement: HTMLElement = selectedTarget.querySelector(":scope > [slot='background']");
 
     if (currentSlotElement) {
-      selectedElement.removeChild(currentSlotElement);
+      selectedTarget.removeChild(currentSlotElement);
     }
 
     const div: HTMLElement = document.createElement('div');
     div.setAttribute('slot', 'background');
 
     if (image.hasOwnProperty('viewBox')) {
-      await this.appendChildSvg(selectedElement, div, image as Waves, deck);
+      await this.appendChildSvg(selectedTarget, div, image as Waves, deck);
       return;
     }
 
-    await this.appendChildImg(selectedElement, div, image as UnsplashPhoto | TenorGif | StorageFile, deck);
+    await this.appendChildImg(selectedTarget, div, image as UnsplashPhoto | TenorGif | StorageFile, deck);
   }
 
-  private async appendChildSvg(selectedElement: HTMLElement, div: HTMLElement, waves: Waves, deck: boolean) {
+  private async appendChildSvg(selectedTarget: HTMLElement, div: HTMLElement, waves: Waves, deck: boolean) {
     const svgns = 'http://www.w3.org/2000/svg';
 
     const svg: SVGSVGElement = document.createElementNS(svgns, 'svg');
@@ -202,19 +202,19 @@ export class ImageHelper {
 
     div.appendChild(svg);
 
-    selectedElement.appendChild(div);
+    selectedTarget.appendChild(div);
 
     if (deck) {
-      await (selectedElement as HTMLDeckgoDeckElement).loadBackground();
+      await (selectedTarget as HTMLDeckgoDeckElement).loadBackground();
     } else {
-      selectedElement.setAttribute('custom-background', '');
+      selectedTarget.setAttribute('custom-background', '');
     }
 
-    this.didChange.emit(selectedElement);
+    this.didChange.emit(selectedTarget);
   }
 
   private async appendChildImg(
-    selectedElement: HTMLElement,
+    selectedTarget: HTMLElement,
     div: HTMLElement,
     image: UnsplashPhoto | TenorGif | StorageFile,
     deck: boolean
@@ -224,53 +224,53 @@ export class ImageHelper {
     const img: HTMLElement = initDeckgoLazyImgAttributes({element: deckgoImg, image, background: true});
     div.appendChild(img);
 
-    selectedElement.appendChild(div);
+    selectedTarget.appendChild(div);
 
     if (deck) {
       // prettier-ignore
       img.addEventListener("lazyImgDidLoad", async () => {
-        await (selectedElement as HTMLDeckgoDeckElement).loadBackground();
-        this.didChange.emit(selectedElement);
+        await (selectedTarget as HTMLDeckgoDeckElement).loadBackground();
+        this.didChange.emit(selectedTarget);
       }, { once: true });
     } else {
-      selectedElement.setAttribute('custom-background', '');
+      selectedTarget.setAttribute('custom-background', '');
 
       // prettier-ignore
       img.addEventListener("lazyImgDidLoad", async () => {
-        this.didChange.emit(selectedElement);
+        this.didChange.emit(selectedTarget);
       }, { once: true });
     }
   }
 
-  deleteSlideAttributeImgSrc(selectedElement: HTMLElement): Promise<void> {
+  deleteSlideAttributeImgSrc(selectedTarget: HTMLElement): Promise<void> {
     return new Promise<void>((resolve) => {
-      if (!selectedElement) {
+      if (!selectedTarget) {
         resolve();
         return;
       }
 
       busyStore.state.busy = true;
 
-      selectedElement.removeAttribute('img-src');
+      selectedTarget.removeAttribute('img-src');
 
-      this.didChange.emit(selectedElement);
+      this.didChange.emit(selectedTarget);
 
       resolve();
     });
   }
 
-  private updateSlideAttribute(selectedElement: HTMLElement, image: StorageFile, attribute: string): Promise<void> {
+  private updateSlideAttribute(selectedTarget: HTMLElement, image: StorageFile, attribute: string): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!selectedElement || !image || !attribute) {
+      if (!selectedTarget || !image || !attribute) {
         resolve();
         return;
       }
 
       busyStore.state.busy = true;
 
-      selectedElement.setAttribute(attribute, image.downloadUrl);
+      selectedTarget.setAttribute(attribute, image.downloadUrl);
 
-      this.didChange.emit(selectedElement);
+      this.didChange.emit(selectedTarget);
 
       resolve();
     });
diff --git a/studio/src/app/menus/code.menu.ts b/studio/src/app/menus/code.menu.ts
index 0fb3fe463..3e006785d 100644
--- a/studio/src/app/menus/code.menu.ts
+++ b/studio/src/app/menus/code.menu.ts
@@ -27,7 +27,7 @@ export const codeMenu: StyloMenu = {
         const popover: HTMLIonPopoverElement = await popoverController.create({
           component: 'app-code',
           componentProps: {
-            selectedElement: paragraph
+            selectedTarget: paragraph
           },
           mode: 'ios',
           showBackdrop: false,
diff --git a/studio/src/app/modals/editor/app-code-languages/app-code-languages.tsx b/studio/src/app/modals/editor/app-code-languages/app-code-languages.tsx
index a505a44df..4c76761c3 100644
--- a/studio/src/app/modals/editor/app-code-languages/app-code-languages.tsx
+++ b/studio/src/app/modals/editor/app-code-languages/app-code-languages.tsx
@@ -16,7 +16,7 @@ export class AppCodeLanguages {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   codeDidChange: EventEmitter<HTMLElement> | undefined;
@@ -68,7 +68,7 @@ export class AppCodeLanguages {
 
   private selectCodeLanguage(language: PrismLanguage): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
@@ -78,7 +78,7 @@ export class AppCodeLanguages {
         return;
       }
 
-      const currentLanguage: string = this.selectedElement.getAttribute('language');
+      const currentLanguage: string = this.selectedTarget.getAttribute('language');
 
       if (language.language === currentLanguage) {
         await this.closeModal(language);
@@ -87,12 +87,12 @@ export class AppCodeLanguages {
         return;
       }
 
-      this.selectedElement.setAttribute('language', language.language);
+      this.selectedTarget.setAttribute('language', language.language);
 
       // Reload component with new language
-      await (this.selectedElement as any).load();
+      await (this.selectedTarget as any).load();
 
-      this.codeDidChange?.emit(this.selectedElement);
+      this.codeDidChange?.emit(this.selectedTarget);
 
       await this.closeModal(language);
 
diff --git a/studio/src/app/modals/editor/app-demo/app-demo.tsx b/studio/src/app/modals/editor/app-demo/app-demo.tsx
index 51096982a..194aa8442 100644
--- a/studio/src/app/modals/editor/app-demo/app-demo.tsx
+++ b/studio/src/app/modals/editor/app-demo/app-demo.tsx
@@ -20,11 +20,11 @@ export class AppDemo {
   private demoMode: 'md' | 'ios' = 'md';
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   componentWillLoad() {
-    if (this.selectedElement) {
-      const demo: HTMLElement = this.selectedElement.querySelector('deckgo-demo');
+    if (this.selectedTarget) {
+      const demo: HTMLElement = this.selectedTarget.querySelector('deckgo-demo');
 
       if (demo) {
         this.demoSrc = demo.getAttribute('src');
diff --git a/studio/src/app/modals/editor/app-notes/app-notes.tsx b/studio/src/app/modals/editor/app-notes/app-notes.tsx
index cb180c3e9..f14d81af9 100644
--- a/studio/src/app/modals/editor/app-notes/app-notes.tsx
+++ b/studio/src/app/modals/editor/app-notes/app-notes.tsx
@@ -14,14 +14,14 @@ export class AppNotes {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @State()
   private notes: string;
 
   componentWillLoad() {
-    if (this.selectedElement) {
-      const element: HTMLElement = this.selectedElement.querySelector('[slot="notes"]');
+    if (this.selectedTarget) {
+      const element: HTMLElement = this.selectedTarget.querySelector('[slot="notes"]');
 
       this.notes = element ? element.innerText : undefined;
     }
@@ -41,7 +41,7 @@ export class AppNotes {
   }
 
   async save() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       await this.closeModal();
       return;
     }
@@ -53,13 +53,13 @@ export class AppNotes {
 
     const text: Text = document.createTextNode(this.notes);
 
-    let element: HTMLElement = this.selectedElement.querySelector('[slot="notes"]');
+    let element: HTMLElement = this.selectedTarget.querySelector('[slot="notes"]');
 
     if (!element) {
       element = document.createElement('div');
       element.setAttribute('slot', 'notes');
 
-      this.selectedElement.appendChild(element);
+      this.selectedTarget.appendChild(element);
 
       element.appendChild(text);
     } else {
@@ -70,12 +70,12 @@ export class AppNotes {
   }
 
   async delete() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       await this.closeModal();
       return;
     }
 
-    let element: HTMLElement = this.selectedElement.querySelector('[slot="notes"]');
+    let element: HTMLElement = this.selectedTarget.querySelector('[slot="notes"]');
 
     if (!element) {
       await this.closeModal();
diff --git a/studio/src/app/modals/editor/app-playground/app-playground.tsx b/studio/src/app/modals/editor/app-playground/app-playground.tsx
index 7c4ed52b6..6c3a18add 100644
--- a/studio/src/app/modals/editor/app-playground/app-playground.tsx
+++ b/studio/src/app/modals/editor/app-playground/app-playground.tsx
@@ -17,7 +17,7 @@ export class AppPlayground {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @State()
   private playgroundSrc: string;
@@ -29,12 +29,12 @@ export class AppPlayground {
   private supportsTheme: boolean = true;
 
   componentWillLoad() {
-    if (this.selectedElement) {
-      this.playgroundSrc = this.selectedElement.getAttribute('src');
+    if (this.selectedTarget) {
+      this.playgroundSrc = this.selectedTarget.getAttribute('src');
 
       this.playgroundTheme =
-        this.selectedElement && this.selectedElement.hasAttribute('theme')
-          ? (this.selectedElement.getAttribute('theme') as DeckdeckgoPlaygroundTheme)
+        this.selectedTarget && this.selectedTarget.hasAttribute('theme')
+          ? (this.selectedTarget.getAttribute('theme') as DeckdeckgoPlaygroundTheme)
           : DeckdeckgoPlaygroundTheme.DEFAULT;
 
       this.initSupportsTheme();
diff --git a/studio/src/app/modals/editor/app-poll-options/app-poll-options.tsx b/studio/src/app/modals/editor/app-poll-options/app-poll-options.tsx
index 4ba321673..cccbeda7a 100644
--- a/studio/src/app/modals/editor/app-poll-options/app-poll-options.tsx
+++ b/studio/src/app/modals/editor/app-poll-options/app-poll-options.tsx
@@ -12,7 +12,7 @@ export class AppPollOptions {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   slideDidChange: EventEmitter<HTMLElement>;
@@ -40,13 +40,13 @@ export class AppPollOptions {
 
   private isPollAnswered(): Promise<boolean> {
     return new Promise<boolean>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve(false);
         return;
       }
 
-      if (typeof (this.selectedElement as any).isAnswered === 'function') {
-        const result: boolean = await (this.selectedElement as any).isAnswered();
+      if (typeof (this.selectedTarget as any).isAnswered === 'function') {
+        const result: boolean = await (this.selectedTarget as any).isAnswered();
         resolve(result);
         return;
       }
@@ -57,12 +57,12 @@ export class AppPollOptions {
 
   private initQuestion(): Promise<string | undefined> {
     return new Promise<string | undefined>((resolve) => {
-      if (!this.selectedElement || this.selectedElement === undefined) {
+      if (!this.selectedTarget || this.selectedTarget === undefined) {
         resolve(undefined);
         return;
       }
 
-      const slot: HTMLElement = this.selectedElement.querySelector(":scope > [slot='question']");
+      const slot: HTMLElement = this.selectedTarget.querySelector(":scope > [slot='question']");
 
       resolve(!slot ? undefined : slot.innerHTML);
     });
@@ -70,12 +70,12 @@ export class AppPollOptions {
 
   private initAnswers(): Promise<string[]> {
     return new Promise<string[]>((resolve) => {
-      if (!this.selectedElement || this.selectedElement === undefined) {
+      if (!this.selectedTarget || this.selectedTarget === undefined) {
         resolve(this.initEmptyAnswers());
         return;
       }
 
-      const slots: NodeListOf<HTMLElement> = this.selectedElement.querySelectorAll(':scope > [slot]');
+      const slots: NodeListOf<HTMLElement> = this.selectedTarget.querySelectorAll(':scope > [slot]');
 
       if (!slots || slots.length <= 0) {
         resolve(this.initEmptyAnswers());
@@ -170,12 +170,12 @@ export class AppPollOptions {
 
   private updateSlide(): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement || this.selectedElement === undefined || !document) {
+      if (!this.selectedTarget || this.selectedTarget === undefined || !document) {
         resolve(undefined);
         return;
       }
 
-      const slots: NodeListOf<HTMLElement> = this.selectedElement.querySelectorAll(':scope > [slot]');
+      const slots: NodeListOf<HTMLElement> = this.selectedTarget.querySelectorAll(':scope > [slot]');
 
       if (!slots || slots.length <= 0) {
         resolve();
@@ -193,7 +193,7 @@ export class AppPollOptions {
 
       await Promise.all(promises);
 
-      this.slideDidChange.emit(this.selectedElement);
+      this.slideDidChange.emit(this.selectedTarget);
 
       resolve();
     });
@@ -201,20 +201,20 @@ export class AppPollOptions {
 
   private updateSlot(slotName: string, elementName: string, value: string): Promise<void> {
     return new Promise<void>((resolve) => {
-      const slot: HTMLElement = this.selectedElement.querySelector(`:scope > [slot=\'${slotName}\']`);
+      const slot: HTMLElement = this.selectedTarget.querySelector(`:scope > [slot=\'${slotName}\']`);
       if (!slot) {
         if (value && value !== undefined && value !== '') {
           const newSlot: HTMLElement = document.createElement(elementName);
           newSlot.setAttribute('slot', slotName);
           newSlot.innerHTML = value;
 
-          this.selectedElement.appendChild(newSlot);
+          this.selectedTarget.appendChild(newSlot);
         }
       } else {
         if (value && value !== undefined && value !== '') {
           slot.innerHTML = value;
         } else {
-          this.selectedElement.removeChild(slot);
+          this.selectedTarget.removeChild(slot);
         }
       }
 
diff --git a/studio/src/app/modals/editor/app-youtube/app-youtube.tsx b/studio/src/app/modals/editor/app-youtube/app-youtube.tsx
index 311983d24..528943087 100644
--- a/studio/src/app/modals/editor/app-youtube/app-youtube.tsx
+++ b/studio/src/app/modals/editor/app-youtube/app-youtube.tsx
@@ -15,11 +15,11 @@ export class AppYoutube {
   private youtubeUrl: string;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   componentWillLoad() {
-    if (this.selectedElement) {
-      this.youtubeUrl = this.selectedElement.getAttribute('src');
+    if (this.selectedTarget) {
+      this.youtubeUrl = this.selectedTarget.getAttribute('src');
     }
   }
 
diff --git a/studio/src/app/popovers/editor/actions/app-copy-style/app-copy-style.tsx b/studio/src/app/popovers/editor/actions/app-copy-style/app-copy-style.tsx
index adaca652b..dd7c29f3d 100644
--- a/studio/src/app/popovers/editor/actions/app-copy-style/app-copy-style.tsx
+++ b/studio/src/app/popovers/editor/actions/app-copy-style/app-copy-style.tsx
@@ -11,14 +11,14 @@ export class AppCopyStyle {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   private async closePopover() {
     await (this.el.closest('ion-popover') as HTMLIonPopoverElement).dismiss();
   }
 
   private async copyStyle() {
-    const style: string | null = this.selectedElement?.getAttribute('style');
+    const style: string | null = this.selectedTarget?.getAttribute('style');
     deckEditorStore.state.style = style && style !== '' ? style : null;
 
     await this.closePopover();
@@ -29,7 +29,7 @@ export class AppCopyStyle {
       return;
     }
 
-    this.selectedElement.setAttribute('style', deckEditorStore.state.style);
+    this.selectedTarget.setAttribute('style', deckEditorStore.state.style);
 
     await this.closePopover();
   }
diff --git a/studio/src/app/popovers/editor/app-code/app-code.tsx b/studio/src/app/popovers/editor/app-code/app-code.tsx
index 2718462f7..3b5964abf 100644
--- a/studio/src/app/popovers/editor/app-code/app-code.tsx
+++ b/studio/src/app/popovers/editor/app-code/app-code.tsx
@@ -19,7 +19,7 @@ export class AppCode {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   codeDidChange: EventEmitter<HTMLElement> | undefined;
@@ -44,24 +44,24 @@ export class AppCode {
   private async initCurrent() {
     await this.initCurrentLanguage();
 
-    this.lineNumbers = this.selectedElement && this.selectedElement.hasAttribute('line-numbers');
+    this.lineNumbers = this.selectedTarget && this.selectedTarget.hasAttribute('line-numbers');
 
-    this.highlightLines = this.selectedElement?.getAttribute('highlight-lines') ?? null;
+    this.highlightLines = this.selectedTarget?.getAttribute('highlight-lines') ?? null;
   }
 
   private async initCurrentLanguage() {
     const language: string =
-      this.selectedElement && this.selectedElement.getAttribute('language') ? this.selectedElement.getAttribute('language') : 'javascript';
+      this.selectedTarget && this.selectedTarget.getAttribute('language') ? this.selectedTarget.getAttribute('language') : 'javascript';
     this.currentLanguage = await getCodeLanguage(language);
   }
 
   private emitCodeDidChange() {
-    this.codeDidChange?.emit(this.selectedElement);
+    this.codeDidChange?.emit(this.selectedTarget);
   }
 
   private toggleLineNumbers($event: CustomEvent): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
@@ -71,7 +71,7 @@ export class AppCode {
         return;
       }
 
-      this.selectedElement.setAttribute('line-numbers', $event.detail.checked);
+      this.selectedTarget.setAttribute('line-numbers', $event.detail.checked);
 
       this.emitCodeDidChange();
 
@@ -83,7 +83,7 @@ export class AppCode {
     const modal: HTMLIonModalElement = await modalController.create({
       component: 'app-code-languages',
       componentProps: {
-        selectedElement: this.selectedElement,
+        selectedTarget: this.selectedTarget,
         codeDidChange: this.codeDidChange,
         currentLanguage: this.currentLanguage
       }
@@ -103,18 +103,18 @@ export class AppCode {
   }
 
   private async highlightSelectedLines() {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
     if (this.highlightLines && this.highlightLines.length > 0) {
-      this.selectedElement.setAttribute('highlight-lines', this.highlightLines);
+      this.selectedTarget.setAttribute('highlight-lines', this.highlightLines);
     } else {
-      this.selectedElement.removeAttribute('highlight-lines');
+      this.selectedTarget.removeAttribute('highlight-lines');
     }
 
     // Reload component with new lines to highlight
-    await (this.selectedElement as HTMLDeckgoHighlightCodeElement).load();
+    await (this.selectedTarget as HTMLDeckgoHighlightCodeElement).load();
 
     this.emitCodeDidChange();
   }
diff --git a/studio/src/app/popovers/editor/app-image-element/app-image-element.tsx b/studio/src/app/popovers/editor/app-image-element/app-image-element.tsx
index 2939c159c..f78f53c45 100644
--- a/studio/src/app/popovers/editor/app-image-element/app-image-element.tsx
+++ b/studio/src/app/popovers/editor/app-image-element/app-image-element.tsx
@@ -12,7 +12,7 @@ export class AppImageElement {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   slide: boolean = false;
@@ -34,7 +34,7 @@ export class AppImageElement {
         <app-close-menu slot="end" onClose={() => this.closePopoverWithoutResults()}></app-close-menu>
       </ion-toolbar>,
       <app-image-choice
-        selectedElement={this.selectedElement}
+        selectedTarget={this.selectedTarget}
         slide={this.slide}
         onAction={($event: CustomEvent<ImageAction>) => this.onAction($event)}></app-image-choice>
     ];
diff --git a/studio/src/app/popovers/editor/app-math/app-math.tsx b/studio/src/app/popovers/editor/app-math/app-math.tsx
index 67e3cda97..47da2509c 100644
--- a/studio/src/app/popovers/editor/app-math/app-math.tsx
+++ b/studio/src/app/popovers/editor/app-math/app-math.tsx
@@ -10,7 +10,7 @@ export class AppMath {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   mathDidChange: EventEmitter<HTMLElement>;
@@ -29,11 +29,11 @@ export class AppMath {
   }
 
   private async initCurrent(): Promise<void> {
-    this.macros = this.selectedElement ? this.selectedElement.getAttribute('macros') : undefined;
+    this.macros = this.selectedTarget ? this.selectedTarget.getAttribute('macros') : undefined;
   }
 
   private emitMathDidChange() {
-    this.mathDidChange.emit(this.selectedElement);
+    this.mathDidChange.emit(this.selectedTarget);
   }
 
   private handleMacrosInput($event: CustomEvent<KeyboardEvent>) {
@@ -41,14 +41,14 @@ export class AppMath {
   }
 
   private async applyMacrosInput(): Promise<void> {
-    if (!this.selectedElement) {
+    if (!this.selectedTarget) {
       return;
     }
 
     if (this.macros && this.macros !== '') {
-      this.selectedElement.setAttribute('macros', this.macros);
+      this.selectedTarget.setAttribute('macros', this.macros);
     } else {
-      this.selectedElement.removeAttribute('macros');
+      this.selectedTarget.removeAttribute('macros');
     }
 
     this.emitMathDidChange();
diff --git a/studio/src/app/popovers/editor/app-shape/app-shape.tsx b/studio/src/app/popovers/editor/app-shape/app-shape.tsx
index 3212fa335..a7e286572 100644
--- a/studio/src/app/popovers/editor/app-shape/app-shape.tsx
+++ b/studio/src/app/popovers/editor/app-shape/app-shape.tsx
@@ -14,7 +14,7 @@ export class AppShape {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   private config: EnvironmentDeckDeckGoConfig = EnvironmentConfigService.getInstance().get('deckdeckgo');
 
diff --git a/studio/src/app/popovers/editor/slide/app-edit-slide-author/app-edit-slide-author.tsx b/studio/src/app/popovers/editor/slide/app-edit-slide-author/app-edit-slide-author.tsx
index 09ae960b2..05640a20d 100644
--- a/studio/src/app/popovers/editor/slide/app-edit-slide-author/app-edit-slide-author.tsx
+++ b/studio/src/app/popovers/editor/slide/app-edit-slide-author/app-edit-slide-author.tsx
@@ -15,7 +15,7 @@ export class AppEditSlideAuthor {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   slideDidChange: EventEmitter<HTMLElement>;
@@ -29,14 +29,14 @@ export class AppEditSlideAuthor {
 
   private initImageMode(): Promise<ImageMode> {
     return new Promise<ImageMode>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve(null);
         return;
       }
 
-      if (this.selectedElement.getAttribute('img-mode') === 'none') {
+      if (this.selectedTarget.getAttribute('img-mode') === 'none') {
         resolve(ImageMode.NONE);
-      } else if (this.selectedElement.getAttribute('img-mode') === 'circle') {
+      } else if (this.selectedTarget.getAttribute('img-mode') === 'circle') {
         resolve(ImageMode.CIRCLE);
       } else {
         resolve(ImageMode.COVER);
@@ -53,14 +53,14 @@ export class AppEditSlideAuthor {
 
       this.currentImageMode = $event.detail.value;
 
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
 
-      this.selectedElement.setAttribute('img-mode', this.currentImageMode);
+      this.selectedTarget.setAttribute('img-mode', this.currentImageMode);
 
-      this.slideDidChange.emit(this.selectedElement);
+      this.slideDidChange.emit(this.selectedTarget);
 
       resolve();
     });
diff --git a/studio/src/app/popovers/editor/slide/app-edit-slide-chart/app-edit-slide-chart.tsx b/studio/src/app/popovers/editor/slide/app-edit-slide-chart/app-edit-slide-chart.tsx
index 943c1c324..06402cd23 100644
--- a/studio/src/app/popovers/editor/slide/app-edit-slide-chart/app-edit-slide-chart.tsx
+++ b/studio/src/app/popovers/editor/slide/app-edit-slide-chart/app-edit-slide-chart.tsx
@@ -14,7 +14,7 @@ export class AppEditSlideChart {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   slideDidChange: EventEmitter<HTMLElement>;
@@ -50,23 +50,23 @@ export class AppEditSlideChart {
   private innerRadius: string;
 
   async componentWillLoad() {
-    this.chartType = await ChartUtils.initSlideChartType(this.selectedElement);
+    this.chartType = await ChartUtils.initSlideChartType(this.selectedTarget);
 
-    this.datePattern = this.selectedElement ? this.selectedElement.getAttribute('date-pattern') : undefined;
+    this.datePattern = this.selectedTarget ? this.selectedTarget.getAttribute('date-pattern') : undefined;
     this.yAxisDomain =
-      this.selectedElement && this.selectedElement.hasAttribute('y-axis-domain')
-        ? (this.selectedElement.getAttribute('y-axis-domain') as SlideAttributesYAxisDomain)
+      this.selectedTarget && this.selectedTarget.hasAttribute('y-axis-domain')
+        ? (this.selectedTarget.getAttribute('y-axis-domain') as SlideAttributesYAxisDomain)
         : 'max';
 
-    this.smooth = this.selectedElement ? (this.selectedElement.getAttribute('smooth') === 'false' ? false : true) : true;
-    this.area = this.selectedElement ? (this.selectedElement.getAttribute('area') === 'false' ? false : true) : true;
-    this.grid = this.selectedElement ? (this.selectedElement.getAttribute('grid') === 'true' ? true : false) : false;
+    this.smooth = this.selectedTarget ? (this.selectedTarget.getAttribute('smooth') === 'false' ? false : true) : true;
+    this.area = this.selectedTarget ? (this.selectedTarget.getAttribute('area') === 'false' ? false : true) : true;
+    this.grid = this.selectedTarget ? (this.selectedTarget.getAttribute('grid') === 'true' ? true : false) : false;
 
-    this.ticks = this.selectedElement ? this.selectedElement.getAttribute('ticks') : undefined;
+    this.ticks = this.selectedTarget ? this.selectedTarget.getAttribute('ticks') : undefined;
 
-    this.separator = this.selectedElement ? this.selectedElement.getAttribute('separator') : undefined;
+    this.separator = this.selectedTarget ? this.selectedTarget.getAttribute('separator') : undefined;
 
-    this.innerRadius = this.selectedElement ? this.selectedElement.getAttribute('inner-radius') : undefined;
+    this.innerRadius = this.selectedTarget ? this.selectedTarget.getAttribute('inner-radius') : undefined;
   }
 
   private handleDatePatternInput($event: CustomEvent<KeyboardEvent>) {
@@ -87,47 +87,47 @@ export class AppEditSlideChart {
 
   private applyChartChanges(): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
 
       if (this.datePattern && this.datePattern !== 'yyyy-MM-dd') {
-        this.selectedElement.setAttribute('date-pattern', this.datePattern);
+        this.selectedTarget.setAttribute('date-pattern', this.datePattern);
       } else {
-        this.selectedElement.removeAttribute('date-pattern');
+        this.selectedTarget.removeAttribute('date-pattern');
       }
 
       if (this.yAxisDomain && this.yAxisDomain !== 'max') {
-        this.selectedElement.setAttribute('y-axis-domain', this.yAxisDomain);
+        this.selectedTarget.setAttribute('y-axis-domain', this.yAxisDomain);
       } else {
-        this.selectedElement.removeAttribute('y-axis-domain');
+        this.selectedTarget.removeAttribute('y-axis-domain');
       }
 
-      this.selectedElement.setAttribute('smooth', `${this.smooth}`);
-      this.selectedElement.setAttribute('area', `${this.area}`);
+      this.selectedTarget.setAttribute('smooth', `${this.smooth}`);
+      this.selectedTarget.setAttribute('area', `${this.area}`);
 
-      this.selectedElement.setAttribute('grid', `${this.grid}`);
+      this.selectedTarget.setAttribute('grid', `${this.grid}`);
 
       if (this.ticks && !isNaN(this.ticks as any)) {
-        this.selectedElement.setAttribute('ticks', this.ticks);
+        this.selectedTarget.setAttribute('ticks', this.ticks);
       } else {
-        this.selectedElement.removeAttribute('ticks');
+        this.selectedTarget.removeAttribute('ticks');
       }
 
       if (this.separator && this.separator !== '' && this.separator !== ';') {
-        this.selectedElement.setAttribute('separator', this.separator);
+        this.selectedTarget.setAttribute('separator', this.separator);
       } else {
-        this.selectedElement.removeAttribute('separator');
+        this.selectedTarget.removeAttribute('separator');
       }
 
       if (this.innerRadius && !isNaN(this.innerRadius as any)) {
-        this.selectedElement.setAttribute('inner-radius', this.innerRadius);
+        this.selectedTarget.setAttribute('inner-radius', this.innerRadius);
       } else {
-        this.selectedElement.removeAttribute('inner-radius');
+        this.selectedTarget.removeAttribute('inner-radius');
       }
 
-      this.slideDidChange.emit(this.selectedElement);
+      this.slideDidChange.emit(this.selectedTarget);
 
       resolve();
     });
diff --git a/studio/src/app/popovers/editor/slide/app-edit-slide-qrcode/app-edit-slide-qrcode.tsx b/studio/src/app/popovers/editor/slide/app-edit-slide-qrcode/app-edit-slide-qrcode.tsx
index 19b87645e..430766764 100644
--- a/studio/src/app/popovers/editor/slide/app-edit-slide-qrcode/app-edit-slide-qrcode.tsx
+++ b/studio/src/app/popovers/editor/slide/app-edit-slide-qrcode/app-edit-slide-qrcode.tsx
@@ -20,7 +20,7 @@ export class AppEditSlideQRCode {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @Prop()
   slideDidChange: EventEmitter<HTMLElement>;
@@ -35,8 +35,8 @@ export class AppEditSlideQRCode {
   private action: EventEmitter<EditAction>;
 
   async componentWillLoad() {
-    this.customQRCode = this.selectedElement && this.selectedElement.hasAttribute('custom-qrcode');
-    this.customContent = this.customQRCode && this.selectedElement ? this.selectedElement.getAttribute('content') : undefined;
+    this.customQRCode = this.selectedTarget && this.selectedTarget.hasAttribute('custom-qrcode');
+    this.customContent = this.customQRCode && this.selectedTarget ? this.selectedTarget.getAttribute('content') : undefined;
   }
 
   private async onRadioCustomLink($event: CustomEvent) {
@@ -53,7 +53,7 @@ export class AppEditSlideQRCode {
 
   private onInputCustomUrlChange(): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
@@ -65,10 +65,10 @@ export class AppEditSlideQRCode {
         return;
       }
 
-      this.selectedElement.setAttribute('content', this.customContent);
-      this.selectedElement.setAttribute('custom-qrcode', `${true}`);
+      this.selectedTarget.setAttribute('content', this.customContent);
+      this.selectedTarget.setAttribute('custom-qrcode', `${true}`);
 
-      this.slideDidChange.emit(this.selectedElement);
+      this.slideDidChange.emit(this.selectedTarget);
 
       resolve();
     });
@@ -104,7 +104,7 @@ export class AppEditSlideQRCode {
 
   private setDefaultQRCodeLink(): Promise<void> {
     return new Promise<void>(async (resolve) => {
-      if (!this.selectedElement) {
+      if (!this.selectedTarget) {
         resolve();
         return;
       }
@@ -116,12 +116,12 @@ export class AppEditSlideQRCode {
 
       const url: string = await publishUrl(editorStore.state.deck.data.meta);
 
-      this.selectedElement.setAttribute('content', url);
-      this.selectedElement.removeAttribute('custom-qrcode');
+      this.selectedTarget.setAttribute('content', url);
+      this.selectedTarget.removeAttribute('custom-qrcode');
 
       this.customContent = undefined;
 
-      this.slideDidChange.emit(this.selectedElement);
+      this.slideDidChange.emit(this.selectedTarget);
 
       resolve();
     });
diff --git a/studio/src/app/popovers/editor/slide/app-edit-slide-user/app-edit-slide-user.tsx b/studio/src/app/popovers/editor/slide/app-edit-slide-user/app-edit-slide-user.tsx
index 394a99fbf..4fd5e973f 100644
--- a/studio/src/app/popovers/editor/slide/app-edit-slide-user/app-edit-slide-user.tsx
+++ b/studio/src/app/popovers/editor/slide/app-edit-slide-user/app-edit-slide-user.tsx
@@ -6,7 +6,7 @@ import {Template, TemplateDataProp, SlideScope} from '@deckdeckgo/editor';
 
 import templatesStore from '../../../../stores/templates.store';
 
-import {SelectedElement} from '../../../../types/editor/selected-element';
+import {SelectedTarget} from '../../../../types/editor/selected-target';
 
 interface Property {
   prop: TemplateDataProp;
@@ -18,7 +18,7 @@ interface Property {
 })
 export class AppEditSlideUser {
   @Prop()
-  selectedElement: SelectedElement;
+  selectedTarget: SelectedTarget;
 
   @Prop()
   slideDidChange: EventEmitter<HTMLElement>;
@@ -29,32 +29,32 @@ export class AppEditSlideUser {
   private template: Template | undefined;
 
   async componentWillLoad() {
-    this.template = this.getTemplates().find((template: Template) => template.data.tag === this.selectedElement.slide?.nodeName);
+    this.template = this.getTemplates().find((template: Template) => template.data.tag === this.selectedTarget.slide?.nodeName);
 
     this.stringProperties = this.template?.data?.props
       ?.filter((prop: TemplateDataProp) => prop.type === 'string' || prop.type === 'number')
       .map((prop: TemplateDataProp) => {
         return {
           prop,
-          value: this.selectedElement.element.getAttribute(prop.name)
+          value: this.selectedTarget.target.getAttribute(prop.name)
         };
       });
   }
 
   private getTemplates(): Template[] {
-    return this.selectedElement?.slide?.scope === SlideScope.COMMUNITY ? templatesStore.state.community : templatesStore.state.user;
+    return this.selectedTarget?.slide?.scope === SlideScope.COMMUNITY ? templatesStore.state.community : templatesStore.state.user;
   }
 
   private async onInputCustomUrlChange($event: CustomEvent<InputChangeEventDetail>, prop: TemplateDataProp) {
     const value: string | undefined | null = $event.detail.value;
 
     if (!value || value === '') {
-      this.selectedElement.element.removeAttribute(prop.name);
+      this.selectedTarget.target.removeAttribute(prop.name);
     } else {
-      this.selectedElement.element.setAttribute(prop.name, value);
+      this.selectedTarget.target.setAttribute(prop.name, value);
     }
 
-    this.slideDidChange.emit(this.selectedElement.element);
+    this.slideDidChange.emit(this.selectedTarget.target);
   }
 
   render() {
diff --git a/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.tsx b/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.tsx
index 5327969db..0deb00ea3 100644
--- a/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.tsx
+++ b/studio/src/app/popovers/editor/slide/app-edit-slide/app-edit-slide.tsx
@@ -4,7 +4,7 @@ import i18n from '../../../../stores/i18n.store';
 
 import {EditAction} from '../../../../types/editor/edit-action';
 
-import {SelectedElement} from '../../../../types/editor/selected-element';
+import {SelectedTarget} from '../../../../types/editor/selected-target';
 
 @Component({
   tag: 'app-edit-slide',
@@ -14,7 +14,7 @@ export class AppEditSlide {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: SelectedElement;
+  selectedTarget: SelectedTarget;
 
   @Prop()
   slideDidChange: EventEmitter<HTMLElement>;
@@ -46,11 +46,11 @@ export class AppEditSlide {
   }
 
   private renderTitle() {
-    if (this.selectedElement.slide?.qrCode) {
+    if (this.selectedTarget.slide?.qrCode) {
       return <h2>{i18n.state.editor.qr_code_options}</h2>;
-    } else if (this.selectedElement.slide?.chart) {
+    } else if (this.selectedTarget.slide?.chart) {
       return <h2>{i18n.state.editor.chart_options}</h2>;
-    } else if (this.selectedElement.slide?.author) {
+    } else if (this.selectedTarget.slide?.author) {
       return <h2>{i18n.state.editor.author_options}</h2>;
     } else {
       return <h2>{i18n.state.editor.slide_options}</h2>;
@@ -58,26 +58,26 @@ export class AppEditSlide {
   }
 
   private renderOptions() {
-    if (this.selectedElement.slide?.qrCode) {
+    if (this.selectedTarget.slide?.qrCode) {
       return (
         <app-edit-slide-qrcode
-          selectedElement={this.selectedElement.element}
+          selectedTarget={this.selectedTarget.target}
           slideDidChange={this.slideDidChange}
           onAction={($event: CustomEvent<EditAction>) => this.closePopover($event)}></app-edit-slide-qrcode>
       );
-    } else if (this.selectedElement.slide?.chart) {
+    } else if (this.selectedTarget.slide?.chart) {
       return (
         <app-edit-slide-chart
-          selectedElement={this.selectedElement.element}
+          selectedTarget={this.selectedTarget.target}
           slideDidChange={this.slideDidChange}
           onAction={($event: CustomEvent<EditAction>) => this.closePopover($event)}></app-edit-slide-chart>
       );
-    } else if (this.selectedElement.slide?.author) {
+    } else if (this.selectedTarget.slide?.author) {
       return (
-        <app-edit-slide-author selectedElement={this.selectedElement.element} slideDidChange={this.slideDidChange}></app-edit-slide-author>
+        <app-edit-slide-author selectedTarget={this.selectedTarget.target} slideDidChange={this.slideDidChange}></app-edit-slide-author>
       );
     } else {
-      return <app-edit-slide-user selectedElement={this.selectedElement} slideDidChange={this.slideDidChange}></app-edit-slide-user>;
+      return <app-edit-slide-user selectedTarget={this.selectedTarget} slideDidChange={this.slideDidChange}></app-edit-slide-user>;
     }
   }
 }
diff --git a/studio/src/app/popovers/editor/style/app-deck-style/app-deck-style.tsx b/studio/src/app/popovers/editor/style/app-deck-style/app-deck-style.tsx
index 306a94616..149ebdd92 100644
--- a/studio/src/app/popovers/editor/style/app-deck-style/app-deck-style.tsx
+++ b/studio/src/app/popovers/editor/style/app-deck-style/app-deck-style.tsx
@@ -104,11 +104,11 @@ export class AppDeck {
       return [
         <app-color-text-background
           colorType={'background'}
-          selectedElement={this.deckElement}
+          selectedTarget={this.deckElement}
           deck={true}
           onColorChange={() => this.onDeckChange()}></app-color-text-background>,
         <app-image-choice
-          selectedElement={this.deckElement}
+          selectedTarget={this.deckElement}
           deck={true}
           onAction={($event: CustomEvent<ImageAction>) => this.onImageAction($event)}></app-image-choice>
       ];
diff --git a/studio/src/app/popovers/editor/style/app-element-style/app-element-style.tsx b/studio/src/app/popovers/editor/style/app-element-style/app-element-style.tsx
index b95e88d38..b1c16ff6a 100644
--- a/studio/src/app/popovers/editor/style/app-element-style/app-element-style.tsx
+++ b/studio/src/app/popovers/editor/style/app-element-style/app-element-style.tsx
@@ -5,7 +5,7 @@ import i18n from '../../../../stores/i18n.store';
 
 import {TargetElement} from '../../../../types/editor/target-element';
 import {ImageAction} from '../../../../types/editor/image-action';
-import {SelectedElement} from '../../../../types/editor/selected-element';
+import {SelectedTarget} from '../../../../types/editor/selected-target';
 
 import {ImageHelper} from '../../../../helpers/editor/image.helper';
 
@@ -17,7 +17,7 @@ export class AppElementStyle {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: SelectedElement;
+  selectedTarget: SelectedTarget;
 
   @Prop()
   imgDidChange: EventEmitter<HTMLElement>;
@@ -31,17 +31,17 @@ export class AppElementStyle {
   private applyToTargetElement: TargetElement = TargetElement.SLIDE;
 
   async componentWillLoad() {
-    this.applyToTargetElement = this.selectedElement.slot?.image
+    this.applyToTargetElement = this.selectedTarget.element?.image
       ? TargetElement.IMAGE
-      : this.selectedElement.slot?.code || this.selectedElement.slot?.markdown
+      : this.selectedTarget.element?.code || this.selectedTarget.element?.markdown
       ? TargetElement.CODE
-      : this.selectedElement.slot?.wordCloud
+      : this.selectedTarget.element?.wordCloud
       ? TargetElement.WORD_CLOUD
-      : this.selectedElement.slide?.qrCode || this.selectedElement.slide?.poll
+      : this.selectedTarget.slide?.qrCode || this.selectedTarget.slide?.poll
       ? TargetElement.QR_CODE
-      : this.selectedElement.slide?.chart
+      : this.selectedTarget.slide?.chart
       ? TargetElement.CHART
-      : this.selectedElement.slide?.author || this.selectedElement.slide?.split
+      : this.selectedTarget.slide?.author || this.selectedTarget.slide?.split
       ? TargetElement.SIDES
       : TargetElement.SLIDE;
   }
@@ -75,7 +75,7 @@ export class AppElementStyle {
   }
 
   private async onImageAction($event: CustomEvent<ImageAction>) {
-    if (this.selectedElement.type === 'element') {
+    if (this.selectedTarget.type === 'element') {
       return;
     }
 
@@ -83,7 +83,7 @@ export class AppElementStyle {
       const popover = this.el.closest('ion-popover') as HTMLIonPopoverElement;
 
       popover.onWillDismiss().then(async () => {
-        await this.imageHelper.imageAction(this.selectedElement.element, true, false, $event.detail);
+        await this.imageHelper.imageAction(this.selectedTarget.target, true, false, $event.detail);
       });
 
       await popover.dismiss();
@@ -100,7 +100,7 @@ export class AppElementStyle {
     return (
       <Host edit-mode={settingsStore.state.editMode}>
         <ion-toolbar>
-          <h2>{this.selectedElement.type === 'slide' ? i18n.state.editor.slide_style : i18n.state.editor.style}</h2>
+          <h2>{this.selectedTarget.type === 'slide' ? i18n.state.editor.slide_style : i18n.state.editor.style}</h2>
           <app-close-menu slot="end" onClose={() => this.closePopover()}></app-close-menu>
         </ion-toolbar>
 
@@ -122,31 +122,31 @@ export class AppElementStyle {
   }
 
   private renderSelectTarget() {
-    if (this.selectedElement.slot?.shape === 'shape') {
+    if (this.selectedTarget.element?.shape === 'shape') {
       return;
     }
 
     const elementTarget: boolean =
-      this.selectedElement.type === 'element' && !this.selectedElement.slot?.image && !this.selectedElement.slot?.wordCloud;
+      this.selectedTarget.type === 'element' && !this.selectedTarget.element?.image && !this.selectedTarget.element?.wordCloud;
     const transition: boolean =
-      this.selectedElement.type === 'element' &&
-      !this.selectedElement.slot?.code &&
-      !this.selectedElement.slot?.markdown &&
-      !this.selectedElement.slot?.math &&
-      !this.selectedElement.slot?.wordCloud &&
-      this.selectedElement.slot?.shape === undefined &&
-      !this.selectedElement.slot?.demo;
+      this.selectedTarget.type === 'element' &&
+      !this.selectedTarget.element?.code &&
+      !this.selectedTarget.element?.markdown &&
+      !this.selectedTarget.element?.math &&
+      !this.selectedTarget.element?.wordCloud &&
+      this.selectedTarget.element?.shape === undefined &&
+      !this.selectedTarget.element?.demo;
 
     return (
       <app-select-target-element
         textTarget={elementTarget}
-        slide={this.selectedElement.type === 'slide'}
-        qrCode={this.selectedElement.slide?.qrCode || this.selectedElement.slide?.poll}
-        chart={this.selectedElement.slide?.chart || this.selectedElement.slide?.poll}
-        code={this.selectedElement.slot?.code || this.selectedElement.slot?.markdown}
-        image={this.selectedElement.slot?.image}
-        sides={this.selectedElement.slide?.author || this.selectedElement.slide?.split}
-        wordCloud={this.selectedElement.slot?.wordCloud}
+        slide={this.selectedTarget.type === 'slide'}
+        qrCode={this.selectedTarget.slide?.qrCode || this.selectedTarget.slide?.poll}
+        chart={this.selectedTarget.slide?.chart || this.selectedTarget.slide?.poll}
+        code={this.selectedTarget.element?.code || this.selectedTarget.element?.markdown}
+        image={this.selectedTarget.element?.image}
+        sides={this.selectedTarget.slide?.author || this.selectedTarget.slide?.split}
+        wordCloud={this.selectedTarget.element?.wordCloud}
         transition={transition}
         onApplyTo={($event: CustomEvent<TargetElement>) => this.selectApplyToTargetElement($event)}></app-select-target-element>
     );
@@ -154,38 +154,32 @@ export class AppElementStyle {
 
   private renderStyleOptions() {
     if (this.applyToTargetElement === TargetElement.QR_CODE) {
-      return (
-        <app-color-qrcode selectedElement={this.selectedElement.element} onColorChange={() => this.emitStyleChange()}></app-color-qrcode>
-      );
+      return <app-color-qrcode selectedTarget={this.selectedTarget.target} onColorChange={() => this.emitStyleChange()}></app-color-qrcode>;
     } else if (this.applyToTargetElement === TargetElement.CHART) {
-      return (
-        <app-color-chart selectedElement={this.selectedElement.element} onColorChange={() => this.emitStyleChange()}></app-color-chart>
-      );
+      return <app-color-chart selectedTarget={this.selectedTarget.target} onColorChange={() => this.emitStyleChange()}></app-color-chart>;
     } else if (this.applyToTargetElement === TargetElement.CODE) {
-      return (
-        <app-color-code selectedElement={this.selectedElement.element} onCodeDidChange={() => this.emitStyleChange()}></app-color-code>
-      );
+      return <app-color-code selectedTarget={this.selectedTarget.target} onCodeDidChange={() => this.emitStyleChange()}></app-color-code>;
     } else if (this.applyToTargetElement === TargetElement.WORD_CLOUD) {
       return (
         <app-color-word-cloud
-          selectedElement={this.selectedElement.element}
+          selectedTarget={this.selectedTarget.target}
           onWordCloudDidChange={() => this.emitStyleChange()}></app-color-word-cloud>
       );
     } else if (this.applyToTargetElement === TargetElement.SIDES) {
       return (
         <app-color-sides
-          selectedElement={this.selectedElement.element}
-          template={this.selectedElement.slide?.author ? 'author' : 'split'}
+          selectedTarget={this.selectedTarget.target}
+          template={this.selectedTarget.slide?.author ? 'author' : 'split'}
           onColorChange={() => this.emitStyleChange()}></app-color-sides>
       );
     } else if (this.applyToTargetElement === TargetElement.BACKGROUND) {
       return this.renderBackground();
     } else if (this.applyToTargetElement === TargetElement.TRANSITION) {
-      return <app-reveal selectedElement={this.selectedElement.element} onToggleReveal={() => this.closePopover()}></app-reveal>;
+      return <app-reveal selectedTarget={this.selectedTarget.target} onToggleReveal={() => this.closePopover()}></app-reveal>;
     } else if (this.applyToTargetElement === TargetElement.IMAGE) {
       return [
         <app-image-style
-          selectedElement={this.selectedElement.element}
+          selectedTarget={this.selectedTarget.target}
           onImgDidChange={($event: CustomEvent<HTMLElement>) => this.onImgDidChange($event)}></app-image-style>,
         this.renderBlock()
       ];
@@ -196,23 +190,23 @@ export class AppElementStyle {
         this.renderList(),
         <app-color-text-background
           key={'text'}
-          selectedElement={this.selectedElement.element}
-          slide={this.selectedElement.type === 'slide'}
+          selectedTarget={this.selectedTarget.target}
+          slide={this.selectedTarget.type === 'slide'}
           onColorChange={() => this.emitStyleChange()}></app-color-text-background>
       ];
     }
   }
 
   private renderBlock() {
-    if (this.selectedElement.type === 'slide') {
+    if (this.selectedTarget.type === 'slide') {
       return undefined;
     }
 
-    return <app-block selectedElement={this.selectedElement} onBlockChange={() => this.emitStyleChange()}></app-block>;
+    return <app-block selectedTarget={this.selectedTarget} onBlockChange={() => this.emitStyleChange()}></app-block>;
   }
 
   private renderText() {
-    return <app-text selectedElement={this.selectedElement} onTextDidChange={() => this.emitStyleChange()}></app-text>;
+    return <app-text selectedTarget={this.selectedTarget} onTextDidChange={() => this.emitStyleChange()}></app-text>;
   }
 
   private renderBackground() {
@@ -220,20 +214,18 @@ export class AppElementStyle {
       <app-color-text-background
         key={'background'}
         colorType={'background'}
-        slide={this.selectedElement.type === 'slide'}
-        selectedElement={this.selectedElement.element}
+        slide={this.selectedTarget.type === 'slide'}
+        selectedTarget={this.selectedTarget.target}
         onColorChange={() => this.emitStyleChange()}></app-color-text-background>,
       this.renderImage()
     ];
 
-    if (this.selectedElement.type === 'element') {
+    if (this.selectedTarget.type === 'element') {
       background.push(
-        <app-border-radius
-          selectedElement={this.selectedElement}
-          onBorderRadiusDidChange={() => this.emitStyleChange()}></app-border-radius>
+        <app-border-radius selectedTarget={this.selectedTarget} onBorderRadiusDidChange={() => this.emitStyleChange()}></app-border-radius>
       );
       background.push(
-        <app-box-shadow selectedElement={this.selectedElement} onBoxShadowDidChange={() => this.emitStyleChange()}></app-box-shadow>
+        <app-box-shadow selectedTarget={this.selectedTarget} onBoxShadowDidChange={() => this.emitStyleChange()}></app-box-shadow>
       );
     }
 
@@ -241,26 +233,26 @@ export class AppElementStyle {
   }
 
   private renderImage() {
-    if (this.selectedElement.type === 'element') {
+    if (this.selectedTarget.type === 'element') {
       return undefined;
     }
 
     return (
       <app-image-choice
-        selectedElement={this.selectedElement.element}
+        selectedTarget={this.selectedTarget.target}
         deck={true}
         onAction={($event: CustomEvent<ImageAction>) => this.onImageAction($event)}></app-image-choice>
     );
   }
 
   private renderList() {
-    if (!this.selectedElement?.slot?.list) {
+    if (!this.selectedTarget?.element?.list) {
       return undefined;
     }
 
     return (
       <app-list
-        selectedElement={this.selectedElement.element}
+        selectedTarget={this.selectedTarget.target}
         onToggleList={() => this.closePopover()}
         onListStyleChanged={() => this.emitStyleChange()}></app-list>
     );
diff --git a/studio/src/app/popovers/editor/transform/app-transform-element/app-transform-element.tsx b/studio/src/app/popovers/editor/transform/app-transform-element/app-transform-element.tsx
index acd344be4..8e3fbbc5e 100644
--- a/studio/src/app/popovers/editor/transform/app-transform-element/app-transform-element.tsx
+++ b/studio/src/app/popovers/editor/transform/app-transform-element/app-transform-element.tsx
@@ -17,24 +17,24 @@ export class AppTransformElement {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   @State()
   private slotTypes: SlotType[] | undefined;
 
   async componentWillLoad() {
-    const slotName: string | null = this.selectedElement.getAttribute('slot');
+    const slotName: string | null = this.selectedTarget.getAttribute('slot');
 
     if (!slotName) {
       this.slotTypes = undefined;
       return;
     }
 
-    const scope: SlideScope = SlideUtils.slideScope(this.selectedElement.parentElement);
+    const scope: SlideScope = SlideUtils.slideScope(this.selectedTarget.parentElement);
 
     const template: Template | undefined = await TemplateUtils.getTemplate(
       scope,
-      this.selectedElement.parentElement?.nodeName.toLowerCase()
+      this.selectedTarget.parentElement?.nodeName.toLowerCase()
     );
 
     if (!template) {
@@ -60,7 +60,7 @@ export class AppTransformElement {
       </ion-toolbar>,
 
       <app-slot-type
-        selectedElement={this.selectedElement}
+        selectedTarget={this.selectedTarget}
         slotTypes={this.slotTypes}
         onSelectType={($event: CustomEvent<SlotType>) => this.closePopover($event.detail)}></app-slot-type>
     ];
diff --git a/studio/src/app/popovers/editor/transform/app-transform-slide/app-transform-slide.tsx b/studio/src/app/popovers/editor/transform/app-transform-slide/app-transform-slide.tsx
index 0968d13e3..4ecb7313b 100644
--- a/studio/src/app/popovers/editor/transform/app-transform-slide/app-transform-slide.tsx
+++ b/studio/src/app/popovers/editor/transform/app-transform-slide/app-transform-slide.tsx
@@ -14,7 +14,7 @@ export class AppTransformSlide {
   @Element() el: HTMLElement;
 
   @Prop()
-  selectedElement: HTMLElement;
+  selectedTarget: HTMLElement;
 
   private async closePopover(template?: InitTemplate) {
     await (this.el.closest('ion-popover') as HTMLIonPopoverElement).dismiss({
@@ -28,13 +28,13 @@ export class AppTransformSlide {
 
   render() {
     const tag: 'title' | 'content-default' | 'content-bottom' | 'split-horizontal' | 'split-vertical' =
-      this.selectedElement.tagName.toLowerCase() === 'deckgo-slide-title'
+      this.selectedTarget.tagName.toLowerCase() === 'deckgo-slide-title'
         ? 'title'
-        : this.selectedElement.tagName.toLowerCase() === 'deckgo-slide-content'
-        ? this.selectedElement.style?.getPropertyValue('--slide-content-justify-content') !== ''
+        : this.selectedTarget.tagName.toLowerCase() === 'deckgo-slide-content'
+        ? this.selectedTarget.style?.getPropertyValue('--slide-content-justify-content') !== ''
           ? 'content-bottom'
           : 'content-default'
-        : this.selectedElement.tagName.toLowerCase() === 'deckgo-slide-split' && this.selectedElement.hasAttribute('vertical')
+        : this.selectedTarget.tagName.toLowerCase() === 'deckgo-slide-split' && this.selectedTarget.hasAttribute('vertical')
         ? 'split-vertical'
         : 'split-horizontal';
 
diff --git a/studio/src/app/types/editor/selected-element.ts b/studio/src/app/types/editor/selected-target.ts
similarity index 88%
rename from studio/src/app/types/editor/selected-element.ts
rename to studio/src/app/types/editor/selected-target.ts
index 319a29889..82912b31a 100644
--- a/studio/src/app/types/editor/selected-element.ts
+++ b/studio/src/app/types/editor/selected-target.ts
@@ -2,7 +2,7 @@ import {SlideScope} from '@deckdeckgo/editor';
 
 import {SlotType} from './slot-type';
 
-export interface SelectedSlot {
+export interface SelectedElement {
   code: boolean;
   math: boolean;
   wordCloud: boolean;
@@ -28,9 +28,9 @@ export interface SelectedSlide {
   fixed: boolean;
 }
 
-export interface SelectedElement {
-  element: HTMLElement;
+export interface SelectedTarget {
+  target: HTMLElement;
   type: 'slide' | 'element';
   slide?: SelectedSlide;
-  slot?: SelectedSlot;
+  element?: SelectedElement;
 }
diff --git a/studio/src/app/utils/editor/clone-slide.utils.tsx b/studio/src/app/utils/editor/clone-slide.utils.tsx
index ce36d58af..090baadbc 100644
--- a/studio/src/app/utils/editor/clone-slide.utils.tsx
+++ b/studio/src/app/utils/editor/clone-slide.utils.tsx
@@ -8,11 +8,11 @@ import {getAttributes} from './attributes.utils';
 import {InitTemplate} from './create-slides.utils';
 
 export class CloneSlideUtils {
-  static async toggleTemplate(selectedElement: HTMLElement, initTemplate: InitTemplate): Promise<JSX.IntrinsicElements> {
+  static async toggleTemplate(selectedTarget: HTMLElement, initTemplate: InitTemplate): Promise<JSX.IntrinsicElements> {
     const SlideElement: string = `deckgo-slide-${(initTemplate.template as SlideTemplate).toLowerCase()}`;
 
     const attributes: any = {
-      ...getAttributes(selectedElement),
+      ...getAttributes(selectedTarget),
       ...(initTemplate.attributes && {...initTemplate.attributes})
     };
 
@@ -41,18 +41,18 @@ export class CloneSlideUtils {
 
     // Toggle slot names if needed
     if (![SlideTemplate.CONTENT, SlideTemplate.TITLE].includes(initTemplate.template as SlideTemplate)) {
-      this.toggleSlotName(selectedElement, 'title', 'start');
-      this.toggleSlotName(selectedElement, 'content', 'end');
+      this.toggleSlotName(selectedTarget, 'title', 'start');
+      this.toggleSlotName(selectedTarget, 'content', 'end');
     } else if (![SlideTemplate.SPLIT].includes(initTemplate.template as SlideTemplate)) {
-      this.toggleSlotName(selectedElement, 'start', 'title');
-      this.toggleSlotName(selectedElement, 'end', 'content');
+      this.toggleSlotName(selectedTarget, 'start', 'title');
+      this.toggleSlotName(selectedTarget, 'end', 'content');
     }
 
-    return <SlideElement key={uuid()} {...attributes} innerHTML={selectedElement.innerHTML}></SlideElement>;
+    return <SlideElement key={uuid()} {...attributes} innerHTML={selectedTarget.innerHTML}></SlideElement>;
   }
 
-  private static toggleSlotName(selectedElement: HTMLElement, currentSlot: string, newSlot: string) {
-    const slot: HTMLElement | null = selectedElement.querySelector(`:scope > [slot="${currentSlot}"]`);
+  private static toggleSlotName(selectedTarget: HTMLElement, currentSlot: string, newSlot: string) {
+    const slot: HTMLElement | null = selectedTarget.querySelector(`:scope > [slot="${currentSlot}"]`);
     slot?.setAttribute('slot', newSlot);
   }
 }
diff --git a/studio/src/app/utils/editor/reveal-slot.utils.ts b/studio/src/app/utils/editor/reveal-slot.utils.ts
index bb7c3dd3a..761c3be6e 100644
--- a/studio/src/app/utils/editor/reveal-slot.utils.ts
+++ b/studio/src/app/utils/editor/reveal-slot.utils.ts
@@ -2,9 +2,9 @@ import {SlotUtils} from './slot.utils';
 import {SlotType} from '../../types/editor/slot-type';
 
 export class RevealSlotUtils {
-  static toggleReveal(selectedElement: HTMLElement, reveal: boolean): Promise<HTMLElement> {
+  static toggleReveal(selectedTarget: HTMLElement, reveal: boolean): Promise<HTMLElement> {
     return new Promise<HTMLElement>(async (resolve) => {
-      if (!selectedElement) {
+      if (!selectedTarget) {
         resolve(null);
         return;
       }
@@ -14,8 +14,8 @@ export class RevealSlotUtils {
         return;
       }
 
-      const sameReveal: boolean = SlotUtils.isNodeReveal(selectedElement) === reveal;
-      const sameRevealList: boolean = SlotUtils.isNodeRevealList(selectedElement) === reveal;
+      const sameReveal: boolean = SlotUtils.isNodeReveal(selectedTarget) === reveal;
+      const sameRevealList: boolean = SlotUtils.isNodeRevealList(selectedTarget) === reveal;
 
       if ((sameReveal && sameRevealList) || (sameReveal && sameRevealList)) {
         resolve(null);
@@ -24,10 +24,10 @@ export class RevealSlotUtils {
 
       let element: HTMLElement;
 
-      if (SlotUtils.isNodeList(selectedElement)) {
-        element = await this.toggleRevealList(reveal, selectedElement);
+      if (SlotUtils.isNodeList(selectedTarget)) {
+        element = await this.toggleRevealList(reveal, selectedTarget);
       } else {
-        element = await this.toggleRevealElement(reveal, selectedElement);
+        element = await this.toggleRevealElement(reveal, selectedTarget);
       }
 
       if (reveal) {
@@ -38,18 +38,18 @@ export class RevealSlotUtils {
     });
   }
 
-  private static toggleRevealElement(reveal: boolean, selectedElement: HTMLElement): Promise<HTMLElement> {
+  private static toggleRevealElement(reveal: boolean, selectedTarget: HTMLElement): Promise<HTMLElement> {
     return new Promise<HTMLElement>((resolve) => {
-      const element: HTMLElement = reveal ? document.createElement(SlotType.REVEAL) : (selectedElement.firstElementChild as HTMLElement);
+      const element: HTMLElement = reveal ? document.createElement(SlotType.REVEAL) : (selectedTarget.firstElementChild as HTMLElement);
 
-      this.moveSpecificAttributes(selectedElement, element);
+      this.moveSpecificAttributes(selectedTarget, element);
 
       if (reveal) {
-        element.appendChild(selectedElement.cloneNode(true));
+        element.appendChild(selectedTarget.cloneNode(true));
       }
 
       // For styling purpose, we need to identify reveal element with images
-      if (SlotUtils.isNodeImage(selectedElement)) {
+      if (SlotUtils.isNodeImage(selectedTarget)) {
         element.setAttribute('img', '');
       } else {
         element.removeAttribute('img');
@@ -59,19 +59,19 @@ export class RevealSlotUtils {
     });
   }
 
-  private static toggleRevealList(reveal: boolean, selectedElement: HTMLElement): Promise<HTMLElement> {
+  private static toggleRevealList(reveal: boolean, selectedTarget: HTMLElement): Promise<HTMLElement> {
     return new Promise<HTMLElement>((resolve) => {
       let element: HTMLElement;
 
       if (reveal) {
         element = document.createElement(SlotType.REVEAL_LIST);
 
-        if (selectedElement?.nodeName?.toLowerCase() === SlotType.UL) {
+        if (selectedTarget?.nodeName?.toLowerCase() === SlotType.UL) {
           element.setAttribute('list-tag', SlotType.UL);
         }
       } else {
         element =
-          selectedElement.getAttribute('list-tag') === SlotType.UL
+          selectedTarget.getAttribute('list-tag') === SlotType.UL
             ? document.createElement(SlotType.UL)
             : document.createElement(SlotType.OL);
       }
@@ -79,27 +79,27 @@ export class RevealSlotUtils {
       // In case of deckgo-reveal-list the contenteditable should be set on the host not the slot
       element.setAttribute('contenteditable', '');
 
-      this.moveSpecificAttributes(selectedElement, element);
+      this.moveSpecificAttributes(selectedTarget, element);
 
-      element.append(...Array.from(selectedElement.children));
+      element.append(...Array.from(selectedTarget.children));
 
       resolve(element);
     });
   }
 
-  private static moveSpecificAttributes(selectedElement: HTMLElement, element: HTMLElement) {
-    if (selectedElement.hasAttribute('slot')) {
-      element.setAttribute('slot', selectedElement.getAttribute('slot'));
-      selectedElement.removeAttribute('slot');
+  private static moveSpecificAttributes(selectedTarget: HTMLElement, element: HTMLElement) {
+    if (selectedTarget.hasAttribute('slot')) {
+      element.setAttribute('slot', selectedTarget.getAttribute('slot'));
+      selectedTarget.removeAttribute('slot');
     }
 
-    if (selectedElement.hasAttribute('style')) {
-      element.setAttribute('style', selectedElement.getAttribute('style'));
-      selectedElement.removeAttribute('style');
+    if (selectedTarget.hasAttribute('style')) {
+      element.setAttribute('style', selectedTarget.getAttribute('style'));
+      selectedTarget.removeAttribute('style');
     }
 
-    if (selectedElement.hasAttribute('highlighted')) {
-      selectedElement.removeAttribute('highlighted');
+    if (selectedTarget.hasAttribute('highlighted')) {
+      selectedTarget.removeAttribute('highlighted');
     }
   }
 }
diff --git a/studio/src/app/utils/editor/selected-element.utils.ts b/studio/src/app/utils/editor/selected-element.utils.ts
index 394d73dc4..dfc121be0 100644
--- a/studio/src/app/utils/editor/selected-element.utils.ts
+++ b/studio/src/app/utils/editor/selected-element.utils.ts
@@ -3,7 +3,7 @@ import {SlideSplitType} from '@deckdeckgo/editor';
 import {isSlide} from '@deckdeckgo/deck-utils';
 
 import {SlotType} from '../../types/editor/slot-type';
-import {SelectedElement} from '../../types/editor/selected-element';
+import {SelectedTarget} from '../../types/editor/selected-target';
 
 import {SlotUtils} from './slot.utils';
 import {ListUtils} from './list.utils';
@@ -46,13 +46,13 @@ export class SelectedElementUtils {
     return element?.nodeName?.toLowerCase() === SlotType.IMG;
   }
 
-  static initDescription(element: HTMLElement): Partial<SelectedElement> {
+  static initDescription(element: HTMLElement): Partial<SelectedTarget> {
     const type: 'element' | 'slide' = this.isElementSlide(element);
 
     if (type === 'element') {
       return {
         type,
-        slot: {
+        element: {
           math: this.isElementMath(SlotUtils.isNodeReveal(element) ? (element.firstElementChild as HTMLElement) : element),
           wordCloud: this.isElementWordCloud(SlotUtils.isNodeReveal(element) ? (element.firstElementChild as HTMLElement) : element),
           markdown: this.isElementMarkdown(SlotUtils.isNodeReveal(element) ? (element.firstElementChild as HTMLElement) : element),
diff --git a/studio/src/app/utils/editor/slot.utils.ts b/studio/src/app/utils/editor/slot.utils.ts
index d29d09a78..5e5ca90ed 100644
--- a/studio/src/app/utils/editor/slot.utils.ts
+++ b/studio/src/app/utils/editor/slot.utils.ts
@@ -1,50 +1,50 @@
 import {SlotType} from '../../types/editor/slot-type';
 
 export class SlotUtils {
-  static isNodeReveal(selectedElement: HTMLElement): boolean {
-    return selectedElement?.nodeName?.toLowerCase() === SlotType.REVEAL;
+  static isNodeReveal(selectedTarget: HTMLElement): boolean {
+    return selectedTarget?.nodeName?.toLowerCase() === SlotType.REVEAL;
   }
 
-  static isNodeRevealList(selectedElement: HTMLElement): boolean {
-    return selectedElement?.nodeName?.toLowerCase() === SlotType.REVEAL_LIST;
+  static isNodeRevealList(selectedTarget: HTMLElement): boolean {
+    return selectedTarget?.nodeName?.toLowerCase() === SlotType.REVEAL_LIST;
   }
 
-  static isNodeList(selectedElement: HTMLElement): boolean {
+  static isNodeList(selectedTarget: HTMLElement): boolean {
     return (
-      selectedElement &&
-      selectedElement.nodeName &&
-      (selectedElement.nodeName.toLowerCase() === SlotType.OL ||
-        selectedElement.nodeName.toLowerCase() === SlotType.UL ||
-        selectedElement.nodeName.toLowerCase() === SlotType.REVEAL_LIST)
+      selectedTarget &&
+      selectedTarget.nodeName &&
+      (selectedTarget.nodeName.toLowerCase() === SlotType.OL ||
+        selectedTarget.nodeName.toLowerCase() === SlotType.UL ||
+        selectedTarget.nodeName.toLowerCase() === SlotType.REVEAL_LIST)
     );
   }
 
-  static isNodeImage(selectedElement: HTMLElement | null): boolean {
-    return selectedElement?.nodeName?.toLowerCase() === SlotType.IMG;
+  static isNodeImage(selectedTarget: HTMLElement | null): boolean {
+    return selectedTarget?.nodeName?.toLowerCase() === SlotType.IMG;
   }
 
-  static isNodeSocial(selectedElement: HTMLElement | null): boolean {
-    return selectedElement?.nodeName?.toLowerCase() === SlotType.SOCIAL;
+  static isNodeSocial(selectedTarget: HTMLElement | null): boolean {
+    return selectedTarget?.nodeName?.toLowerCase() === SlotType.SOCIAL;
   }
 
-  static isNodeCode(selectedElement: HTMLElement | null): boolean {
-    return selectedElement?.nodeName?.toLowerCase() === SlotType.CODE;
+  static isNodeCode(selectedTarget: HTMLElement | null): boolean {
+    return selectedTarget?.nodeName?.toLowerCase() === SlotType.CODE;
   }
 
-  static isNodeWordCloud(selectedElement: HTMLElement | null): boolean {
-    return selectedElement?.nodeName?.toLowerCase() === SlotType.WORD_CLOUD;
+  static isNodeWordCloud(selectedTarget: HTMLElement | null): boolean {
+    return selectedTarget?.nodeName?.toLowerCase() === SlotType.WORD_CLOUD;
   }
 
-  static isNodeMarkdown(selectedElement: HTMLElement | null): boolean {
-    return selectedElement?.nodeName?.toLowerCase() === SlotType.MARKDOWN;
+  static isNodeMarkdown(selectedTarget: HTMLElement | null): boolean {
+    return selectedTarget?.nodeName?.toLowerCase() === SlotType.MARKDOWN;
   }
 
   static isSlotTypeEditable(type: SlotType): boolean {
     return type !== SlotType.IMG && type !== SlotType.SOCIAL && type !== SlotType.DEMO;
   }
 
-  static isNodeDragDropResize(selectedElement: HTMLElement | null): boolean {
-    return selectedElement?.nodeName?.toLowerCase() === SlotType.DRAG_RESIZE_ROTATE;
+  static isNodeDragDropResize(selectedTarget: HTMLElement | null): boolean {
+    return selectedTarget?.nodeName?.toLowerCase() === SlotType.DRAG_RESIZE_ROTATE;
   }
 
   static isNodeEditable(element?: HTMLElement): boolean {
@@ -56,7 +56,7 @@ export class SlotUtils {
     );
   }
 
-  static isNodeTitle(selectedElement: HTMLElement): boolean {
-    return [SlotType.H1.toString(), SlotType.H2.toString(), SlotType.H3.toString()].includes(selectedElement.nodeName.toLowerCase());
+  static isNodeTitle(selectedTarget: HTMLElement): boolean {
+    return [SlotType.H1.toString(), SlotType.H2.toString(), SlotType.H3.toString()].includes(selectedTarget.nodeName.toLowerCase());
   }
 }
diff --git a/studio/src/app/utils/editor/toggle-slot.utils.ts b/studio/src/app/utils/editor/toggle-slot.utils.ts
index a3100c4e6..43d32e640 100644
--- a/studio/src/app/utils/editor/toggle-slot.utils.ts
+++ b/studio/src/app/utils/editor/toggle-slot.utils.ts
@@ -3,9 +3,9 @@ import {SlotType} from '../../types/editor/slot-type';
 import {SlotUtils} from './slot.utils';
 
 export class ToggleSlotUtils {
-  static toggleSlotType(selectedElement: HTMLElement, type: SlotType): Promise<HTMLElement> {
+  static toggleSlotType(selectedTarget: HTMLElement, type: SlotType): Promise<HTMLElement> {
     return new Promise<HTMLElement>(async (resolve) => {
-      if (!selectedElement || !selectedElement.parentElement) {
+      if (!selectedTarget || !selectedTarget.parentElement) {
         resolve(null);
         return;
       }
@@ -17,14 +17,14 @@ export class ToggleSlotUtils {
 
       const element: HTMLElement = document.createElement(type.toString());
 
-      const reveal: boolean = SlotUtils.isNodeReveal(selectedElement);
+      const reveal: boolean = SlotUtils.isNodeReveal(selectedTarget);
 
-      await this.copyAttributes(selectedElement, element);
+      await this.copyAttributes(selectedTarget, element);
       await this.cleanAttributes(element, type);
       await this.updateContentEditable(element, type);
       await this.updateLazyImage(element, type);
 
-      await this.copyContent(selectedElement, element, type, reveal);
+      await this.copyContent(selectedTarget, element, type, reveal);
 
       if (reveal) {
         const revealElement: HTMLElement = await RevealSlotUtils.toggleReveal(element, true);
@@ -35,11 +35,11 @@ export class ToggleSlotUtils {
     });
   }
 
-  private static copyAttributes(selectedElement: HTMLElement, element: HTMLElement): Promise<void> {
+  private static copyAttributes(selectedTarget: HTMLElement, element: HTMLElement): Promise<void> {
     return new Promise<void>((resolve) => {
-      if (selectedElement.attributes && selectedElement.attributes.length) {
-        for (let i: number = 0; i < selectedElement.attributes.length; i++) {
-          element.setAttribute(selectedElement.attributes[i].name, selectedElement.attributes[i].value);
+      if (selectedTarget.attributes && selectedTarget.attributes.length) {
+        for (let i: number = 0; i < selectedTarget.attributes.length; i++) {
+          element.setAttribute(selectedTarget.attributes[i].name, selectedTarget.attributes[i].value);
         }
       }
 
@@ -72,53 +72,53 @@ export class ToggleSlotUtils {
     return container;
   }
 
-  private static getSlotContainer(selectedElement: HTMLElement): HTMLElement {
+  private static getSlotContainer(selectedTarget: HTMLElement): HTMLElement {
     if (
-      selectedElement.firstChild &&
-      selectedElement.firstChild instanceof HTMLElement &&
-      selectedElement.firstChild.nodeName &&
-      (selectedElement.firstChild.nodeName.toLowerCase() === 'code' || selectedElement.firstChild.nodeName.toLowerCase() === 'div')
+      selectedTarget.firstChild &&
+      selectedTarget.firstChild instanceof HTMLElement &&
+      selectedTarget.firstChild.nodeName &&
+      (selectedTarget.firstChild.nodeName.toLowerCase() === 'code' || selectedTarget.firstChild.nodeName.toLowerCase() === 'div')
     ) {
-      return selectedElement.firstChild;
+      return selectedTarget.firstChild;
     } else {
-      return selectedElement;
+      return selectedTarget;
     }
   }
 
-  private static updateContentEditable(selectedElement: HTMLElement, type: SlotType): Promise<void> {
+  private static updateContentEditable(selectedTarget: HTMLElement, type: SlotType): Promise<void> {
     return new Promise<void>((resolve) => {
       if (!SlotUtils.isSlotTypeEditable(type)) {
-        selectedElement.removeAttribute('editable');
-        selectedElement.removeAttribute('contenteditable');
+        selectedTarget.removeAttribute('editable');
+        selectedTarget.removeAttribute('contenteditable');
       } else if (type === SlotType.CODE || type == SlotType.MATH || type == SlotType.WORD_CLOUD || type === SlotType.MARKDOWN) {
-        selectedElement.setAttribute('editable', 'true');
-        selectedElement.removeAttribute('contenteditable');
+        selectedTarget.setAttribute('editable', 'true');
+        selectedTarget.removeAttribute('contenteditable');
       } else {
-        selectedElement.setAttribute('contenteditable', 'true');
-        selectedElement.removeAttribute('editable');
+        selectedTarget.setAttribute('contenteditable', 'true');
+        selectedTarget.removeAttribute('editable');
       }
 
       resolve();
     });
   }
 
-  private static cleanAttributes(selectedElement: HTMLElement, type: SlotType): Promise<void> {
+  private static cleanAttributes(selectedTarget: HTMLElement, type: SlotType): Promise<void> {
     return new Promise<void>((resolve) => {
       if (SlotUtils.isSlotTypeEditable(type)) {
-        selectedElement.removeAttribute('img-src');
-        selectedElement.removeAttribute('img-alt');
-        selectedElement.style.removeProperty('justify-content');
-        selectedElement.style.removeProperty('--deckgo-lazy-img-width');
+        selectedTarget.removeAttribute('img-src');
+        selectedTarget.removeAttribute('img-alt');
+        selectedTarget.style.removeProperty('justify-content');
+        selectedTarget.style.removeProperty('--deckgo-lazy-img-width');
       }
 
       resolve();
     });
   }
 
-  private static copyContent(selectedElement: HTMLElement, element: HTMLElement, type: SlotType, reveal: boolean): Promise<void> {
+  private static copyContent(selectedTarget: HTMLElement, element: HTMLElement, type: SlotType, reveal: boolean): Promise<void> {
     return new Promise<void>(async (resolve) => {
       const currentContainer: HTMLElement = this.getSlotContainer(
-        reveal && !SlotUtils.isNodeRevealList(selectedElement) ? (selectedElement.firstElementChild as HTMLElement) : selectedElement
+        reveal && !SlotUtils.isNodeRevealList(selectedTarget) ? (selectedTarget.firstElementChild as HTMLElement) : selectedTarget
       );
 
       const container: HTMLElement = await this.createSlotContainer(element, type);
@@ -194,10 +194,10 @@ export class ToggleSlotUtils {
     });
   }
 
-  private static updateLazyImage(selectedElement: HTMLElement, type: SlotType): Promise<void> {
+  private static updateLazyImage(selectedTarget: HTMLElement, type: SlotType): Promise<void> {
     return new Promise<void>((resolve) => {
       if (type === SlotType.IMG) {
-        (selectedElement as HTMLDeckgoLazyImgElement).customLoader = true;
+        (selectedTarget as HTMLDeckgoLazyImgElement).customLoader = true;
       }
 
       resolve();
diff --git a/studio/src/components.d.ts b/studio/src/components.d.ts
index 61a8f6846..08fdee3a7 100644
--- a/studio/src/components.d.ts
+++ b/studio/src/components.d.ts
@@ -7,7 +7,7 @@
 import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
 import { EventEmitter, JSX } from "@stencil/core";
 import { SlideAttributes, SlideTemplate, StorageFile, Template, UnsplashPhoto } from "@deckdeckgo/editor";
-import { SelectedElement } from "./app/types/editor/selected-element";
+import { SelectedTarget } from "./app/types/editor/selected-target";
 import { MonacoEditorOptions } from "@deckdeckgo/monaco-editor";
 import { PrismLanguage } from "./app/types/editor/prism-language";
 import { InitStyleColor } from "./app/utils/editor/color.utils";
@@ -55,7 +55,7 @@ export namespace Components {
         "touch": (element: HTMLElement, autoOpen?: boolean) => Promise<void>;
     }
     interface AppActionsElement {
-        "blurSelectedElement": () => Promise<void>;
+        "blurSelectedTarget": () => Promise<void>;
         "elementFocus": EventEmitter;
         "reset": () => Promise<void>;
         "slideCopy": EventEmitter;
@@ -74,15 +74,15 @@ export namespace Components {
         "src": string;
     }
     interface AppBlock {
-        "selectedElement": SelectedElement;
+        "selectedTarget": SelectedTarget;
     }
     interface AppBorderRadius {
-        "selectedElement": SelectedElement;
+        "selectedTarget": SelectedTarget;
     }
     interface AppBottomSheet {
     }
     interface AppBoxShadow {
-        "selectedElement": SelectedElement;
+        "selectedTarget": SelectedTarget;
     }
     interface AppBreadcrumbs {
         "slideNumber": number;
@@ -93,7 +93,7 @@ export namespace Components {
     }
     interface AppCode {
         "codeDidChange": EventEmitter<HTMLElement> | undefined;
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppCodeEditor {
         "code": string;
@@ -102,7 +102,7 @@ export namespace Components {
     interface AppCodeLanguages {
         "codeDidChange": EventEmitter<HTMLElement> | undefined;
         "currentLanguage": PrismLanguage | undefined;
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppColor {
         "defaultColor": string;
@@ -110,29 +110,29 @@ export namespace Components {
         "loadColor": () => Promise<void>;
     }
     interface AppColorChart {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppColorCode {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppColorQrcode {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppColorSides {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
         "template": 'split' | 'author';
     }
     interface AppColorTextBackground {
         "colorType": 'text' | 'background';
         "deck": boolean;
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
         "slide": boolean;
     }
     interface AppColorWordCloud {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppCopyStyle {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppCreateSlide {
     }
@@ -163,7 +163,7 @@ export namespace Components {
     interface AppDelete {
     }
     interface AppDemo {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppDocEditor {
         "initNewDoc": () => Promise<void>;
@@ -175,23 +175,23 @@ export namespace Components {
     interface AppEditMode {
     }
     interface AppEditSlide {
-        "selectedElement": SelectedElement;
+        "selectedTarget": SelectedTarget;
         "slideDidChange": EventEmitter<HTMLElement>;
     }
     interface AppEditSlideAuthor {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
         "slideDidChange": EventEmitter<HTMLElement>;
     }
     interface AppEditSlideChart {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
         "slideDidChange": EventEmitter<HTMLElement>;
     }
     interface AppEditSlideQrcode {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
         "slideDidChange": EventEmitter<HTMLElement>;
     }
     interface AppEditSlideUser {
-        "selectedElement": SelectedElement;
+        "selectedTarget": SelectedTarget;
         "slideDidChange": EventEmitter<HTMLElement>;
     }
     interface AppEditor {
@@ -199,7 +199,7 @@ export namespace Components {
     interface AppElementStyle {
         "imageHelper": ImageHelper;
         "imgDidChange": EventEmitter<HTMLElement>;
-        "selectedElement": SelectedElement;
+        "selectedTarget": SelectedTarget;
     }
     interface AppEmbed {
     }
@@ -216,11 +216,11 @@ export namespace Components {
     interface AppImageChoice {
         "deck": boolean;
         "deleteBackground": boolean;
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
         "slide": boolean;
     }
     interface AppImageElement {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
         "slide": boolean;
     }
     interface AppImageHistory {
@@ -228,18 +228,18 @@ export namespace Components {
         "slide": boolean;
     }
     interface AppImageStyle {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppLinks {
     }
     interface AppList {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppLogo {
     }
     interface AppMath {
         "mathDidChange": EventEmitter<HTMLElement>;
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppMenu {
     }
@@ -268,10 +268,10 @@ export namespace Components {
     interface AppNoTemplates {
     }
     interface AppNotes {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppPlayground {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppPlaygroundPlaceholder {
     }
@@ -279,7 +279,7 @@ export namespace Components {
         "pollKey": string;
     }
     interface AppPollOptions {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
         "slideDidChange": EventEmitter<HTMLElement>;
     }
     interface AppPopoverConfirm {
@@ -308,7 +308,7 @@ export namespace Components {
     interface AppRemoteRequest {
     }
     interface AppReveal {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppRoot {
     }
@@ -325,7 +325,7 @@ export namespace Components {
         "wordCloud": boolean;
     }
     interface AppShape {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppShare {
     }
@@ -355,7 +355,7 @@ export namespace Components {
         "deckRef": HTMLDeckgoDeckElement;
     }
     interface AppSlotType {
-        "selectedElement": HTMLElement | undefined;
+        "selectedTarget": HTMLElement | undefined;
         "skip": boolean;
         "slotTypes": SlotType[] | undefined;
     }
@@ -412,13 +412,13 @@ export namespace Components {
     interface AppTemplatesUser {
     }
     interface AppText {
-        "selectedElement": SelectedElement;
+        "selectedTarget": SelectedTarget;
     }
     interface AppTransformElement {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppTransformSlide {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
     interface AppUnpublish {
     }
@@ -435,7 +435,7 @@ export namespace Components {
     interface AppWaves {
     }
     interface AppYoutube {
-        "selectedElement": HTMLElement;
+        "selectedTarget": HTMLElement;
     }
 }
 declare global {
@@ -1429,18 +1429,18 @@ declare namespace LocalJSX {
     }
     interface AppBlock {
         "onBlockChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: SelectedElement;
+        "selectedTarget"?: SelectedTarget;
     }
     interface AppBorderRadius {
         "onBorderRadiusDidChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: SelectedElement;
+        "selectedTarget"?: SelectedTarget;
     }
     interface AppBottomSheet {
         "onSheetChanged"?: (event: CustomEvent<'open' | 'close'>) => void;
     }
     interface AppBoxShadow {
         "onBoxShadowDidChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: SelectedElement;
+        "selectedTarget"?: SelectedTarget;
     }
     interface AppBreadcrumbs {
         "onStepTo"?: (event: CustomEvent<HTMLElement | undefined>) => void;
@@ -1453,7 +1453,7 @@ declare namespace LocalJSX {
     }
     interface AppCode {
         "codeDidChange"?: EventEmitter<HTMLElement> | undefined;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppCodeEditor {
         "code"?: string;
@@ -1462,7 +1462,7 @@ declare namespace LocalJSX {
     interface AppCodeLanguages {
         "codeDidChange"?: EventEmitter<HTMLElement> | undefined;
         "currentLanguage"?: PrismLanguage | undefined;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppColor {
         "defaultColor"?: string;
@@ -1472,34 +1472,34 @@ declare namespace LocalJSX {
     }
     interface AppColorChart {
         "onColorChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppColorCode {
         "onCodeDidChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppColorQrcode {
         "onColorChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppColorSides {
         "onColorChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
         "template"?: 'split' | 'author';
     }
     interface AppColorTextBackground {
         "colorType"?: 'text' | 'background';
         "deck"?: boolean;
         "onColorChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
         "slide"?: boolean;
     }
     interface AppColorWordCloud {
         "onWordCloudDidChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppCopyStyle {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppCreateSlide {
         "onSignIn"?: (event: CustomEvent<void>) => void;
@@ -1539,7 +1539,7 @@ declare namespace LocalJSX {
     interface AppDelete {
     }
     interface AppDemo {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppDocEditor {
     }
@@ -1550,25 +1550,25 @@ declare namespace LocalJSX {
     interface AppEditMode {
     }
     interface AppEditSlide {
-        "selectedElement"?: SelectedElement;
+        "selectedTarget"?: SelectedTarget;
         "slideDidChange"?: EventEmitter<HTMLElement>;
     }
     interface AppEditSlideAuthor {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
         "slideDidChange"?: EventEmitter<HTMLElement>;
     }
     interface AppEditSlideChart {
         "onAction"?: (event: CustomEvent<EditAction>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
         "slideDidChange"?: EventEmitter<HTMLElement>;
     }
     interface AppEditSlideQrcode {
         "onAction"?: (event: CustomEvent<EditAction>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
         "slideDidChange"?: EventEmitter<HTMLElement>;
     }
     interface AppEditSlideUser {
-        "selectedElement"?: SelectedElement;
+        "selectedTarget"?: SelectedTarget;
         "slideDidChange"?: EventEmitter<HTMLElement>;
     }
     interface AppEditor {
@@ -1577,7 +1577,7 @@ declare namespace LocalJSX {
         "imageHelper"?: ImageHelper;
         "imgDidChange"?: EventEmitter<HTMLElement>;
         "onOptionsDidChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: SelectedElement;
+        "selectedTarget"?: SelectedTarget;
     }
     interface AppEmbed {
     }
@@ -1596,11 +1596,11 @@ declare namespace LocalJSX {
         "deck"?: boolean;
         "deleteBackground"?: boolean;
         "onAction"?: (event: CustomEvent<ImageAction>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
         "slide"?: boolean;
     }
     interface AppImageElement {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
         "slide"?: boolean;
     }
     interface AppImageHistory {
@@ -1610,20 +1610,20 @@ declare namespace LocalJSX {
     }
     interface AppImageStyle {
         "onImgDidChange"?: (event: CustomEvent<HTMLElement>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppLinks {
     }
     interface AppList {
         "onListStyleChanged"?: (event: CustomEvent<ListStyle>) => void;
         "onToggleList"?: (event: CustomEvent<SlotType.OL | SlotType.UL>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppLogo {
     }
     interface AppMath {
         "mathDidChange"?: EventEmitter<HTMLElement>;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppMenu {
     }
@@ -1652,10 +1652,10 @@ declare namespace LocalJSX {
     interface AppNoTemplates {
     }
     interface AppNotes {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppPlayground {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppPlaygroundPlaceholder {
     }
@@ -1663,7 +1663,7 @@ declare namespace LocalJSX {
         "pollKey"?: string;
     }
     interface AppPollOptions {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
         "slideDidChange"?: EventEmitter<HTMLElement>;
     }
     interface AppPopoverConfirm {
@@ -1697,7 +1697,7 @@ declare namespace LocalJSX {
     }
     interface AppReveal {
         "onToggleReveal"?: (event: CustomEvent<boolean>) => void;
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppRoot {
     }
@@ -1715,7 +1715,7 @@ declare namespace LocalJSX {
         "wordCloud"?: boolean;
     }
     interface AppShape {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppShare {
     }
@@ -1751,7 +1751,7 @@ declare namespace LocalJSX {
     }
     interface AppSlotType {
         "onSelectType"?: (event: CustomEvent<SlotType | null>) => void;
-        "selectedElement"?: HTMLElement | undefined;
+        "selectedTarget"?: HTMLElement | undefined;
         "skip"?: boolean;
         "slotTypes"?: SlotType[] | undefined;
     }
@@ -1820,13 +1820,13 @@ declare namespace LocalJSX {
     }
     interface AppText {
         "onTextDidChange"?: (event: CustomEvent<void>) => void;
-        "selectedElement"?: SelectedElement;
+        "selectedTarget"?: SelectedTarget;
     }
     interface AppTransformElement {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppTransformSlide {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface AppUnpublish {
     }
@@ -1843,7 +1843,7 @@ declare namespace LocalJSX {
     interface AppWaves {
     }
     interface AppYoutube {
-        "selectedElement"?: HTMLElement;
+        "selectedTarget"?: HTMLElement;
     }
     interface IntrinsicElements {
         "app-404": App404;