https://teplo-master.by/media/js/minishop/nav.js?v=v6ac9a3ed3b57d

1/*function fullWidth(el) {
2    var width = el.offsetWidth;
3    var style = getComputedStyle(el);
4    width += parseInt(style.marginLeft) + parseInt(style.marginRight);
5    return width;
6}
7
8function getTree(currentWrapper) {
9    if (currentWrapper === undefined) return;
10
11    let wrapperChildren = currentWrapper.children
12    let wrapperWidth = currentWrapper.offsetWidth
13
14    if (window.innerWidth > 992) {
15        for (let i = 0; i < wrapperChildren.length; i++){
16            if(!wrapperChildren[i].classList.contains('visible-mobile')){
17                if (!wrapperChildren[i].classList.contains('nav-shrinker__list-block')){
18                    wrapperWidth -= fullWidth(wrapperChildren[i])
19                }
20            }
21        }
22    }
23
24
25    let menuItem = currentWrapper.querySelector('.nav-shrinker__list-block')
26    let menuListItem = currentWrapper.querySelector('ul')
27    let elems = menuListItem.children
28    let wReduce = 0
29    let wCheck = 0
30    let counter = 0;
31    let l_h_w = 50
32    let elem, subMenu
33
34    let style = elems.length > 0 ? getComputedStyle(elems[0]) : {marginLeft:0};
35    let margin = parseInt(style.marginLeft);
36    let liHover = currentWrapper.querySelectorAll('.li-hover')
37    if (liHover.length)
38        if (liHover[0].parentNode !== null) {
39            liHover[0].parentNode.removeChild(liHover[0]);
40        }
41    for (var i = 0; i < elems.length; i++) {
42        elems[i].classList.remove('hidden')
43    }
44
45    for (var i = 0; i < elems.length; i++){
46        wReduce += fullWidth(elems[i]);
47        wCheck = wReduce
48        if (i != (elems.length - 1)){
49            wCheck += l_h_w + margin * 2
50        }
51
52
53        if (wCheck > wrapperWidth || wReduce  >

53 wrapperWidth) {
54            let hasLiHover = currentWrapper.querySelectorAll(`.li-hover`).length
55            if (!hasLiHover) {
56                liHover = document.createElement('li')
57                liHover.classList.add('li-hover')
58                let liHoverIcon = document.createElement('i')
59                liHoverIcon.classList.add('fa')
60                liHoverIcon.classList.add('fa-ellipsis-h')
61                subMenu = document.createElement('ul')
62                subMenu.classList.add('submenu')
63                liHover.appendChild(liHoverIcon)
64                liHover.appendChild(subMenu)
65                menuListItem.appendChild(liHover)
66            }else {
67                liHover = currentWrapper.querySelector('.li-hover')
68                subMenu = liHover.querySelector('ul')
69            }
70            if (!elems[i].classList.contains('li-hover')){
71                elem = elems[i].cloneNode(true)
72                elems[i].classList.add('hidden')
73                subMenu.appendChild(elem)
74            }
75        }
76    }
77    menuItem.style.opacity = '1'
78    menuItem.style.overflow = 'visible'
79
80}
81document.addEventListener('DOMContentLoaded', function(){
82    if (window.innerWidth > 660) {
83        document.querySelectorAll('.nav-shrinker__wrapper').forEach(value => getTree(value));
84    }
85}, false);
86window.addEventListener('resize', () => {
87    if (window.innerWidth > 660)
88        document.querySelectorAll('.nav-shrinker__wrapper').forEach(value => getTree(value));
89});*/