Order By Styling Update, Search Bar Clear Added

libs/feature/return/containers/src/lib/return-order-by-list/return-order-by-list.component.html

@@ -1,8 +1,8 @@
 <ui-toolbar>
   <span class="text-isa-neutral-600 isa-text-body-1-regular">Sortieren</span>
   <div class="flex-grow"></div>
-  <button uiTextButton>Belegdatum</button>
-  <button uiTextButton>Email</button>
-  <button uiTextButton>Name</button>
-  <button uiTextButton>PLZ</button>
+  <button (click)="onClick('Belegdatum')" uiTextButton>Belegdatum</button>
+  <button (click)="onClick('Email')" uiTextButton>Email</button>
+  <button (click)="onClick('Name')" uiTextButton>Name</button>
+  <button (click)="onClick('PLZ')" uiTextButton>PLZ</button>
 </ui-toolbar>

libs/feature/return/containers/src/lib/return-order-by-list/return-order-by-list.component.ts

@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { TextButtonComponent } from '@isa/ui/buttons';
 import { ToolbarComponent } from '@isa/ui/toolbar';
 
 @Component({
@@ -7,6 +8,10 @@ import { ToolbarComponent } from '@isa/ui/toolbar';
   styleUrls: ['./return-order-by-list.component.css'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   standalone: true,
-  imports: [ToolbarComponent],
+  imports: [ToolbarComponent, TextButtonComponent],
 })
-export class ReturnOrderByListComponent {}
+export class ReturnOrderByListComponent {
+  onClick(label: string) {
+    console.log('Order By click -', label);
+  }
+}

libs/shared/filter/src/lib/inputs/search-bar-input/search-bar-input.component.html

@@ -8,6 +8,10 @@
       (keydown.enter)="onSearch()"
     />
 
+    <ui-search-bar-clear
+      [class.pr-4]="appearance() === 'results'"
+    ></ui-search-bar-clear>
+
     @if (appearance() === 'main') {
       <button
         type="submit"

libs/shared/filter/src/lib/inputs/search-bar-input/search-bar-input.component.ts

@@ -7,7 +7,10 @@ import {
   output,
   ViewEncapsulation,
 } from '@angular/core';
-import { UiSearchBarComponent } from '@isa/ui/search-bar';
+import {
+  UiSearchBarClearComponent,
+  UiSearchBarComponent,
+} from '@isa/ui/search-bar';
 import { FormControl, ReactiveFormsModule } from '@angular/forms';
 import { IconButtonColor, IconButtonComponent } from '@isa/ui/buttons';
 import { NgIconComponent, provideIcons } from '@ng-icons/core';
@@ -29,6 +32,7 @@ import { Platform } from '@angular/cdk/platform';
     NgIconComponent,
     ReactiveFormsModule,
     IconButtonComponent,
+    UiSearchBarClearComponent,
   ],
   host: {
     '[class]': "['filter-search-bar-input', appearanceClass()]",