Function toggleSearch

src/handlers/quickTools.js:340–405

()

}

function toggleSearch() {
	const $footer = quickTools.$footer;
	const $searchRow1 = quickTools.$searchRow1;
	const $searchRow2 = quickTools.$searchRow2;
	const $searchInput = quickTools.$searchInput.el;
	const $toggler = quickTools.$toggler;
	const { editor } = editorManager;
	const selectedText = getSelectedText(editor);

	if (!$footer.contains($searchRow1)) {
		const { className } = quickTools.$toggler;
		const $content = [...$footer.children];
		const footerHeight = getFooterHeight();
		activeSearchState = { className, content: $content, footerHeight };

		$toggler.className = "floating icon clearclose";
		$footer.content = [$searchRow1, $searchRow2];
		setRefValue($searchInput, selectedText || "");

		$searchInput.oninput = function () {
			find(0, false);
		};

		$searchInput.onsearch = function () {
			if (this.value) {
				searchHistory.addToHistory(this.value);
				find(1, false);
			} else {
				find(0, false);
			}
		};

		// Setup history navigation for search inputs
		setupHistoryNavigation();

		setFooterHeight(2);
		find(0, false);

		actionStack.push({
			id: "search-bar",
			action: () => {
				const restoreState = activeSearchState || {
					className,
					content: $content,
					footerHeight,
				};
				removeSearch();
				$footer.content = restoreState.content;
				$toggler.className = restoreState.className;
				setFooterHeight(restoreState.footerHeight);
				activeSearchState = null;
			},
		});
	} else {
		const inputValue = getRefValue($searchInput);
		if (inputValue !== selectedText) {
			setRefValue($searchInput, selectedText || "");
			find(0, false);