(function(){ 'use strict'; const MAX_TRIES = 8; const TRY_INTERVAL = 300; let tries = 0; function safeInit() { tries++; try { return initSwipe(); } catch(err) { console.warn('ox-swipe-dbg: init error (will retry):', err && err.message ? err.message : err); if (tries < MAX_TRIES) setTimeout(safeInit, TRY_INTERVAL); else console.error('ox-swipe-dbg: failed to init after retries'); } } function initSwipe(){ if (window.__oxSwipe && typeof window.__oxSwipe.destroy === 'function') { try { window.__oxSwipe.destroy(); } catch(e) {} window.__oxSwipe = null; } const root = document.querySelector('section .tab-element') || document.querySelector('.tab-element'); if (!root) { throw new Error('root not found'); } const body = root.querySelector('.tab-element-body-container'); const head = root.querySelector('.tab-element_head-container'); if (!body) throw new Error('body (tab-element-body-container) not found'); // Стили для плавной анимации body.style.position = 'relative'; body.style.overflow = 'hidden'; const S = { dragging: false, startX: 0, startY: 0, lastX: 0, lastY: 0, decided: false, horizontal: false, thresholdDecide: 20, thresholdSwipe: 100, animating: false, bodyItems: null }; const getHeads = () => head ? Array.from(head.querySelectorAll('.tab-element_head-item')) : []; function getCurrentIndex() { const heads = getHeads(); // Ищем по классу ox-tab-active (более надёжно) let idx = heads.findIndex(h => h.classList && h.classList.contains('ox-tab-active')); // Если не найдено, ищем по aria-selected if (idx < 0) { idx = heads.findIndex(h => h.getAttribute('aria-selected') === 'true'); } // Если всё равно не найдено, ищем по фону кнопки if (idx < 0) { idx = heads.findIndex(h => { const wrapper = h.querySelector('.wrapper-element'); if (!wrapper) return false; const bg = window.getComputedStyle(wrapper).backgroundColor; return bg && bg !== 'rgba(0, 0, 0, 0)' && bg !== 'transparent'; }); } const result = idx >= 0 ? idx : 0; console.log('ox-swipe-dbg: getCurrentIndex =', result, '(total tabs:', heads.length, ')'); return result; } function switchToTab(index) { const heads = getHeads(); if (!heads.length) return; index = (index + heads.length) % heads.length; const currentIdx = getCurrentIndex(); console.log('ox-swipe-dbg: switchToTab from', currentIdx, 'to', index); const targetTab = heads[index]; if (!targetTab) { console.error('ox-swipe-dbg: target tab not found at index', index); return; } // Кликаем на wrapper внутри таба (там где текст) const wrapper = targetTab.querySelector('.wrapper-element') || targetTab; setTimeout(() => { try { // Пробуем кликнуть на wrapper wrapper.click(); console.log('ox-swipe-dbg: clicked wrapper'); } catch(e) { try { // Если не сработало, пробуем сам таб targetTab.click(); console.log('ox-swipe-dbg: clicked tab'); } catch(_) { try { // Последняя попытка - dispatchEvent const clickEvent = new MouseEvent('click', { bubbles: true, cancelable: true, view: window }); wrapper.dispatchEvent(clickEvent); console.log('ox-swipe-dbg: dispatched event'); } catch(__) { console.error('ox-swipe-dbg: all click methods failed'); } } } }, 50); } function onTouchStart(e) { if (S.animating) return; const touch = e.touches[0]; if (!touch) return; S.dragging = true; S.decided = false; S.horizontal = false; S.startX = touch.clientX; S.startY = touch.clientY; S.lastX = S.startX; S.lastY = S.startY; // Находим все body items для анимации S.bodyItems = body.querySelectorAll('.tab-element_body-item'); console.log('ox-swipe-dbg: touchstart', S.startX, S.startY); } function onTouchMove(e) { if (!S.dragging || S.animating) return; const touch = e.touches[0]; if (!touch) return; S.lastX = touch.clientX; S.lastY = touch.clientY; const dx = S.lastX - S.startX; const dy = S.lastY - S.startY; const adx = Math.abs(dx); const ady = Math.abs(dy); if (!S.decided) { if (adx < S.thresholdDecide && ady < S.thresholdDecide) return; S.decided = true; S.horizontal = adx > ady * 1.5; // Требуем явно горизонтальный жест console.log('ox-swipe-dbg: decided', S.horizontal ? 'HORIZONTAL' : 'vertical', 'dx:', dx, 'dy:', dy); if (!S.horizontal) { S.dragging = false; return; } } if (S.horizontal && adx > 10) { // Анимируем перетаскивание const limit = Math.max(Math.min(dx, 150), -150); S.bodyItems.forEach(item => { item.style.transition = 'none'; item.style.transform = `translateX(${limit}px)`; }); // Предотвращаем скролл страницы try { e.preventDefault(); } catch(_) {} } } function onTouchEnd(e) { if (!S.dragging) return; const wasDecided = S.decided; const wasHorizontal = S.horizontal; S.dragging = false; S.decided = false; S.horizontal = false; if (!wasDecided || !wasHorizontal) { console.log('ox-swipe-dbg: touchend - not a horizontal swipe'); // Возвращаем на место if (S.bodyItems) { S.bodyItems.forEach(item => { item.style.transition = 'transform 0.3s ease'; item.style.transform = 'translateX(0)'; }); setTimeout(() => { S.bodyItems.forEach(item => { item.style.transition = ''; item.style.transform = ''; }); }, 320); } return; } const dx = S.lastX - S.startX; const adx = Math.abs(dx); console.log('ox-swipe-dbg: touchend - dx:', dx, 'threshold:', S.thresholdSwipe); if (adx < S.thresholdSwipe) { console.log('ox-swipe-dbg: swipe too short'); // Возвращаем на место с анимацией if (S.bodyItems) { S.bodyItems.forEach(item => { item.style.transition = 'transform 0.3s ease'; item.style.transform = 'translateX(0)'; }); setTimeout(() => { S.bodyItems.forEach(item => { item.style.transition = ''; item.style.transform = ''; }); }, 320); } return; } // Свайп достаточно длинный! S.animating = true; const currentIndex = getCurrentIndex(); const heads = getHeads(); const totalTabs = heads.length; console.log('ox-swipe-dbg: SWIPE DETECTED - current:', currentIndex, 'total:', totalTabs, 'dx:', dx); let targetIndex; const direction = dx < 0 ? 'left' : 'right'; if (dx < 0) { // Свайп влево -> следующий таб targetIndex = (currentIndex + 1) % totalTabs; console.log('ox-swipe-dbg: ← SWIPE LEFT: from tab', currentIndex, '→ to tab', targetIndex); } else { // Свайп вправо -> предыдущий таб targetIndex = (currentIndex - 1 + totalTabs) % totalTabs; console.log('ox-swipe-dbg: → SWIPE RIGHT: from tab', currentIndex, '→ to tab', targetIndex); } if (targetIndex === currentIndex) { console.warn('ox-swipe-dbg: WARNING - target equals current, skipping'); S.animating = false; return; } // Анимируем уход текущего контента if (S.bodyItems) { S.bodyItems.forEach(item => { item.style.transition = 'transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)'; item.style.transform = dx < 0 ? 'translateX(-100%)' : 'translateX(100%)'; }); } // Переключаем контент setTimeout(() => { switchToTab(targetIndex); // Позиционируем новый контент за экраном setTimeout(() => { const newItems = body.querySelectorAll('.tab-element_body-item'); newItems.forEach(item => { item.style.transition = 'none'; item.style.transform = dx < 0 ? 'translateX(100%)' : 'translateX(-100%)'; }); // Анимируем въезд requestAnimationFrame(() => { newItems.forEach(item => { item.style.transition = 'transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)'; item.style.transform = 'translateX(0)'; }); }); // Очищаем стили setTimeout(() => { newItems.forEach(item => { item.style.transition = ''; item.style.transform = ''; }); S.animating = false; }, 450); }, 100); }, 400); } // Только touch события, без pointer body.addEventListener('touchstart', onTouchStart, {passive: true}); body.addEventListener('touchmove', onTouchMove, {passive: false}); body.addEventListener('touchend', onTouchEnd, {passive: true}); body.addEventListener('touchcancel', onTouchEnd, {passive: true}); function destroy(){ try { body.removeEventListener('touchstart', onTouchStart); body.removeEventListener('touchmove', onTouchMove); body.removeEventListener('touchend', onTouchEnd); body.removeEventListener('touchcancel', onTouchEnd); if (observer) { observer.disconnect(); } } catch(e){} window.__oxSwipe = null; console.log('ox-swipe-dbg: destroyed'); } window.__oxSwipe = { destroy }; console.log('ox-swipe-dbg: simple swipe attached'); return true; } safeInit(); })();

Guul - Интернет магазин цветов