@if (readingProfiles.length < virtualScrollerBreakPoint) { @for (readingProfile of readingProfiles; track readingProfile.id) { } } @else { @for (readingProfile of scroll.viewPortItems; track readingProfile.id) { } }

@if (selectedProfile === null) {

} @if (readingProfileForm !== null && selectedProfile !== null) {

@if (selectedProfile.id !== 0) {

}

{{t('image-reader-settings-title')}} @defer (when activeTabId === TabId.ImageReader; prefetch on idle) {

{{readingProfileForm.get('readingDirection')!.value | readingDirection}}

{{readingProfileForm.get('scalingOption')!.value | scalingOption}}

{{readingProfileForm.get('pageSplitOption')!.value | pageSplitOption}}

{{readingProfileForm.get('readerMode')!.value | readerMode}}

{{readingProfileForm.get('layoutMode')!.value | layoutMode}}

{{ selectedProfile!.backgroundColor.toUpperCase() }}

@if (readingProfileForm.get("widthOverride"); as widthOverride) {
{{ widthOverrideLabel | sentenceCase }}
{{ widthOverrideLabel | sentenceCase }}

}
}
{{t('book-reader-settings-title')}} @defer (when activeTabId === TabId.BookReader; prefetch on idle) { @if (selectedProfile !== null && readingProfileForm !== null) {

{{readingProfileForm.get('bookReaderReadingDirection')!.value | readingDirection}}

{{readingProfileForm.get('bookReaderFontFamily')!.value | titlecase}}

{{readingProfileForm.get('bookReaderWritingStyle')!.value | writingStyle}}

{{readingProfileForm.get('bookReaderLayoutMode')!.value | bookPageLayoutMode}}

{{readingProfileForm.get('bookReaderThemeName')!.value}}

{{readingProfileForm.get('bookReaderFontSize')?.value + '%'}}

{{readingProfileForm.get('bookReaderFontSize')?.value + '%'}}

{{readingProfileForm.get('bookReaderLineSpacing')?.value + '%'}}

{{readingProfileForm.get('bookReaderLineSpacing')?.value + '%'}}

{{readingProfileForm.get('bookReaderMargin')?.value + '%'}}

{{readingProfileForm!.get('bookReaderMargin')?.value + '%'}}

} }
{{t('pdf-reader-settings-title')}} @defer (when activeTabId === TabId.PdfReader; prefetch on idle) {

{{readingProfileForm!.get('pdfSpreadMode')!.value | pdfSpreadMode}}

{{readingProfileForm!.get('pdfTheme')!.value | pdfTheme}}

{{readingProfileForm!.get('pdfScrollMode')!.value | pdfScrollMode}}

}

}