Function configureNumberSetting

src/settings/components/settingHelpers.ts:268–313

(setting: Setting, options: NumberSettingOptions)

 * Helper for configuring a number input setting (works with SettingGroup.addSetting)
 */
export function configureNumberSetting(setting: Setting, options: NumberSettingOptions): Setting {
	const setValue = options.debounceMs
		? debounce((value: number) => {
				runAsyncSettingCallback(() => options.setValue(value));
			}, options.debounceMs)
		: (value: number) => {
				runAsyncSettingCallback(() => options.setValue(value));
			};

	return setting
		.setName(options.name)
		.setDesc(options.desc)
		.addText((text) => {
			text.setValue(options.getValue().toString()).onChange((value) => {
				const num = parseInt(value);
				if (!isNaN(num)) {
					if (options.min !== undefined && num < options.min) return;
					if (options.max !== undefined && num > options.max) return;
					setValue(num);
				}
			});

			text.inputEl.type = "number";

			if (options.placeholder) {
				text.setPlaceholder(options.placeholder);
			}

			if (options.min !== undefined) {
				text.inputEl.setAttribute("min", options.min.toString());
			}

			if (options.max !== undefined) {
				text.inputEl.setAttribute("max", options.max.toString());
			}

			if (options.ariaLabel) {
				text.inputEl.setAttribute("aria-label", options.ariaLabel);
			}

			// Apply consistent styling
			text.inputEl.addClass("settings-view__input");

			return text;
		});
}

/**
 * Helper for creating standard number input settings