Method bind

src/actions/Dialog.ts:91–116

(selector: string)

	}

	static override async bind(selector: string): Promise<void> {
		// Add listener for the text speed setting (TypeWriter reads from preference directly)
		const engine = this.engine;
		const clamp = (num: number, min: number, max: number): number => Math.min(Math.max(num, min), max);
		$_(`${selector} [data-action="set-text-speed"]`).on('change mouseover', function (this: HTMLInputElement) {
			const textbox = engine.element().find('[data-component="text-box"] [data-component="type-writer"]').get(0) as TypeWriter | undefined;
			const maxTextSpeed = engine.setting('maxTextSpeed') as number;
			const minPlaySpeed = engine.setting('minTextSpeed') as number;
			const value = clamp(parseInt(this.value), minPlaySpeed, maxTextSpeed);

			engine.preference('TextSpeed', value);
			textbox?.setState({ config: { typeSpeed: value } });
		});

		// Detect scroll on the text element to remove the unread class used when
		// there's text not being shown in NVL mode.
		$_(`${selector} [data-component="text-box"] [data-content="text"]`).on('scroll', () => {
			const text_box = this.engine.element().find('[data-component="text-box"]');
			if (text_box.exists()) {
				const element = text_box.get(0) as any;
				if (typeof element.checkUnread === 'function') {
					element.checkUnread();
				}
			}
		});
	}

	static override async init(selector: string): Promise<void> {
		// Remove the Text Speed setting if the type animation was disabled