Improve element defaults and add text for empty likert

projects/common/models/uI-element.ts

@@ -15,7 +15,7 @@ export abstract class UIElement {
   type!: UIElementType;
 
   id: string = 'id_placeholder';
-  width: number = 180;
+  width: number = 190;
   height: number = 60;
 
   positionProps?: PositionProperties;

projects/common/ui-elements/checkbox/checkbox-element.ts

@@ -23,6 +23,8 @@ export class CheckboxElement extends InputElement implements PositionedElement,
 
     this.value = serializedElement.value as boolean || false; // booleans are always initialized false
 
+    this.width = serializedElement.width || 215;
+
     this.surfaceProps.backgroundColor =
       serializedElement.surfaceProps?.backgroundColor as string ||
       serializedElement.backgroundColor as string ||

projects/common/ui-elements/dropdown/dropdown-element.ts

@@ -24,6 +24,7 @@ export class DropdownElement extends InputElement implements PositionedElement,
     this.fontProps = initFontElement(serializedElement);
     this.surfaceProps = initSurfaceElement(serializedElement);
 
+    this.width = serializedElement.width || 240;
     this.height = serializedElement.height || 83;
   }
 }

projects/common/ui-elements/likert/likert.component.ts

@@ -9,6 +9,9 @@ import { CompoundElementComponent } from '../../directives/compound-element.dire
 @Component({
   selector: 'app-likert',
   template: `
+    <div *ngIf="elementModel.rows.length === 0 && elementModel.columns.length === 0">
+      Keine Zeilen oder Spalten vorhanden
+    </div>
     <div [class.center-content]="elementModel.positionProps.dynamicPositioning &&
                                  elementModel.positionProps.fixedSize"
          [style.width]="elementModel.positionProps.fixedSize ? elementModel.width + 'px' : '100%'"

projects/common/ui-elements/text-area/text-area-element.ts

@@ -28,6 +28,7 @@ export class TextAreaElement extends InputElement implements PositionedElement,
     this.surfaceProps = initSurfaceElement(serializedElement);
 
     this.height = serializedElement.height || 132;
+    this.width = serializedElement.width || 230;
     this.surfaceProps.backgroundColor =
       serializedElement.surfaceProps?.backgroundColor as string ||
       serializedElement.backgroundColor as string ||

projects/common/ui-elements/text-field/text-field-element.ts

@@ -33,6 +33,7 @@ export class TextFieldElement extends InputElement implements PositionedElement,
     this.surfaceProps = initSurfaceElement(serializedElement);
 
     this.height = serializedElement.height || 100;
+    this.width = serializedElement.width || 230;
     this.surfaceProps.backgroundColor =
       serializedElement.surfaceProps?.backgroundColor as string ||
       serializedElement.backgroundColor as string ||