diff --git a/src/app/shared/search/advanced-search/advanced-search.component.html b/src/app/shared/search/advanced-search/advanced-search.component.html
new file mode 100644
index 0000000000..d9633c7eda
--- /dev/null
+++ b/src/app/shared/search/advanced-search/advanced-search.component.html
@@ -0,0 +1,14 @@
+
{{ 'search.sidebar.advanced-search.title' | translate }}
+
+
{{ 'search.sidebar.advanced-search.filter-by' | translate }}
+
+
+
diff --git a/src/app/shared/search/advanced-search/advanced-search.component.scss b/src/app/shared/search/advanced-search/advanced-search.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/app/shared/search/advanced-search/advanced-search.component.spec.ts b/src/app/shared/search/advanced-search/advanced-search.component.spec.ts
new file mode 100644
index 0000000000..a8f4811d28
--- /dev/null
+++ b/src/app/shared/search/advanced-search/advanced-search.component.spec.ts
@@ -0,0 +1,36 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { AdvancedSearchComponent } from './advanced-search.component';
+import { SearchConfigurationService } from '../../../core/shared/search/search-configuration.service';
+import { SearchConfigurationServiceStub } from '../../testing/search-configuration-service.stub';
+import { TranslateModule } from '@ngx-translate/core';
+
+describe('AdvancedSearchComponent', () => {
+ let component: AdvancedSearchComponent;
+ let fixture: ComponentFixture;
+
+ let searchConfigurationService: SearchConfigurationServiceStub;
+
+ beforeEach(async () => {
+ searchConfigurationService = new SearchConfigurationServiceStub();
+
+ await TestBed.configureTestingModule({
+ imports: [
+ TranslateModule.forRoot(),
+ ],
+ declarations: [
+ AdvancedSearchComponent,
+ ],
+ providers: [
+ { provide: SearchConfigurationService, useValue: searchConfigurationService },
+ ],
+ }).compileComponents();
+
+ fixture = TestBed.createComponent(AdvancedSearchComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/shared/search/advanced-search/advanced-search.component.ts b/src/app/shared/search/advanced-search/advanced-search.component.ts
new file mode 100644
index 0000000000..6607cef6e4
--- /dev/null
+++ b/src/app/shared/search/advanced-search/advanced-search.component.ts
@@ -0,0 +1,47 @@
+import { Component, Input, OnInit } from '@angular/core';
+import { map, Observable } from 'rxjs';
+import { SearchConfigurationService } from '../../../core/shared/search/search-configuration.service';
+import { FilterConfig, SearchConfig } from '../../../core/shared/search/search-filters/search-config.model';
+
+@Component({
+ selector: 'ds-advanced-search',
+ templateUrl: './advanced-search.component.html',
+ styleUrls: ['./advanced-search.component.scss'],
+})
+export class AdvancedSearchComponent implements OnInit {
+
+ @Input() configuration: string;
+
+ advancedFilters$: Observable;
+
+ advancedFilterMap$: Observable