Add clear selection option in search-selector

client/src/app/site/pages/meetings/pages/motions/components/motion-multiselect/services/motion-multiselect.service.ts

@@ -419,9 +419,11 @@ export class MotionMultiselectService {
         }
         return submitterIds.map(id => ({ id }));
     }
+
     private submitterInMotion(userId: Id, motion: ViewMotion): boolean {
         return motion.submitters.some(submitter => userId == submitter.user_id);
     }
+
     private newSubmittersInMotion(userIds: Ids, motion: ViewMotion): Identifiable[] {
         const newSubmitters: Id[] = userIds.filter(userId => !this.submitterInMotion(userId, motion));
         return newSubmitters.map(id => ({ id }));

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>

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"

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 {