Add util folder with helper functions for arrays and element creation

projects/common/util/array.ts

+/* Silently ignores nonsense reorders! */
+export function moveArrayItem(item: unknown, array: unknown[], direction: 'up' | 'down'): void {
+  const oldIndex = array.indexOf(item);
+
+  if ((array.length > 1) &&
+    !(direction === 'down' && oldIndex + 1 === array.length) && // dont allow last element down
+    !(direction === 'up' && oldIndex === 0)) { // dont allow first element up
+    const newIndex = direction === 'up' ? oldIndex - 1 : oldIndex + 1;
+    const elements = array.splice(oldIndex, 1);
+    array.splice(newIndex, 0, elements[0]);
+  }
+}

projects/common/util/element.factory.ts

+import { UIElement } from '../classes/uIElement';
+import { TextElement } from '../classes/textElement';
+import { ButtonElement } from '../classes/buttonElement';
+import { TextFieldElement } from '../classes/textFieldElement';
+import { TextAreaElement } from '../classes/textAreaElement';
+import { CheckboxElement } from '../classes/checkboxElement';
+import { DropdownElement } from '../classes/dropdownElement';
+import { RadioButtonGroupElement } from '../classes/radioButtonGroupElement';
+import { ImageElement } from '../classes/imageElement';
+import { AudioElement } from '../classes/audioElement';
+import { VideoElement } from '../classes/videoElement';
+
+export function createElement(elementModel: UIElement, coordinates?: { x: number; y: number }): UIElement {
+  let newElement: UIElement;
+  switch (elementModel.type) {
+    case 'text':
+      newElement = new TextElement(elementModel, coordinates);
+      break;
+    case 'button':
+      newElement = new ButtonElement(elementModel, coordinates);
+      break;
+    case 'text-field':
+      newElement = new TextFieldElement(elementModel, coordinates);
+      break;
+    case 'text-area':
+      newElement = new TextAreaElement(elementModel, coordinates);
+      break;
+    case 'checkbox':
+      newElement = new CheckboxElement(elementModel, coordinates);
+      break;
+    case 'dropdown':
+      newElement = new DropdownElement(elementModel, coordinates);
+      break;
+    case 'radio':
+      newElement = new RadioButtonGroupElement(elementModel, coordinates);
+      break;
+    case 'image':
+      newElement = new ImageElement(elementModel, coordinates);
+      break;
+    case 'audio':
+      newElement = new AudioElement(elementModel, coordinates);
+      break;
+    case 'video':
+      newElement = new VideoElement(elementModel, coordinates);
+      break;
+    default:
+      throw new Error(`ElementType ${elementModel.type} not found!`);
+  }
+  console.log('newElement', newElement);
+  return newElement;
+}