blob: dcfad0e40667322364904f3b68fa02c5aee9eebf [file] [log] [blame]
import '../../../shared/jump/jump';
import '../../../shared/playground/playground';
import { SelectNavController, makeSelectNav } from '../../../shared/outline/select';
import { TreeNavController } from '../../../shared/outline/tree';
import { ExpandableRowsTableController } from '../../../shared/table/table';
const directories = document.querySelector<HTMLTableElement>('.js-expandableTable');
if (directories) {
const table = new ExpandableRowsTableController(
directories,
document.querySelector<HTMLButtonElement>('.js-expandAllDirectories')
);
// Expand directories on page load with expand-directories query param.
if (window.location.search.includes('expand-directories')) {
table.expandAllItems();
}
}
const treeEl = document.querySelector<HTMLElement>('.js-tree');
if (treeEl) {
const treeCtrl = new TreeNavController(treeEl);
const select = makeSelectNav(treeCtrl);
const mobileNav = document.querySelector('.js-mainNavMobile');
if (mobileNav && mobileNav.firstElementChild) {
mobileNav?.replaceChild(select, mobileNav.firstElementChild);
}
if (select.firstElementChild) {
new SelectNavController(select.firstElementChild);
}
}
/**
* Event handlers for expanding and collapsing the readme section.
*/
const readme = document.querySelector('.js-readme');
const readmeContent = document.querySelector('.js-readmeContent');
const readmeOutline = document.querySelector('.js-readmeOutline');
const readmeExpand = document.querySelectorAll('.js-readmeExpand');
const readmeCollapse = document.querySelector('.js-readmeCollapse');
const mobileNavSelect = document.querySelector<HTMLSelectElement>('.DocNavMobile-select');
if (readme && readmeContent && readmeOutline && readmeExpand.length && readmeCollapse) {
if (window.location.hash.includes('readme')) {
readme.classList.add('UnitReadme--expanded');
}
mobileNavSelect?.addEventListener('change', e => {
if ((e.target as HTMLSelectElement).value.startsWith('readme-')) {
readme.classList.add('UnitReadme--expanded');
}
});
readmeExpand.forEach(el =>
el.addEventListener('click', e => {
e.preventDefault();
readme.classList.add('UnitReadme--expanded');
readme.scrollIntoView();
})
);
readmeCollapse.addEventListener('click', e => {
e.preventDefault();
readme.classList.remove('UnitReadme--expanded');
if (readmeExpand[1]) {
readmeExpand[1].scrollIntoView({ block: 'center' });
}
});
readmeContent.addEventListener('keyup', () => {
readme.classList.add('UnitReadme--expanded');
});
readmeContent.addEventListener('click', () => {
readme.classList.add('UnitReadme--expanded');
});
readmeOutline.addEventListener('click', () => {
readme.classList.add('UnitReadme--expanded');
});
document.addEventListener('keydown', e => {
if ((e.ctrlKey || e.metaKey) && e.key === 'f') {
readme.classList.add('UnitReadme--expanded');
}
});
}
/**
* Expand details items that are focused. This will expand
* deprecated symbols when they are navigated to from the index
* or a direct link.
*/
function openDeprecatedSymbol() {
if (!location.hash) return;
const heading = document.querySelector(location.hash);
const grandParent = heading?.parentElement?.parentElement as HTMLDetailsElement | null;
if (grandParent?.nodeName === 'DETAILS') {
grandParent.open = true;
}
}
openDeprecatedSymbol();
window.addEventListener('hashchange', () => openDeprecatedSymbol());
/**
* Listen for changes in the build context dropdown.
*/
document.querySelectorAll('.js-buildContextSelect').forEach(el => {
el.addEventListener('change', e => {
window.location.search = `?GOOS=${(e.target as HTMLSelectElement).value}`;
});
});