(function(){ var rm = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches; var revealIo=null; // İlk boyamadan önce (bu betik 'de): sınıf DOMContentLoaded'da eklenince // tarayıcı içeriği önce görünür çiziyor, sonra gizleyip yeniden getiriyordu — // yavaş telefonda yazılar 1+ sn görünüp kaybolup geliyordu ("sayfa yenileniyor"). document.documentElement.classList.add('reveal-ready'); function reveal(parsing){ var root=document.documentElement; if(!root.classList.contains('reveal-ready')) root.classList.add('reveal-ready'); if(!revealIo){ revealIo=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('reveal-in'); revealIo.unobserve(e.target); } }); },{threshold:0.1, rootMargin:'0px 0px -8% 0px'}); } document.querySelectorAll('[data-reveal]:not(.reveal-in),[data-stagger]:not(.reveal-in),[data-stagger-scope]:not(.reveal-in)').forEach(function(el){ if(el.dataset.aninit) return; // Zaten ekranda olan bölüm beklemez: gözlemcinin alt payı (-%8) yüzünden ekranın // dibindeki bölüm (ör. hero altındaki kayan şerit) kaydırılana dek boş kalıyordu. // +64: giriş efektinin kaydırma payı (slide-up) ölçümü aşağı itiyor. var r=el.getBoundingClientRect(); var inView=r.top < window.innerHeight + 64 && r.bottom > 0; // HTML hâlâ inerken ekrandaki bölüm kapanana (ardından kardeşi gelene) dek // bekler: çocukları sonradan eklenirse sıralı girişleri oynamadan belirirdi. if(parsing && inView && !el.nextSibling) return; el.dataset.aninit='1'; if(inView){ el.classList.add('reveal-in'); return; } revealIo.observe(el); }); } function tabs(){ document.querySelectorAll('[data-tabs]').forEach(function(root){ if(root.dataset.aninit) return; root.dataset.aninit='1'; var btns=[].slice.call(root.querySelectorAll('[data-tab-btn]')); var panels=[].slice.call(root.querySelectorAll('[data-tab-panel]')); if(!btns.length) return; var show=function(i){ btns.forEach(function(b,j){ var on=j===i; b.setAttribute('aria-selected',on?'true':'false'); b.tabIndex=on?0:-1; }); panels.forEach(function(p,j){ if(j===i) p.removeAttribute('hidden'); else p.setAttribute('hidden',''); }); }; btns.forEach(function(b,i){ b.addEventListener('click',function(){ show(i); }); b.addEventListener('keydown',function(e){ var d=e.key==='ArrowRight'?1:e.key==='ArrowLeft'?-1:0; if(!d) return; e.preventDefault(); var ni=(i+d+btns.length)%btns.length; show(ni); btns[ni].focus(); }); }); show(0); }); } function countUp(){ var animate=function(el){ var target=parseFloat(el.getAttribute('data-countup'))||0; var dec=(target%1!==0)?1:0; var opts={minimumFractionDigits:dec,maximumFractionDigits:dec}; if(rm){ el.textContent=target.toLocaleString('tr-TR',opts); return; } var dur=1400,start=null; var step=function(ts){ if(!start)start=ts; var p=Math.min((ts-start)/dur,1); var v=target*(1-Math.pow(1-p,3)); el.textContent=v.toLocaleString('tr-TR',opts); if(p<1)requestAnimationFrame(step); }; requestAnimationFrame(step); }; var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ animate(e.target); io.unobserve(e.target); } }); },{threshold:0.4}); document.querySelectorAll('[data-countup]').forEach(function(el){ if(el.dataset.aninit) return; el.dataset.aninit='1'; io.observe(el); }); // Sticky buy bar: slide in once the shopper scrolls past the fold. var sb=document.querySelector('[data-sticky-buy]'); if(sb && !sb.dataset.aninit){ sb.dataset.aninit='1'; var sbTick=false; var sbUpdate=function(){ sbTick=false; sb.classList.toggle('te-sb-on', window.scrollY>480); sb.setAttribute('aria-hidden', window.scrollY>480?'false':'true'); }; window.addEventListener('scroll',function(){ if(!sbTick){ sbTick=true; requestAnimationFrame(sbUpdate); } },{passive:true}); sbUpdate(); } // Before/after slider: the invisible range drives the clip position. document.querySelectorAll('[data-ba]').forEach(function(root){ if(root.dataset.aninitBa) return; root.dataset.aninitBa='1'; var r=root.querySelector('[data-ba-range]'); if(!r) return; r.addEventListener('input',function(){ root.style.setProperty('--ba', r.value+'%'); }); }); } function banners(){ document.querySelectorAll('[data-banner][data-autoplay="true"]').forEach(function(b){ if(b.dataset.aninit) return; b.dataset.aninit='1'; var n=b.children.length; if(n<2) return; var interval=parseInt(b.getAttribute('data-interval'),10)||5000; var idx=0,timer=null; var adv=function(){ if(document.hidden) return; idx=(idx+1)%n; b.scrollTo({left:b.clientWidth*idx, behavior:'smooth'}); }; var start=function(){ timer=setInterval(adv,interval); }; b.addEventListener('mouseenter',function(){ clearInterval(timer); }); b.addEventListener('mouseleave',start); start(); }); } function countdowns(){ document.querySelectorAll('[data-countdown]').forEach(function(c){ if(c.dataset.aninit) return; c.dataset.aninit='1'; var ends=Date.parse(c.getAttribute('data-countdown')); if(isNaN(ends)) return; var cells={d:c.querySelector('[data-cd="d"]'),h:c.querySelector('[data-cd="h"]'),m:c.querySelector('[data-cd="m"]'),s:c.querySelector('[data-cd="s"]')}; if(!cells.s) return; var pad=function(v){ return String(v).padStart(2,'0'); }; var tick=function(){ var diff=Math.max(0, ends-Date.now()); if(cells.d) cells.d.textContent=pad(Math.floor(diff/86400000)); if(cells.h) cells.h.textContent=pad(Math.floor(diff%86400000/3600000)); if(cells.m) cells.m.textContent=pad(Math.floor(diff%3600000/60000)); cells.s.textContent=pad(Math.floor(diff%60000/1000)); if(diff<=0) clearInterval(t); }; var t=setInterval(tick,1000); tick(); }); } function bgVideos(){ document.querySelectorAll('video[data-bg-video]').forEach(function(v){ if(rm){ try{ v.pause(); }catch(e){} return; } if(v.__bgv) return; v.__bgv=1; function show(){ v.setAttribute('data-playing',''); } // timeupdate yalnız gerçekten oynarken gelir; 'playing' kaçırılmış olsa da yakalar. if(v.currentTime>0 && !v.paused) show(); else v.addEventListener('timeupdate', show, {once:true}); }); } // Kartın 2. görseli ekrana yaklaşınca iner; inince data-ready ile görünür olur. // Dokunmatik ekranda "hover" kipi hiç görünmez — orada boşuna indirilmez. var swapIo=null, canHover=!!(window.matchMedia && window.matchMedia('(hover:hover)').matches); function loadSwap(el){ var im=new Image(); im.onload=function(){ el.style.background=el.getAttribute('data-bg'); el.setAttribute('data-ready',''); }; im.src=el.getAttribute('data-src'); } function cardSwaps(){ document.querySelectorAll('.te-pcard-img2[data-src]').forEach(function(el){ if(el.dataset.swapinit) return; el.dataset.swapinit='1'; var auto=el.getAttribute('data-swap')==='auto'; if(!canHover && !(auto && !rm)) return; if(!('IntersectionObserver' in window)) return loadSwap(el); if(!swapIo) swapIo=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ swapIo.unobserve(e.target); loadSwap(e.target); } }); },{rootMargin:'300px'}); swapIo.observe(el); }); } // Ürün galerisi: küçük resim seçimi, kaydırınca seçili resim, ara ara sıradakine // geçiş. Ziyaretçi dokunduğu/tıkladığı an otomatik geçiş kalıcı olarak durur. function galleries(){ document.querySelectorAll('[data-gallery]').forEach(function(g){ if(g.dataset.aninit) return; g.dataset.aninit='1'; var track=g.querySelector('[data-gallery-track]'); if(!track) return; var n=track.children.length; if(n<2) return; // Küçük resimler ve noktalar aynı sırayı taşır (data-gallery-thumb=i): sıra // listedeki konumdan değil öznitelikten okunur. var thumbs=g.querySelectorAll('[data-gallery-thumb]'), idx=0, stopped=false, st=null; function mark(i){ idx=i; for(var j=0;jwindow.innerHeight) return; go((idx+1)%n); }, 5000); }); } // Görselli hikâye: ekranın ortasındaki adım etkin olur; sabit panel o adımın // görseline geçer, sayaç ve ilerleme çizgisi güncellenir. function stories(){ document.querySelectorAll('[data-story]').forEach(function(root){ if(root.dataset.aninit) return; root.dataset.aninit='1'; var steps=root.querySelectorAll('[data-story-step]'); if(!steps.length || !('IntersectionObserver' in window)) return; var imgs=root.querySelectorAll('[data-story-img]'), cur=root.querySelector('[data-story-current]'); var mark=function(list, attr, i){ list.forEach(function(el){ if(Number(el.getAttribute(attr))===i) el.setAttribute('data-active',''); else el.removeAttribute('data-active'); }); }; var set=function(i){ mark(steps,'data-story-step',i); mark(imgs,'data-story-img',i); if(cur) cur.textContent=String(i+1).padStart(2,'0'); root.style.setProperty('--story-p', String((i+1)/steps.length)); }; var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting) set(Number(e.target.getAttribute('data-story-step'))); }); },{rootMargin:'-45% 0px -45% 0px'}); steps.forEach(function(s){ io.observe(s); }); }); } // Ürün sayfası: adet artı/eksi, seçilen gramajın adı, düğmedeki anlık tutar ve // düzenli sipariş formunun seçili varyantı. Tutarlar kuruş (tam sayı) olarak // taşınır; JS kapalıyken sunucunun yazdığı ilk tutar doğru kalır. function pdpMoney(m){ var w=Math.floor(m/100), f=m%100; return w.toLocaleString('tr-TR')+','+(f<10?'0':'')+f+' ₺'; } function pdpUpdate(root){ var form=root.getAttribute('data-pdp'); var picked=document.querySelector('input[name="variantId"][form="'+form+'"]:checked') || document.querySelector('input[type="hidden"][name="variantId"][form="'+form+'"]'); var unit=picked && picked.getAttribute('data-price-minor'); if(unit==null) unit=root.getAttribute('data-unit-minor'); var q=document.getElementById(root.getAttribute('data-qty-id')||''); var n=Math.max(1, Math.min(99, parseInt(q&&q.value,10)||1)); var total=root.querySelector('[data-pdp-total]'); if(total && unit!=null && unit!=='') total.textContent=pdpMoney(parseInt(unit,10)*n); var lbl=root.querySelector('[data-pdp-picked]'); if(lbl && picked && picked.getAttribute('data-label')) lbl.textContent=picked.getAttribute('data-label'); var sub=document.querySelector('[data-sub-variant]'); if(sub && picked && picked.value) sub.value=picked.value; } function pdp(){ document.querySelectorAll('[data-qty-step]').forEach(function(b){ if(b.dataset.aninit) return; b.dataset.aninit='1'; b.addEventListener('click', function(){ var inp=document.getElementById(b.getAttribute('data-qty-for')||''); if(!inp) return; var v=(parseInt(inp.value,10)||1)+(parseInt(b.getAttribute('data-qty-step'),10)||0); inp.value=String(Math.max(parseInt(inp.min,10)||1, Math.min(parseInt(inp.max,10)||99, v))); inp.dispatchEvent(new Event('input',{bubbles:true})); }); }); // Onay sayfası: IBAN / açıklama "Kopyala" düğmeleri. document.querySelectorAll('[data-copy]').forEach(function(btn){ if(btn.dataset.aninit) return; btn.dataset.aninit='1'; btn.addEventListener('click', function(){ var t=btn.getAttribute('data-copy')||''; var label=btn.textContent; var done=function(){ btn.textContent='Kopyalandı'; setTimeout(function(){ btn.textContent=label; }, 1600); }; if(navigator.clipboard && navigator.clipboard.writeText) navigator.clipboard.writeText(t).then(done, function(){}); }); }); // "İlk değerlendirmeyi yazın" bağlantısı kapalı formu açar. document.querySelectorAll('[data-open-details]').forEach(function(a){ if(a.dataset.aninit) return; a.dataset.aninit='1'; a.addEventListener('click', function(){ var d=document.getElementById(a.getAttribute('data-open-details')||''); if(d) d.open=true; }); }); document.querySelectorAll('[data-pdp]').forEach(function(root){ if(root.dataset.aninit) return; root.dataset.aninit='1'; var h=function(){ pdpUpdate(root); }; document.addEventListener('change', h); document.addEventListener('input', h); window.addEventListener('pdp:variant', h); h(); }); } function run(){ try{ reveal(); countUp(); banners(); countdowns(); tabs(); bgVideos(); cardSwaps(); galleries(); stories(); pdp(); }catch(e){ document.documentElement.classList.remove('reveal-ready'); } } // HTML inerken ekrana gelen bölümler DOMContentLoaded'ı beklemeden açılır (her // karede bir kez); yoksa yavaş bağlantıda ilk ekran saniyelerce boş kalırdı. // Diğer bağlamalar (sekme, galeri…) öğe bütün gelmeden kurulamaz, onlar run()'da. var early=null, earlyRaf=0; if(document.readyState==='loading' && window.MutationObserver && window.requestAnimationFrame){ early=new MutationObserver(function(){ if(earlyRaf) return; earlyRaf=requestAnimationFrame(function(){ earlyRaf=0; try{ reveal(true); }catch(e){ document.documentElement.classList.remove('reveal-ready'); } }); }); early.observe(document.documentElement,{childList:true,subtree:true}); } function start(){ if(early){ early.disconnect(); early=null; } if(earlyRaf){ cancelAnimationFrame(earlyRaf); earlyRaf=0; } run(); } if(document.readyState!=='loading') run(); else document.addEventListener('DOMContentLoaded', start); // App Router client-geçişleri bu inline script'i YENİDEN koşmaz: soft-nav'la // gelen [data-reveal] içerikleri gözlemcisiz kalıp opacity:0'da takılıyordu // (sepete-ekle sonrası "boş beyaz sayfa"). Body'yi izleyip idempotent run() // ile yeni elemanları bağlıyoruz; ilk-ekranda olanları IO anında açar. var moT=null; function watch(){ new MutationObserver(function(){ if(moT) return; moT=setTimeout(function(){ moT=null; run(); }, 60); }) .observe(document.body,{childList:true,subtree:true}); } // script 'de koşar — body DOM-ready'den önce yoktur. if(document.body) watch(); else document.addEventListener('DOMContentLoaded', watch); })();