OZG-6242 Fix destructive once again

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

@@ -22,8 +22,8 @@
  * unter der Lizenz sind dem Lizenztext zu entnehmen.
  */
 import { CommonModule } from '@angular/common';
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { VariantProps, cva } from 'class-variance-authority';
+import { booleanAttribute, Component, EventEmitter, Input, Output } from '@angular/core';
+import { cva, VariantProps } from 'class-variance-authority';
 
 import { IconVariants } from '../icons/iconVariants';
 import { SpinnerIconComponent } from '../icons/spinner-icon/spinner-icon.component';
@@ -86,7 +86,7 @@ type ButtonVariants = VariantProps<typeof buttonVariants>;
   imports: [CommonModule, SpinnerIconComponent],
   template: `<button
     type="button"
-    [ngClass]="buttonVariants({ size, variant, disabled, destructive: isDestructive })"
+    [ngClass]="buttonVariants({ size, variant, disabled, destructive })"
     [disabled]="isDisabled"
     [attr.aria-disabled]="isDisabled"
     [attr.aria-label]="text"
@@ -103,7 +103,7 @@ export class ButtonComponent {
   @Input() dataTestId: string = '';
   @Input() disabled: boolean = false;
   @Input() isLoading: boolean = false;
-  @Input() destructive: boolean = false;
+  @Input({ transform: booleanAttribute }) destructive: boolean = false;
   @Input() variant: ButtonVariants['variant'];
   @Input() size: ButtonVariants['size'];
   @Input() spinnerSize: IconVariants['size'] = 'medium';
@@ -114,9 +114,5 @@ export class ButtonComponent {
     return this.disabled || this.isLoading;
   }
 
-  get isDestructive() {
-    return Boolean(this.destructive);
-  }
-
   readonly buttonVariants = buttonVariants;
 }