blob: 7c691a7b4efe07b43c48fbc2fd5fcd7ca2e96ed0 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
/*
* SPDX-FileCopyrightText: 2024 The Refinery Authors <https://refinery.tools/>
*
* SPDX-License-Identifier: EPL-2.0
*/
import { makeAutoObservable } from 'mobx';
export type ExportFormat = 'svg' | 'pdf' | 'png';
export type StaticTheme = 'light' | 'dark';
export type ExportTheme = StaticTheme | 'dynamic';
export default class ExportSettingsStore {
format: ExportFormat = 'svg';
private staticTheme: StaticTheme = 'light';
private _theme: ExportTheme = 'light';
private _transparent = true;
private embedSVGFonts = false;
private embedPDFFonts = true;
scale = 100;
constructor() {
makeAutoObservable(this);
}
setFormat(format: ExportFormat): void {
this.format = format;
}
setTheme(theme: ExportTheme): void {
this._theme = theme;
if (theme !== 'dynamic') {
this.staticTheme = theme;
}
}
toggleTransparent(): void {
this._transparent = !this._transparent;
}
toggleEmbedFonts(): void {
this.embedFonts = !this.embedFonts;
}
setScale(scale: number): void {
this.scale = scale;
}
get theme(): ExportTheme {
return this.format === 'svg' ? this._theme : this.staticTheme;
}
get transparent(): boolean {
return this.theme === 'dynamic' ? true : this._transparent;
}
get embedFonts(): boolean {
if (this.theme === 'dynamic') {
return false;
}
return this.format === 'pdf' ? this.embedPDFFonts : this.embedSVGFonts;
}
private set embedFonts(embedFonts: boolean) {
if (this.format === 'pdf') {
this.embedPDFFonts = embedFonts;
}
this.embedSVGFonts = embedFonts;
}
get canSetDynamicTheme(): boolean {
return this.format === 'svg';
}
get canChangeTransparency(): boolean {
return this.theme !== 'dynamic';
}
get canEmbedFonts(): boolean {
return (
(this.format === 'svg' || this.format === 'pdf') &&
this.theme !== 'dynamic'
);
}
get canScale(): boolean {
return this.format === 'png';
}
}
|