From ab0c23bf7f36af6166b0a1159910f197e467b775 Mon Sep 17 00:00:00 2001
From: reiterl <ludwig.reiter@intevation.de>
Date: Mon, 9 Oct 2023 14:21:23 +0200
Subject: [PATCH] Add clear selection option in search-selector (#2860)

---
 .../components/motion-content/motion-content.component.html | 1 +
 .../base-search-selector.component.html                     | 1 +
 .../base-search-selector/base-search-selector.component.ts  | 6 ++++++
 3 files changed, 8 insertions(+)

diff --git a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/components/motion-content/motion-content.component.html b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/components/motion-content/motion-content.component.html
index 82cd9fdf1a..23c2f060ca 100644
--- a/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/components/motion-content/motion-content.component.html
+++ b/client/src/app/site/pages/meetings/pages/motions/pages/motion-detail/components/motion-content/motion-content.component.html
@@ -183,6 +183,7 @@
                 placeholder="{{ 'Category' | translate }}"
                 [repo]="categoryRepo"
                 [excludeIds]="true"
+                [addClearSelection]="true"
             ></os-repo-search-selector>
         </mat-form-field>
     </div>
diff --git a/client/src/app/ui/modules/search-selector/components/base-search-selector/base-search-selector.component.html b/client/src/app/ui/modules/search-selector/components/base-search-selector/base-search-selector.component.html
index 2df217f737..e4512c3c50 100644
--- a/client/src/app/ui/modules/search-selector/components/base-search-selector/base-search-selector.component.html
+++ b/client/src/app/ui/modules/search-selector/components/base-search-selector/base-search-selector.component.html
@@ -68,6 +68,7 @@
         >
             {{ noOptionsFoundLabel | translate }}
         </mat-option>
+        <mat-option *ngIf="addClearSelection">-</mat-option>
         <mat-option
             #currentOption
             *cdkVirtualFor="let selectableItem of filteredItemsObservable | async"
diff --git a/client/src/app/ui/modules/search-selector/components/base-search-selector/base-search-selector.component.ts b/client/src/app/ui/modules/search-selector/components/base-search-selector/base-search-selector.component.ts
index b7802dfff9..6bedf3d112 100644
--- a/client/src/app/ui/modules/search-selector/components/base-search-selector/base-search-selector.component.ts
+++ b/client/src/app/ui/modules/search-selector/components/base-search-selector/base-search-selector.component.ts
@@ -142,6 +142,12 @@ export abstract class BaseSearchSelectorComponent extends BaseFormFieldControlCo
     @Input()
     public wider = false;
 
+    /**
+     * If true, a clear selection option is added to the selection list.
+     */
+    @Input()
+    public addClearSelection = false;
+
     public itemSizeInPx = 50;
 
     public get panelHeight(): number {