/* eslint-disable linebreak-style */
$(function() {
$(function () {
var $cabinet = $(widget).find('[data-cabinet-link].is-logged-in');
if (!$cabinet.length) return;
var $text = $cabinet.find('[data-cabinet-text]');
var cacheKey = 'gp_client_cache';
var cachedRaw = sessionStorage.getItem(cacheKey);
if (cachedRaw) {
var cachedClient = JSON.parse(cachedRaw);
if (cachedClient && cachedClient.name) {
$text.text(cachedClient.name);
}
return;
}
if (typeof ajaxAPI === 'undefined' || !ajaxAPI.shop || !ajaxAPI.shop.client) {
return;
}
ajaxAPI.shop.client.get().done(function (client) {
if (client) {
sessionStorage.setItem(cacheKey, JSON.stringify(client));
if (client.name) {
$text.text(client.name);
}
}
});
});
// getLoyaltyInfo("373ae306dd8061b14ab4ddd80f08bd3ffa7d4a4a", 130772633);
if (typeof startTrack === 'function') {
startTrack("page_view", "open_cart", "cart");
}
const isTouch = !!("ontouchstart" in window || navigator.msMaxTouchPoints);
const mobilePoint = 768;
let sticky = $(widget).offset().top + $(widget).find('.layout__content').height() * 2;
// Фикс для редактора, когда есть другие виджеты шапок
if ($(widget).find('#header-with-left-menu').hasClass('is-editor')) {
$(window).on('resize', () => {
sticky = $(widget).offset().top + $(widget).find('.layout__content').height() * 2;
})
}
function isMobileWidth() {
return $(window).width() <= mobilePoint;
}
function getWidget(item) {
return item.closest('.layout');
}
$(function() {
if (isTouch) {
$(widget).find(".header").addClass("is-touch");
}
if ($(window).width() >= mobilePoint) {
new InsalesCutList($(widget).find(".js-cut-list"), {
moreBtnTitle: '',
alwaysVisibleElem: ".is-current",
});
}
$(window).on('load', function() {
$(widget).find(".js-cut-list").resize();
});
if ($(widget).find(".header__collections .is-current").length) {
if (
$(window).width() < mobilePoint ||
$(widget).css("--catalog-location") == "side-panel"
) {
$(widget).find(".header__collections .is-current").addClass("is-show");
}
}
$(widget)
.find(`.header-cat-menu .m-cat-menu li a[href="${location.pathname}"]`)
.parents("li")
.addClass("is-current");
$(widget)
.find(".header__collections-item")
.hover(
function() {
let submenu = $(this).find("> .header__collections-submenu");
if (
submenu.length &&
submenu.offset().left + submenu.innerWidth() > $(window).width()
) {
submenu.addClass("is-right");
}
},
function() {
$(this).find("> .header__collections-submenu").removeClass("is-right");
}
);
$(widget).find(".js-show-touch-submenu").on("click", function() {
let root_item = $(this).parents(".header__collections-item:last");
let cur_item = $(this).parents(".header__collections-item:first");
let submenu = cur_item.find("> .header__collections-submenu");
if ($(window).width() >= mobilePoint) {
if ($(this).parents(".cut-list__more-content").length) {
$(this)
.parents(".cut-list__more-content")
.find("> .header__collections-item.is-show")
.each(function() {
if ($(this).is(root_item) == false) {
$(this)
.removeClass("is-show is-right")
.find(".header__collections-item.is-show")
.removeClass("is-show is-right");
}
});
} else {
$(widget)
.find(".header__collections > .header__collections-item.is-show")
.each(function() {
if ($(this).is(root_item) == false) {
$(this)
.removeClass("is-show is-right")
.find(".header__collections-item.is-show")
.removeClass("is-show is-right");
}
});
}
}
cur_item.toggleClass("is-show");
if (
submenu.length &&
submenu.offset().left + submenu.innerWidth() > $(window).width()
) {
submenu.addClass("is-right");
}
});
$(document).on("click", function(event) {
if ($(event.target).closest(".header__collections").length) {
return;
}
if (
$(window).width() >= mobilePoint &&
$(widget).css("--catalog-location") != "side-panel"
) {
$(widget)
.find(".header__collections-item")
.removeClass("is-show is-right");
}
});
$(widget)
.find(".cut-list__drop-toggle")
.on("click", function() {
if ($(window).width() >= mobilePoint) {
$(widget)
.find(".header__collections-item")
.removeClass("is-show is-right");
}
});
$(widget)
.find(".js-start-search")
.on("click", function() {
$(widget).find(".header__search-form")[0].submit();
});
$(widget)
.find(".js-show-side-panel")
.on("click", function() {
$(widget).find(".header-overlay").addClass("is-show");
$(widget).find(".side-panel").addClass("is-show");
$(widget).find(".side-panel").css("visibility", "");
});
$(widget)
.find(".js-hide-side-panel")
.on("click", function() {
$(widget).find(".header-overlay").removeClass("is-show");
$(widget).find(".side-panel").removeClass("is-show");
});
$(widget)
.find(".js-toggle-languages-list")
.on("click", function() {
$(this).parents(".header__area-languages").toggleClass("is-show");
});
function positionLevelOnePanel($li, menu) {
let offset = menu.parent().offset().left;
$li.find('.m-cat-menu__wrapper').removeAttr('style');
$li.find('.m-cat-menu__level-1').width(menu.width() - $('.m-cat-menu__root-level').width() - 40)
$li.find('.m-cat-menu__level-1').css("padding-right", offset);
}
function collectionMenuDesktop(thisWidget) {
let menu = thisWidget.find(".header-cat-menu");
function menuMousenter() {
if (menu.hasClass('is-mobile')) {
$(widget).find('.is-mobile .m-cat-menu__show-next-level').off('mouseenter', menuMousenter);
return false;
}
if ($(this).hasClass('show-level-1')) {
positionLevelOnePanel($(this), menu);
$(this).find('.m-cat-menu__wrapper, .m-cat-menu').stop(true, true).delay(0).show(0, () => {
$(this).find('.m-cat-menu__wrapper').scrollTop(0);
menu.scrollTop(0);
if ($(this).find('.m-cat-menu__wrapper').get(0).scrollHeight > menu.height()) {
menu.find('.m-cat-menu').css('height', '100vh')
}
});
}
}
function menuMouseleave() {
if (menu.hasClass('is-mobile')) {
$(widget).find('.is-mobile .m-cat-menu__show-next-level').off('mouseleave', menuMouseleave);
return false;
}
function getMenuHeight() {
if (menu.find('.m-cat-menu > ul').height() <= $(window).height() - menu[0].getBoundingClientRect().top && menu.hasClass('_show')) {
return '100vh';
} else {
return 'auto';
}
}
let targetListParentHeight = $(this).closest('.m-cat-menu__list').get(0).scrollHeight;
let targetListChildrenHeight = $(this).find('.m-cat-menu__list').get(0).scrollHeight;
if ($(this).hasClass('show-level-1')) {
$(this).find('.m-cat-menu__wrapper').stop(true, true).delay(0).hide(0, function() {
if (targetListParentHeight < targetListChildrenHeight) {
//menu.css('height', getMenuHeight());
//menu.find('.m-cat-menu').css('height', getMenuHeight());
}
});
}
}
if (menu.hasClass('is-desktop')) {
$(widget).find(".m-cat-menu__show-next-level").on('mouseenter', menuMousenter);
$(widget).find(".m-cat-menu__show-next-level").on('mouseleave', menuMouseleave);
}
}
function injectTileImages(levelWrapper) {
levelWrapper.children('ul').children('li').children('a[data-tile-img]').each(function() {
let $a = $(this);
let src = $a.attr('data-tile-img');
if (!src) return;
let alt = $a.find('.m-tile-title').text().trim();
let img = document.createElement('img');
img.className = 'm-tile-img';
img.loading = 'lazy';
img.width = 40;
img.height = 40;
img.alt = alt;
img.src = src;
$a.prepend(img);
$a.removeAttr('data-tile-img');
});
}
function collectionMobileMenu(thisWidget) {
let menu = thisWidget.find(".header-cat-menu");
function showNextLevel(e) {
if (menu.hasClass('is-desktop')) {
$(widget).find('.m-cat-menu__show-next-level').off('click', showNextLevel);
return true;
}
// Плитка кликабельна целиком. Чтобы клик по вложенной (более глубокой)
// плитке не срабатывал ещё и на родительском обработчике (событие
// всплывает по всем предкам с классом m-cat-menu__show-next-level),
// проверяем, что кликнутая ссылка принадлежит именно ЭТОМУ пункту.
let $link = $(e.target).closest('a');
let $this = $(this);
if ($link.length && $link.parent().is($this)) {
e.preventDefault();
let targetListItem = $this;
let targetListParent = targetListItem.closest('.m-cat-menu__wrapper');
let targetListChild = targetListItem.children('.m-cat-menu__wrapper');
injectTileImages(targetListChild);
targetListChild.fadeIn(150);
$(widget).find('.header-cat-menu, .m-cat-menu, .m-cat-menu__level-1').scrollTop(0);
bodyScrollLock.disableBodyScroll(targetListChild.get(0));
targetListChild.css('height', `calc(${window.innerHeight}px - ${menu[0].getBoundingClientRect().top}px)`);
menu.css('overflow-y', 'hidden');
targetListParent.css('overflow-y', 'hidden');
$($this.parents('.m-cat-menu__show-next-level')).each(function() {
$(this).off('click', showNextLevel);
});
}
}
if (menu.hasClass('is-mobile')) {
$(widget).find('.m-cat-menu__show-next-level').on('click', showNextLevel);
}
if (menu.hasClass('is-desktop')) {
$(widget).find('.m-cat-menu__show-next-level').trigger('click');
}
$(widget).find('.m-cat-menu__back-btn').on('click', function(e) {
e.preventDefault();
let target = $(e.target);
if (target.closest('.m-cat-menu__show-next-level')) {
let targetListParent = target.closest('.m-cat-menu__wrapper');
targetListParent.fadeOut(150);
menu.css('overflow-y', 'hidden');
targetListParent.parents('.m-cat-menu__wrapper').first().css('overflow-y', 'auto');
let targetElement = targetListParent.parents('.m-cat-menu__wrapper').get(0);
if (targetElement) {
bodyScrollLock.disableBodyScroll(targetElement);
targetListParent.parents('.m-cat-menu__wrapper').first().css('height', `calc(${window.innerHeight}px - ${menu[0].getBoundingClientRect().top}px)`)
}
target.closest('.m-cat-menu__show-next-level').on('click', showNextLevel);
}
});
}
function openFirstRootCategory(thisWidget) {
let menu = thisWidget.find('.header-cat-menu');
let $first = thisWidget.find('.m-cat-menu__root-level > li.m-cat-menu__show-next-level').first();
if (!$first.length || $first.hasClass('is-default-open')) {
return;
}
$first.addClass('is-default-open');
positionLevelOnePanel($first, menu);
$first.children('.m-cat-menu__wrapper').stop(true, true).show(0);
// как только пользователь реально наведётся на любую другую корневую категорию —
// снимаем принудительно открытое состояние с первой
thisWidget
.find('.m-cat-menu__root-level > li.m-cat-menu__show-next-level')
.not($first)
.one('mouseenter', function() {
$first.removeClass('is-default-open');
$first.children('.m-cat-menu__wrapper').stop(true, true).hide(0);
});
}
function collectionMenuInit(thisWidget) {
let menu = thisWidget.find(".header-cat-menu");
if (isMobileWidth()) {
if (menu.hasClass('is-desktop')) {
collectionMenuDesktop(thisWidget);
menu.removeClass('is-desktop');
}
if (menu.hasClass('is-mobile')) {
collectionMobileMenu(thisWidget);
} else {
menu.addClass('is-mobile');
collectionMobileMenu(thisWidget);
}
} else {
if (menu.hasClass('is-mobile')) {
collectionMobileMenu(thisWidget);
menu.removeClass('is-mobile');
}
if (menu.hasClass('is-desktop')) {
collectionMenuDesktop(thisWidget);
} else {
menu.addClass('is-desktop');
collectionMenuDesktop(thisWidget);
}
}
}
$(widget)
.find(".js-toggle-cat-menu")
.on("click", function() {
let thisWidget = getWidget($(this));
let menu = thisWidget.find(".header-cat-menu");
let mobileHeader = thisWidget.find(".header");
// .header-cat-menu лежал внутри .header, у которого стоит will-change:transform —
// это создаёт свой контекст позиционирования для потомков с position:fixed,
// из-за чего оверлей "прилипал" не к экрану, а к границам самой шапки.
// Выносим оверлей на уровень выше (прямо в .layout, минуя .header) —
// на поиск через $(widget).find(".header-cat-menu") в остальном коде это не влияет,
// find() ищет потомков на любой глубине вложенности.
if (isMobileWidth() && menu.parent().is(".header")) {
thisWidget.append(menu);
}
$(this).children("span").toggleClass(["_show", "_hide"]);
// прячем виджет чата (RetailCRM и т.п.) пока открыт полноэкранный каталог на мобилке
$('body').toggleClass('is-catalog-open', $(this).children("span.icon-times").hasClass('_show'));
if ($(this).children("span").hasClass('_show')) {
collectionMenuInit(thisWidget);
thisWidget.on('resize', function() {
collectionMenuInit(thisWidget);
});
}
if ($(this).children("span").hasClass('_show') && !isMobileWidth()) {
setTimeout(function() {
openFirstRootCategory(thisWidget);
}, 0);
}
if ($(this).children("span.icon-bars").is("._hide")) {
if (isMobileWidth()) {
let targetElement = thisWidget.find(".header-cat-menu").get(0);
// корневой список — это то, у чего реально стоит overflow:auto и своя высота;
// без блокировки именно этого элемента touch-скролл на первом уровне каталога
// на мобилке не работал (bodyScrollLock блокировал внешний .header-cat-menu,
// у которого своего overflow фактически нет — он просто во весь экран)
let targetRootList = thisWidget.find(".header-cat-menu .m-cat-menu__root-level").get(0);
if (targetElement) {
bodyScrollLock.disableBodyScroll(targetElement);
}
if (targetRootList) {
bodyScrollLock.disableBodyScroll(targetRootList);
}
}
} else {
if (isMobileWidth()) {
bodyScrollLock.clearAllBodyScrollLocks();
}
}
if ($(this).children("span.icon-bars").is("._hide")) {
let targetElement = thisWidget.find(".header-cat-menu").get(0);
let targetRootList = thisWidget.find(".header-cat-menu .m-cat-menu__root-level").get(0);
if (targetElement) {
bodyScrollLock.disableBodyScroll(targetElement);
if ($(window).width() >= 1024) {
$('body').css('padding-right', 'calc(15px - (100vw - 100%))');
$('[data-fixed-panels="top"]').css('padding-right', 'calc(15px - (100vw - 100%))');
}
}
if (targetRootList) {
bodyScrollLock.disableBodyScroll(targetRootList);
}
} else {
bodyScrollLock.clearAllBodyScrollLocks();
if ($(window).width() >= 1024) {
$('body').css('padding-right', 0);
$('[data-fixed-panels="top"]').css('padding-right', '0');
}
}
if (window.pageYOffset <= sticky) {
$('html, body').animate({ scrollTop: 0 }, 300);
}
const calcMenuHeight = () => {
const layoutContent = menu.parents('.layout__content:first');
const mobileHeaderHeight = parseInt(mobileHeader.css('height'));
const parentHeight = parseInt(layoutContent.css('height'));
const windowHeight = window.innerHeight;
const menuListHeight = menu.find('.m-cat-menu > ul').height();
const coll_wrap_height = $('header').find('.collections-wrapper').parents('.layout:first').height();
const max_height = $(window).height() - layoutContent.offset().top - parseInt(layoutContent.css("height"));
const getMenuHeight = () => {
if (mobileHeader.hasClass('sticky')) {
const calcHeight = `calc(${windowHeight}px - ${mobileHeaderHeight}px)`;
if (menuListHeight >= windowHeight - parentHeight || menuListHeight <= windowHeight - parentHeight) {
return calcHeight;
}
} else if (menu.hasClass('_show')) {
let calcHeight = `calc(${windowHeight}px - ${parentHeight}px)`;
if ($('header').hasClass('fixed')) {
calcHeight = `calc(${windowHeight}px + 60px - ${parentHeight}px)`;
}
if (menuListHeight <= windowHeight - parentHeight) {
return calcHeight;
} else if (menu.hasClass('is-mobile')) {
return calcHeight;
} else {
const calcHeight = menu.find('.m-cat-menu > ul').offsetHeight;
//const calcHeight = '100%';
return calcHeight;
}
}
return 'auto';
};
const applyMobileStyles = () => {
if (menuListHeight <= windowHeight - parentHeight && menu.hasClass('_show')) {
menu.find('.m-cat-menu').css({ height: getMenuHeight() });
} else {
menu.find('.m-cat-menu').css({ 'overflow-y': 'auto' });
}
menu.css({
height: getMenuHeight(),
top: mobileHeaderHeight,
});
};
const applyDesktopStyles = () => {
menu.find('.m-cat-menu').css({
height: "100vh"
});
menu.css({
height: getMenuHeight(),
top: layoutContent.css('height'),
//maxHeight: max_height,
});
};
if (isMobileWidth()) {
applyMobileStyles();
} else {
applyDesktopStyles();
}
};
setTimeout(calcMenuHeight, 0);
menu.toggleClass(["_show", "_hide"]);
if (!isMobileWidth()) {
let offset = menu.parent().offset().left;
menu.find(".m-cat-menu").css({
paddingLeft: offset
});
menu.find(".m-cat-menu__level-1").css({
paddingRight: offset
});
} else {
menu.find(".m-cat-menu").css({
paddingLeft: '15px'
});
}
if (menu.hasClass("_hide")) {
menu.removeAttr('style');
menu.find('.m-cat-menu, .m-cat-menu__wrapper').removeAttr('style');
menu.find('.is-default-open').removeClass('is-default-open');
}
});
// Кнопки "назад"/"закрыть" в шапке уровней плиточного каталога:
// просто эмулируют клик по основной кнопке "Каталог", которая уже
// умеет корректно закрывать меню (снимает scroll-lock, возвращает паддинги и т.д.)
$(widget)
.find(".js-close-cat-menu")
.on("click", function(e) {
e.preventDefault();
$(widget).find(".js-toggle-cat-menu").trigger("click");
});
$(document).on("click", function(event) {
let thisWidget = $(event.target.closest('.layout'));
let menu = thisWidget.find(".header-cat-menu")
if (
$(event.target).closest(".js-toggle-cat-menu").length ||
$(event.target).closest(".m-cat-menu").length
) {
return;
}
let menu_button = thisWidget.find(".js-toggle-cat-menu");
if (menu.hasClass("_show")) {
menu.removeClass("_show").addClass("_hide");
bodyScrollLock.clearAllBodyScrollLocks();
}
if (menu.hasClass("_hide")) {
menu_button
.children("span.icon-times")
.removeClass("_show")
.addClass("_hide");
menu_button
.children("span.icon-bars")
.removeClass("_hide")
.addClass("_show");
}
});
});
$(window).on("load", function() {
$(widget).find(".js-cut-list-collections").resize();
$(widget).find(".side-panel").css("visibility", "");
});
function rafThrottle(fn) {
let ticking = false;
return function (...args) {
if (!ticking) {
ticking = true;
requestAnimationFrame(() => {
fn.apply(this, args);
ticking = false;
});
}
};
}
$(window).on('scroll', rafThrottle(function() {
let headerHeight = $(widget).find('.header').height();
function fixIOS() {
let styleValue = $(widget).attr('style');
let styleValueWithoutSpace = styleValue.replace(/:\s/g, ':');
$(widget).attr('style', styleValueWithoutSpace);
}
if (!isMobileWidth()) {
if (window.pageYOffset >= headerHeight) {
$('header').addClass('fixed');
$('header').find('.collections-wrapper').closest('.layout').addClass('hidden');
}
else {
$('header').removeClass('fixed');
$('header').find('.collections-wrapper').closest('.layout').removeClass('hidden');
}
}
if (isMobileWidth()) {
if (window.pageYOffset >= sticky && !$(widget).find('.header').hasClass('sticky')) {
$(widget).find('.header').addClass('sticky');
$(widget).find('.filling-block').css('height', headerHeight);
// Скрываем логотип, показываем только поиск + кнопки
$(widget).find('.header__content').css({
'grid-template-areas': '"burger search controls"',
'grid-template-columns': 'max-content 1fr max-content'
});
$(widget).find('.header__area-logo').hide();
$(widget).find('.header__area-search').show();
$(widget).find('.header__area-controls').css('height', '52px');
fixIOS();
}
if (window.pageYOffset <= sticky && $(widget).find('.header').hasClass('sticky')) {
$(widget).find('.header').removeClass('sticky');
$(widget).find('.filling-block').css('height', 0);
// Возвращаем обычный вид
$(widget).find('.header__content').removeAttr('style');
$(widget).find('.header__area-logo').show();
$(widget).find('.header__area-controls').css('height', 'auto');
fixIOS();
}
}
}));
EventBus.subscribe(
[
"widget:input-setting:insales:system:editor",
"widget:change-setting:insales:system:editor",
],
() => {
$(widget).find(".js-cut-list-collections").resize();
$(widget).find(".header__search").removeClass("is-show");
$(widget).find(".header__logo").removeClass("is-hide");
}
);
});
$(function () {
const $form = $(widget).find('[data-custom-search-form]');
const $field = $form.find('[data-custom-search-field]');
const $result = $form.find('[data-custom-search-result]');
if (!$form.length) return;
function updateMobileDropdownOffset() {
if (window.innerWidth > 767) {
$result.css('--dropdown-left-offset', '');
return;
}
const formRect = $form[0].getBoundingClientRect();
$result.css('--dropdown-left-offset', `${-formRect.left}px`);
}
$(window).on('resize orientationchange', updateMobileDropdownOffset);
const MIN_LETTERS = 3;
const DELAY = 300;
const cache = new Map();
let currentRequest = null;
let currentQuery = '';
function debounceLocal(func, wait) {
let timeoutId;
return function (...args) {
clearTimeout(timeoutId);
timeoutId = setTimeout(() => func.apply(this, args), wait);
};
}
function escapeHtml(str) {
return String(str || '')
.replace(/&/g, '&')
.replace(//g, '>')
.replace(/"/g, '"');
}
function formatPrice(value) {
const num = Number(value) || 0;
return num.toLocaleString('ru-RU') + ' ₽';
}
function getImage(product) {
return (
(product.first_image && (
product.first_image.compact_url ||
product.first_image.thumb_url ||
product.first_image.medium_url ||
product.first_image.small_url
)) || ''
);
}
function getPrice(product) {
return product.price_min ? Number(product.price_min) : null;
}
function getOldPrice(product) {
const price = getPrice(product);
const variant = product.variants && product.variants[0];
if (!variant || !variant.old_price) return null;
const oldPrice = Number(variant.old_price);
if (price === null || !oldPrice || oldPrice <= price) return null;
return oldPrice;
}
function popularityScore(p) {
const reviews = Number(p.reviews_count_cached) || 0;
const rating = Number(p.reviews_average_rating_cached) || 0;
const available = p.available ? 1 : 0;
return reviews * 10 + rating + available * 0.5;
}
function renderResults(products, query) {
if (!products || !products.length) {
$result.html('
` : ''}
${title}
${p.available === false ? 'Нет в наличии' : ''}
${price !== null ? `
${formatPrice(price)}
${oldPrice ? `
${formatPrice(oldPrice)}
-${discount}%
` : ''}
` : ''}
`;
}).join('');
const showAllLink = `
Показать все результаты по запросу «${escapeHtml(query)}»
`;
$result.html(`
Ничего не найдено
');
return;
}
const sorted = [...products].sort((a, b) => popularityScore(b) - popularityScore(a));
const items = sorted.slice(0, 6).map((p) => {
const price = getPrice(p);
const oldPrice = getOldPrice(p);
const img = getImage(p);
const discount = oldPrice ? Math.round((1 - price / oldPrice) * 100) : null;
const title = escapeHtml(p.title);
return `
${img ? `${items}${showAllLink}
`);
}
function doSearch(query) {
if (cache.has(query)) {
renderResults(cache.get(query), query);
return;
}
if (currentRequest) currentRequest.abort();
currentRequest = $.get('/search.json', { q: query }, function (data) {
const products = Array.isArray(data) ? data : (data.products || []);
cache.set(query, products);
renderResults(products, query);
}).fail(function (xhr) {
if (xhr.statusText !== 'abort') {
$result.html('Ошибка поиска
');
}
});
}
const debouncedSearch = debounceLocal(function () {
const query = $field.val().trim();
currentQuery = query;
if (query.length < MIN_LETTERS) {
$form.removeClass('is-show');
$result.empty();
return;
}
updateMobileDropdownOffset();
$form.addClass('is-show');
doSearch(query);
}, DELAY);
$field.on('input', debouncedSearch);
$field.on('focus', function () {
if (currentQuery.length >= MIN_LETTERS) {
updateMobileDropdownOffset();
$form.addClass('is-show');
}
});
$(document).on('click', function (e) {
if (!$(e.target).closest('[data-custom-search-form]').length) {
$form.removeClass('is-show');
}
});
});