Sha256: 6a5284f665fc5c2ac2d97121affff6425faf905617c600ba8d5105faf821c724
Contents?: true
Size: 1.19 KB
Versions: 4
Compression:
Stored size: 1.19 KB
Contents
import '@github/tab-container-element';
// // keep in sync with tab_container_component.rb
// const DEFAULT_SELECTED_CLASSES: string[] = ['ariadne-border-indigo-500', 'ariadne-text-indigo-600']
// const DEFAULT_UNSELECTED_CLASSES: string[] = [
// 'ariadne-text-gray-500',
// 'hover:ariadne-text-gray-700',
// 'hover:ariadne-border-gray-300'
// ]
for (const tabContainer of document.getElementsByTagName('tab-container')) {
tabContainer.addEventListener('tab-container-change', function (event) {
var _a;
const newPanel = event.detail.relatedTarget;
const tabContainer = newPanel.closest('tab-container');
const tabList = tabContainer.firstElementChild;
const currentTab = tabList.querySelector('[aria-selected="true"]');
const tabId = (_a = newPanel.getAttribute('id')) === null || _a === void 0 ? void 0 : _a.split('-').slice(1).join('-');
const newTab = tabList.querySelector(`#${tabId}`);
currentTab.classList.remove(...DEFAULT_SELECTED_CLASSES);
currentTab.classList.add(...DEFAULT_UNSELECTED_CLASSES);
newTab.classList.add(...DEFAULT_SELECTED_CLASSES);
newTab.classList.remove(...DEFAULT_UNSELECTED_CLASSES);
});
}
Version data entries
4 entries across 4 versions & 1 rubygems