<c8y-search-input
  #input
  (filter)="onFilter($event)"
  (search)="onSearch($event)"
  (onClick)="onClick($event)"
  (onOpenToggle)="onOpenChange($event)"
  [enableCustomTemplatePlaceholder]="true"
  [customPlaceholder]="customPlaceholder"
  [customDataQuery]="customQuery"
  [externalTerm]="typeaheadReload"
  [mode]="(isWildcardSearchEnabled$ | async) ? 'wildcardsearch' : 'search'"
>
  @if (showAdvancedFilters && input.term.length > 0) {
    <c8y-search-custom-filters
      (refresh)="triggerDataLoad()"
      [useTabs]="isWildcardSearchEnabled$ | async"
      [(isOnlyHierarchyQuery)]="isOnlyHierarchyQuery"
      (customDataQuery)="customQuery = $event"
    ></c8y-search-custom-filters>
  }
</c8y-search-input>