Add autoload on search option to growing list

Auto load more items if after applying the search filter
only <= autoloadOnSearch items are visible.
Use false or -1 to disable (true is counted as 0).

src/app/components/growing-list/growing-list.component.ts

@@ -28,6 +28,7 @@ export class GrowingListComponent implements OnInit, OnDestroy {
     @Input() set search(value: string | null) {
         this.normalizedSearch = value?.toLowerCase()?.trim() ?? null;
     }
+    @Input() autoloadOnSearch: boolean | number = false;
 
     normalizedSearch: string | null = null;
 
@@ -362,6 +363,13 @@ export class GrowingListComponent implements OnInit, OnDestroy {
             this.visibleItems.emit(itemsInSearch);
             this.visibleCollectionSize.emit(itemsInSearchCount);
         });
+        if (this.autoloadOnSearch !== false) {
+            const minItems = this.autoloadOnSearch === true ? 0 : this.autoloadOnSearch;
+            const underMinItems = itemsInSearchCount <= minItems;
+            if (underMinItems && this.loadMoreApiLink != null) {
+                this.loadMore();
+            }
+        }
     }
 
     onItemClick(link: ApiLink) {

src/app/components/plugin-sidebar/plugin-sidebar.component.html

@@ -79,8 +79,8 @@ <h3 class="plugin-group-header">
                 <mat-divider></mat-divider>
             </summary>
             <qhana-growing-list [apiLink]="group.link" [query]="group?.query ?? null" [search]="searchInput.value"
-                [highlighted]="highlightedPlugins" [highlightByKey]="'pluginId'" (clickItem)="selectPlugin($event)"
-                #pluginList></qhana-growing-list>
+                [autoloadOnSearch]="true" [highlighted]="highlightedPlugins" [highlightByKey]="'pluginId'"
+                (clickItem)="selectPlugin($event)" #pluginList></qhana-growing-list>
             <mat-divider></mat-divider>
         </details>
     </div>