Method toggle

src/components/fileTree/index.js:172–205

()

		$content._fileTree = null;

		const toggle = async () => {
			const isExpanded = !$wrapper.classList.contains("hidden");

			if (isExpanded) {
				// Collapse
				$wrapper.classList.add("hidden");

				if (childTree) {
					childTree.destroy();
					this.childTrees.delete(url);
					childTree = null;
					$content._fileTree = null;
				}
				this.options.onExpandedChange?.(url, false);
			} else {
				// Expand
				$wrapper.classList.remove("hidden");
				$title.classList.add("loading");

				// Create child tree with incremented depth
				childTree = new FileTree($content, {
					...this.options,
					_depth: this.depth + 1,
				});
				this.childTrees.set(url, childTree);
				$content._fileTree = childTree;
				try {
					await childTree.load(url);
				} finally {
					$title.classList.remove("loading");
				}
				this.options.onExpandedChange?.(url, true);
			}
		};

		$title.addEventListener("click", (e) => {
			e.stopPropagation();