Make 'FileSectionComponent' themeable

src/app/item-page/item-page.module.ts

@@ -31,6 +31,7 @@ import { MediaViewerComponent } from './media-viewer/media-viewer.component';
 import { MediaViewerVideoComponent } from './media-viewer/media-viewer-video/media-viewer-video.component';
 import { MediaViewerImageComponent } from './media-viewer/media-viewer-image/media-viewer-image.component';
 import { NgxGalleryModule } from '@kolkov/ngx-gallery';
+import { ThemedFileSectionComponent} from './simple/field-components/file-section/themed-file-section.component';
 
 const ENTRY_COMPONENTS = [
   // put only entry components that use custom decorator
@@ -39,6 +40,7 @@ const ENTRY_COMPONENTS = [
 ];
 
 const DECLARATIONS = [
+  ThemedFileSectionComponent,
   ItemPageComponent,
   ThemedItemPageComponent,
   FullItemPageComponent,

src/app/item-page/simple/field-components/file-section/themed-file-section.component.ts

@@ -0,0 +1,28 @@
+import { ThemedComponent } from '../../../../shared/theme-support/themed.component';
+import { FileSectionComponent } from './file-section.component';
+import {Component, Input} from '@angular/core';
+import {Item} from '../../../../core/shared/item.model';
+
+@Component({
+    selector: 'ds-themed-item-page-file-section',
+    templateUrl: '../../../../shared/theme-support/themed.component.html',
+})
+export class ThemedFileSectionComponent extends ThemedComponent<FileSectionComponent> {
+
+    @Input() item: Item;
+
+    protected inAndOutputNames: (keyof FileSectionComponent & keyof this)[] = ['item'];
+
+    protected getComponentName(): string {
+        return 'FileSectionComponent';
+    }
+
+    protected importThemedComponent(themeName: string): Promise<any> {
+        return import(`../../../../../themes/${themeName}/app/item-page/simple/field-components/file-section/file-section.component`);
+    }
+
+    protected importUnthemedComponent(): Promise<any> {
+        return import(`./file-section.component`);
+    }
+
+}

src/app/item-page/simple/item-types/publication/publication.component.html

@@ -16,7 +16,7 @@
     <ng-container *ngIf="mediaViewer.image">
       <ds-media-viewer [item]="object" [videoOptions]="mediaViewer.video"></ds-media-viewer>
     </ng-container>
-    <ds-item-page-file-section [item]="object"></ds-item-page-file-section>
+    <ds-themed-item-page-file-section [item]="object"></ds-themed-item-page-file-section>
     <ds-item-page-date-field [item]="object"></ds-item-page-date-field>
     <ds-metadata-representation-list class="ds-item-page-mixed-author-field"
       [parentItem]="object"

src/app/item-page/simple/item-types/untyped-item/untyped-item.component.html

@@ -16,7 +16,7 @@
     <ng-container *ngIf="mediaViewer.image">
       <ds-media-viewer [item]="object" [videoOptions]="mediaViewer.video"></ds-media-viewer>
     </ng-container>
-    <ds-item-page-file-section [item]="object"></ds-item-page-file-section>
+    <ds-themed-item-page-file-section [item]="object"></ds-themed-item-page-file-section>
     <ds-item-page-date-field [item]="object"></ds-item-page-date-field>
     <ds-metadata-representation-list class="ds-item-page-mixed-author-field"
       [parentItem]="object"

src/themes/custom/app/item-page/simple/field-components/file-section/file-section.component.html

@@ -0,0 +1 @@
+

src/themes/custom/app/item-page/simple/field-components/file-section/file-section.component.ts

@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { slideSidebarPadding } from '../../../../../../../app/shared/animations/slide';
+import { FileSectionComponent as BaseComponent } from '../../../../../../../app/item-page/simple/field-components/file-section/file-section.component';
+
+@Component({
+    selector: 'ds-item-page-file-section',
+    // templateUrl: './file-section.component.html',
+    templateUrl: '../../../../../../../app/item-page/simple/field-components/file-section/file-section.component.html',
+    animations: [slideSidebarPadding],
+})
+export class FileSectionComponent extends BaseComponent {
+
+}

src/themes/custom/theme.module.ts

@@ -79,8 +79,10 @@ import { HeaderComponent } from './app/header/header.component';
 import { FooterComponent } from './app/footer/footer.component';
 import { BreadcrumbsComponent } from './app/breadcrumbs/breadcrumbs.component';
 import { HeaderNavbarWrapperComponent } from './app/header-nav-wrapper/header-navbar-wrapper.component';
+import { FileSectionComponent} from './app/item-page/simple/field-components/file-section/file-section.component';
 
 const DECLARATIONS = [
+  FileSectionComponent,
   HomePageComponent,
   HomeNewsComponent,
   RootComponent,