v3shin

const thirdArray = firstArray.map(el1 => secondArray.filter(el2 => el2.id === el1.id && el2.secondId === el1.secondId)[0] || el1);

// on mouseleave
leaveTimeout = setTimeout(function () {
    $('.subblock').removeClass('active');
},1000);

// on enter
if (leaveTimeout) clearTimeout(leaveTimeout);

Так, что ли?

let that = this;
$$('.btn').on('click', function (e) {
    console.log(that)
});

1. исправить опечатку в выборке элементов
2. использовать не querySelector, а querySelectorAll для выбора всех элементов, а не одного
3. выбрав все элементы, разбираться с ними поодиночке

document.querySelectorAll('.menu-class-a, .menu-class-b, .menu-class-c').forEach(elem => elem.classList.toggle('active'));

$('#all').val($('#id1').val() + $('#id2').val() + $('#id3').val());

Если нужны пробелы, сами придумайте как вставить: вы же программист.

Можно пойти с обратной стороны:

$('.child_class').closest('.parent_class').addClass('other_class');

$('.link-cart-index').hover(function(){
    $('.cart-i').toggleClass('active-cart-1');
});

При клике на Применить в блоке вызывайте что-то типа validate(block):

function validate(block) {
    block.querySelectorAll('input') // и дальше по коду
}

То есть, ищите элементы не в document, а в конкретном блоке.

document.querySelector('.show'); выбирает только первый элемент .show, а вам нужен кликнутый элемент.

document.querySelector(".wrapper").addEventListener("click", function (e) {
    e.target.closest('.show').classList.add("show-hidden");
});

Я бы разнес нужные элементы по разным переменным. Примерно:

let elСountTwo = el.countTwo ? `${el.countTwoTxt}: ${el.countTwo}` : '',
    elСountThree = el.countThree? `${el.countThreeTxt}: ${el.countThree}` : '';

И потом бы в шаблоне выводил:

`<div class="item">${elСountTwo} ${elСountThree}</div>`

width() возвращает ширину блока без отступов. Используйте outerWidth(), тогда увидите, что ширина больше ожидаемой.

В общем, проблема была где-то с webpack-stream, ее я решить не смог. Зато файлы нормально собрались через webpack без gulp'а с тем же конфигом.
Правильный ответ такой: так как у нас на проекте никто не знает как собирать статику, я могу лепить что хочу. Добавил задачу в package по сборке через webpack и работаю через нее.