https://www.bekocorporate.com/Content/js/header-tailwind-v2.js

1(function () {
2    var root = document.getElementById('tw-header');
3    if (!root) return;
4
5    // Sticky header — scroll'da üst satırı gizle, sticky aramayı göster
6    function updateSticky() {
7        var threshold = root.offsetHeight / 2;
8        if (window.scrollY > threshold) {
9            root.classList.add('tw-header-sticky');
10        } else {
11            root.classList.remove('tw-header-sticky');
12        }
13    }
14
15    updateSticky();
16    window.addEventListener('scroll', updateSticky, { passive: true });
17
18    // Dil dropdown
19    root.querySelectorAll('[data-header-lang]').forEach(function (wrapper) {
20        var toggle = wrapper.querySelector('[data-header-lang-toggle]');
21        var menu = wrapper.querySelector('[data-header-lang-menu]');
22        if (!toggle || !menu) return;
23
24        toggle.addEventListener('click', function (e) {
25            e.stopPropagation();
26            var isOpen = !menu.classList.contains('tw-hidden');
27            root.querySelectorAll('[data-header-lang-menu]').forEach(function (m) { m.classList.add('tw-hidden'); });
28            if (!isOpen) menu.classList.remove('tw-hidden');
29        });
30    });
31
32    document.addEventListener('click', function () {
33        root.querySelectorAll('[data-header-lang-menu]').forEach(function (m) { m.classList.add('tw-hidden'); });
34    });
35
36    // Mega menü hover
37    root.querySelectorAll('[data-header-mega]').forEach(function (item) {
38        var panel = item.querySelector('[data-header-mega-panel]');
39        if (!panel) return;
40
41        item.addEventListener('mouseenter', function () {
42            panel.classList.remove('tw-hidden');
43            item.classList.add('tw-header-mega-open');
44        });
45        item.addEventListener('mouseleave', function () {
46            panel.classList.add('tw-hidden');
47            item.classList.remove('tw-header-mega-open');
48        });
49    });
50
51    // Mega tab geçişi
52    root.querySelectorAll('[data-header-tab-trigger]').forEach(function (trigger) {
53        trigger.addEventListener('mouseenter', function () {
54            var tabId = trigger.getAttribute('tab-id');
55            var mega = trigger.closest('[data-header-mega]');
56            if (!mega || !tabId) return;
57
58            mega.querySelectorAll('.tw-header-tab-pane').forEach(function (pane) {
59                pane.classList.add('tw-hidden');
60            });
61
62            var target = root.querySelector(tabId);
63            if (target) target.classList.remove('tw-hidden');
64        });
65    });
66
67    root.querySelectorAll('[data-header-direct-link]').forEach(function (item) {
68        item.addEventListener('mouseenter', function () {
69            var mega = item.closest('[data-header-mega]');
70            if (!mega) return;
71
72            mega.querySelectorAll('.tw-header-tab-pane').forEach(function (pane) {
73                pane.classList.add('tw-hidden');
74            });
75
76            var defaultPane = mega.querySelector('[data-header-tab-pane="default"]');
77            if (defaultPane) defaultPane.classList.remove('tw-hidden');
78        });
79    });
80
81    // Geri butonu
82    root.querySelectorAll('[data-header-go-back]').forEach(function (btn) {
83        btn.addEventListener('click', function () {
84            var mega = btn.closest('[data-header-mega]');
85            if (!mega) return;
86
87            mega.querySelectorAll('.tw-header-tab-pane').forEach(function (pane) {
88                pane.classList.add('tw-hidden');
89            });
90
91            var defaultPane = mega.querySelector('[data-header-tab-pane="default"]');
92            if (defaultPane) defaultPane.classList.remove('tw-hidden');
93        });
94    });
95
96    // İlk tab pane görünür kalsın
97    root.querySelectorAll('[data-header-mega]').forEach(function (mega) {
98        var panes = mega.querySelectorAll('.tw-header-tab-pane');
99        if (!panes.length) return;
100        var hasVisible = Array.from(panes).some(function (p) { return !p.classList.contains('tw-hidden'); });
101        if (!hasVisible) panes[0].classList.remove('tw-hidden');
102    });

103})();