Add setOnChange function (samuelmeuli/font-picker-react#11)

samuelmeuli · May 29, 2019 · 8b89a3f · 8b89a3f
1 parent a45017e
commit 8b89a3f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/src/font-manager/FontManager.ts b/src/font-manager/FontManager.ts
@@ -15,7 +15,7 @@ export default class FontManager {
 
 	private readonly options: Options;
 
-	private readonly onChange: (font: Font) => void;
+	private onChange: (font: Font) => void;
 
 	// Other class variables
 
@@ -172,4 +172,11 @@ export default class FontManager {
 			},
 		);
 	}
+
+	/**
+	 * Update the onChange function (executed when changing the active font)
+	 */
+	public setOnChange(onChange: (font: Font) => void): void {
+		this.onChange = onChange;
+	}
 }
diff --git a/src/font-picker/FontPicker.ts b/src/font-picker/FontPicker.ts
@@ -273,6 +273,13 @@ export default class FontPicker {
 		) as HTMLButtonElement;
 		this.activeFontButton.classList.add("active-font");
 	}
+
+	/**
+	 * Update the onChange function (executed when changing the active font)
+	 */
+	public setOnChange(onChange: (font: Font) => void): void {
+		this.fontManager.setOnChange(onChange);
+	}
 }
 
 // Attach FontPicker class to window to make it accessible in <script> tags