[editor] Add ids of drop values to IdService in DropListElement

and DropListSimpleElement

projects/common/ui-elements/drop-list-simple/drop-list-simple.ts

 import {
+  DragNDropValueObject,
   FontElement,
   FontProperties,
   InputElement,
@@ -7,6 +8,7 @@ import {
   UIElement
 } from '../../models/uI-element';
 import { initFontElement, initSurfaceElement } from '../../util/unit-interface-initializer';
+import { IdService } from '../../../editor/src/app/services/id.service';
 
 export class DropListSimpleElement extends InputElement implements FontElement, SurfaceElement {
   connectedTo: string[] = [];
@@ -25,10 +27,16 @@ export class DropListSimpleElement extends InputElement implements FontElement,
 
     delete this.label;
 
-    this.value = serializedElement.value as string[] || [];
+    this.value = serializedElement.value as DragNDropValueObject[] || [];
     this.height = serializedElement.height || 100;
     this.surfaceProps.backgroundColor =
       serializedElement.surfaceProps?.backgroundColor as string ||
       '#eeeeec';
+
+    this.value?.forEach((valueElement: DragNDropValueObject) => {
+      if (IdService.getInstance() && IdService.getInstance().isIdAvailable(valueElement.id)) {
+        IdService.getInstance().addID(valueElement.id);
+      }
+    });
   }
 }

projects/common/ui-elements/drop-list/drop-list.ts

@@ -9,6 +9,7 @@ import {
   UIElement
 } from '../../models/uI-element';
 import { initFontElement, initPositionedElement, initSurfaceElement } from '../../util/unit-interface-initializer';
+import { IdService } from '../../../editor/src/app/services/id.service';
 
 export class DropListElement extends InputElement implements PositionedElement, FontElement, SurfaceElement {
   onlyOneItem: boolean = false;
@@ -43,6 +44,12 @@ export class DropListElement extends InputElement implements PositionedElement,
       '#f4f4f2';
 
     this.handleBackwardsCompatibility(serializedElement);
+
+    this.value?.forEach((valueElement: DragNDropValueObject) => {
+      if (IdService.getInstance() && IdService.getInstance().isIdAvailable(valueElement.id)) {
+        IdService.getInstance().addID(valueElement.id);
+      }
+    });
   }
 
   handleBackwardsCompatibility(serializedElement: Partial<UIElement>): void {

projects/editor/src/app/services/unit.service.ts

@@ -50,25 +50,9 @@ export class UnitService {
   loadUnitDefinition(unitDefinition: string): void {
     if (unitDefinition) {
       this.unit = new Unit(JSON.parse(unitDefinition));
-      this.readExistingIDs();
     }
   }
 
-  private readExistingIDs(): void {
-    this.unit.pages.forEach((page: Page) => {
-      page.sections.forEach((section: Section) => {
-        section.elements.forEach((element: UIElement) => {
-          this.idService.addID(element.id);
-          if (element.type === 'drop-list') {
-            element.value?.forEach((valueElement: DragNDropValueObject) => {
-              this.idService.addID(valueElement.id);
-            });
-          }
-        });
-      });
-    });
-  }
-
   addPage(): void {
     this.unit.addPage();
     this.veronaApiService.sendVoeDefinitionChangedNotification();