license import { ChangeDetectionStrategy , Component } from '@angular/core' ; import { StoreService } from 'src/app/store.service' ; import { availableThemes } from 'src/app/utils/theme-option' ; import { defaultFuriganaStyle } from '../../models/furigana-style.model' ; import { defaultWritingMode } from '../../models/writing-mode.model' ; const availableThemeList = Object . entries ( availableThemes ) . map ( ( [ theme , option ] ) => ( { theme , option , } ) ) ; @ Component ( { selector : 'app-settings-content' , templateUrl : './settings-content.component.html' , styleUrls : [ './settings-content.component.scss' ] , changeDetection : ChangeDetectionStrategy . OnPush , } ) export class SettingsContentComponent { availableThemeList = availableThemeList ; selectedTheme$ = this . store . theme$ ; fontSize$ = this . store . fontSize$ ; fontFamilyGroupOne$ = this . store . fontFamilyGroupOne$ ; fontFamilyGroupTwo$ = this . store . fontFamilyGroupTwo$ ; blurImage$ = this . store . hideSpoilerImage$ ; furiganaMode$ = this . store . hideFurigana$ ; furiganaStyle$ = this . store . furiganaStyle$ ; defaultFuriganaStyle = defaultFuriganaStyle ; writingMode$ = this . store . writingMode$ ; secondDimensionMaxValue$ = this . store . secondDimensionMaxValue$ ; firstDimensionMargin$ = this . store . firstDimensionMargin$ ; autoPositionOnResize$ = this . store . autoPositionOnResize$ ; defaultWritingMode = defaultWritingMode ; constructor ( private store ) { } }