OZG-5590 OZG-5594 Add required to inputs

fix spinner size

alfa-client/apps/demo/src/app/app.component.html

@@ -156,7 +156,7 @@
             subText="automatisch erstellen"
           >
             <ods-bescheid-generate-icon icon />
-            <ods-spinner-icon spinner class="size-10" />
+            <ods-spinner-icon spinner size="extra-large" />
           </ods-button-card>
         </div>
         <div class="mt-4">
@@ -167,7 +167,7 @@
             subText="automatisch erstellen"
           >
             <ods-bescheid-generate-icon icon />
-            <ods-spinner-icon spinner class="size-10" />
+            <ods-spinner-icon spinner size="extra-large" />
           </ods-button-card>
         </div>
         <div class="mt-4">
@@ -201,14 +201,14 @@
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="false" id="upload117">
             <ods-bescheid-upload-icon icon />
-            <ods-spinner-icon spinner class="size-10" />
+            <ods-spinner-icon spinner size="extra-large" />
             <p text class="text-center">Bescheid-Dokument<br />hochladen</p></ods-file-upload-button
           >
         </div>
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="true" id="upload117">
             <ods-bescheid-upload-icon icon />
-            <ods-spinner-icon spinner class="size-10" />
+            <ods-spinner-icon spinner size="extra-large" />
             <p text class="text-center">Bescheid-Dokument<br />hochladen</p></ods-file-upload-button
           >
         </div>
@@ -216,14 +216,14 @@
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="false" id="upload129">
             <ods-bescheid-upload-icon />
-            <ods-spinner-icon spinner class="h-6 w-10" />
+            <ods-spinner-icon spinner size="medium" />
             <div text class="text-center">Anhang hochladen</div></ods-file-upload-button
           >
         </div>
         <div class="mt-4">
           <ods-file-upload-button class="w-72" [isLoading]="true" id="upload130">
             <ods-attachment-icon icon />
-            <ods-spinner-icon spinner class="h-6 w-10" />
+            <ods-spinner-icon spinner size="medium" />
             <div text class="text-center">Anhang hochladen</div></ods-file-upload-button
           >
         </div>

alfa-client/libs/design-component/src/lib/form/file-upload-editor/file-upload-editor.component.html

@@ -36,7 +36,7 @@
   [isLoading]="uploadInProgress.loading"
   class="w-72"
 >
-  <ods-spinner-icon spinner size="md" />
+  <ods-spinner-icon spinner size="medium" />
   <ods-attachment-icon icon size="medium" />
   <p text class="text-center">{{ label }}</p>
 </ods-file-upload-button>

alfa-client/libs/design-system/src/lib/attachment/attachment.component.ts

@@ -24,8 +24,8 @@ import { SpinnerIconComponent } from '../icons/spinner-icon/spinner-icon.compone
   </button>`,
 })
 export class AttachmentComponent {
-  @Input() documentName!: string;
+  @Input({ required: true }) documentName!: string;
+  @Input({ required: true }) fileType!: string;
   @Input() description = '';
-  @Input() fileType!: string;
   @Input() isLoading: boolean = false;
 }

alfa-client/libs/design-system/src/lib/button-card/button-card.component.ts

@@ -16,7 +16,7 @@ import { SpinnerIconComponent } from '../icons/spinner-icon/spinner-icon.compone
     [attr.aria-label]="getAriaLabel()"
   >
     <ng-content *ngIf="!isLoading" select="[icon]"></ng-content>
-    <ods-spinner-icon *ngIf="isLoading" size="xl" class="shrink-0" />
+    <ods-spinner-icon *ngIf="isLoading" size="extra-large" class="shrink-0" />
     <div class="flex-grow break-all">
       {{ text }}
       <br *ngIf="subText" aria-hidden="true" />

alfa-client/libs/design-system/src/lib/button/button.component.ts

@@ -38,7 +38,7 @@ type ButtonVariants = VariantProps<typeof buttonVariants>;
     (click)="clickEmitter.emit()"
   >
     <ng-content *ngIf="!isLoading" select="[icon]"></ng-content>
-    <ods-spinner-icon *ngIf="isLoading" class="h-full"></ods-spinner-icon>
+    <ods-spinner-icon *ngIf="isLoading" size="full"></ods-spinner-icon>
     <div class="flex-grow">{{ text }}</div>
   </button>`,
 })

alfa-client/libs/design-system/src/lib/form/radio-button-card/radio-button-card.component.ts

@@ -10,9 +10,9 @@ import { ControlContainer, FormGroupDirective, ReactiveFormsModule } from '@angu
   viewProviders: [{ provide: ControlContainer, useExisting: FormGroupDirective }],
 })
 export class RadioButtonCardComponent {
-  @Input() label!: string;
-  @Input() name!: string;
-  @Input() value!: string;
+  @Input({ required: true }) label!: string;
+  @Input({ required: true }) name!: string;
+  @Input({ required: true }) value!: string;
   @Input() variant: string = '';
   @Input() fullWidthText: boolean = false;
 

alfa-client/libs/design-system/src/lib/form/textarea/textarea.component.ts

@@ -40,10 +40,10 @@ type TextareaVariants = VariantProps<typeof textareaVariants>;
   `,
 })
 export class TextareaComponent {
-  @Input({ required: true }) label: string;
-  @Input() placeholder!: string;
+  @Input({ required: true }) label!: string;
+  @Input({ required: true }) placeholder!: string;
+  @Input() error: string;
   @Input() rows: number = 3;
-  @Input() error!: string;
   @Input() autocomplete: string = 'off';
   @Input() variant: TextareaVariants['variant'];
   @Input() fieldControl: FormControl;

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps-content/vorgang-detail-bescheiden-dokumente-hinzufuegen/vorgang-detail-bescheiden-dokument-hochladen/vorgang-detail-bescheiden-dokument-hochladen.component.html

@@ -8,7 +8,7 @@
     (newFile)="uploadFile($event)"
   >
     <ods-bescheid-upload-icon icon></ods-bescheid-upload-icon>
-    <ods-spinner-icon spinner size="xl"></ods-spinner-icon>
+    <ods-spinner-icon spinner size="extra-large"></ods-spinner-icon>
     <div text class="text-center">Bescheid Dokument hochladen</div>
   </ods-single-file-upload-editor>
 </div>