${category.map(cat => `
`).join('')}
`;
header.querySelectorAll('.category-btn').forEach(btn => {
this.blockMousePropagation(btn);
btn.addEventListener('click', (e) => {
const category = e.target.dataset.category;
if (category) {
this.setActiveCategory(category);
}
});
});
const closeButton = header.querySelector('button');
closeButton === null || closeButton === void 0 ? void 0 : closeButton.addEventListener('click', () => {
this.toggleMenuVisibility();
});
const searchInput = header.querySelector('#kxsSearchInput');
if (searchInput) {
this.blockMousePropagation(searchInput, false);
// Gestionnaire pour mettre à jour la recherche
searchInput.addEventListener('input', (e) => {
this.searchTerm = e.target.value.toLowerCase();
this.filterOptions();
});
// Prevent keys from being interpreted by the game
// We only block the propagation of keyboard events, except for special keys
['keydown', 'keyup', 'keypress'].forEach(eventType => {
searchInput.addEventListener(eventType, (e) => {
const keyEvent = e;
// Don't block special keys (Escape, Shift)
if (keyEvent.key === 'Escape' || (keyEvent.key === 'Shift' && keyEvent.location === 2)) {
return; // Let the event propagate normally
}
// Block propagation for all other keys
e.stopPropagation();
});
});
// Éviter que la barre de recherche ne reprenne automatiquement le focus
// lorsque l'utilisateur interagit avec un autre champ de texte
searchInput.addEventListener('blur', (e) => {
// Ne pas reprendre le focus si l'utilisateur clique sur un autre input
const newFocusElement = e.relatedTarget;
if (newFocusElement && (newFocusElement.tagName === 'INPUT' || newFocusElement.tagName === 'TEXTAREA')) {
// L'utilisateur a cliqué sur un autre champ de texte, ne pas reprendre le focus
return;
}
// Pour les autres cas, seulement si aucun autre élément n'a le focus
setTimeout(() => {
const activeElement = document.activeElement;
if (this.isClientMenuVisible &&
activeElement &&
activeElement !== searchInput &&
activeElement.tagName !== 'INPUT' &&
activeElement.tagName !== 'TEXTAREA') {
searchInput.focus();
}
}, 100);
});
}
this.menu.appendChild(header);
}
clearMenu() {
const gridContainer = document.getElementById('kxsMenuGrid');
if (gridContainer) {
gridContainer.innerHTML = '';
}
// Reset search term when clearing menu
this.searchTerm = '';
const searchInput = document.getElementById('kxsSearchInput');
if (searchInput) {
searchInput.value = '';
}
}
loadOption() {
// Clear existing options to avoid duplicates
this.allOptions = [];
let HUD = this.addSection("HUD", 'HUD');
let MECHANIC = this.addSection("MECHANIC", 'MECHANIC');
let SERVER = this.addSection("SERVER", 'SERVER');
let SOUND = this.addSection("SOUND", 'SOUND');
let MISC = this.addSection("MISC", 'MISC');
this.addOption(MISC, {
label: "Game History",
value: true,
category: "MISC",
icon: '