(function(){ // DOM Áغñ ÀÌÈÄ ½ÇÇà (Cafe24 ÀϺΠÅÛÇø´ ·Îµù À̽´ ´ëºñ) var run = function(){ var fab = document.querySelector('.sch-fab'); if(!fab) return; // Çʼö ÇÏÀ§ ¿ä¼Ò º¸°­: ¾øÀ¸¸é ¸¸µé¾î¼­ ºÙÀÓ var trigger = fab.querySelector('.sch-fab__trigger'); if(!trigger){ trigger = document.createElement('button'); trigger.className = 'sch-fab__trigger'; trigger.setAttribute('aria-label','ºü¸¥ À̵¿ ¸Þ´º ¿­±â'); trigger.setAttribute('aria-expanded','false'); trigger.innerHTML = ''; fab.appendChild(trigger); } var itemsWrap = fab.querySelector('.sch-fab__items'); if(!itemsWrap){ itemsWrap = document.createElement('nav'); itemsWrap.className = 'sch-fab__items'; itemsWrap.setAttribute('aria-label','ºü¸¥ ä³Î À̵¿'); fab.appendChild(itemsWrap); } var overlay = fab.querySelector('.sch-fab__overlay'); if(!overlay){ overlay = document.createElement('div'); overlay.className = 'sch-fab__overlay'; overlay.setAttribute('aria-hidden','true'); fab.appendChild(overlay); } // ¾ÈÀü Åä±Û var open = function(){ fab.classList.add('is-open'); trigger.setAttribute('aria-expanded','true'); }; var close = function(){ fab.classList.remove('is-open'); trigger.setAttribute('aria-expanded','false'); }; var toggle = function(){ if(fab.classList.contains('is-open')) close(); else open(); }; // À̺¥Æ® ¹ÙÀεù (¸ð¹ÙÀÏ/µ¥½ºÅ©Å¾ ¸ðµÎ) var onTrigger = function(e){ e.preventDefault(); e.stopPropagation(); toggle(); }; trigger.addEventListener('click', onTrigger); trigger.addEventListener('touchstart', onTrigger, {passive:false}); // ¹Ù±ù Ŭ¸¯ ´Ý±â (closest·Î ÆÇÁ¤ °­È­) var onDoc = function(e){ var t = e.target; if(!t.closest('.sch-fab')) close(); }; overlay.addEventListener('click', close); document.addEventListener('click', onDoc); // ESC ´Ý±â document.addEventListener('keydown', function(e){ if(e.key === 'Escape') close(); }); // µð¹ö±× ÈÅ (ÇÊ¿ä ½Ã Äֿܼ¡¼­ È£Ãâ) window.__schFab = {open, close, toggle}; }; if(document.readyState === 'loading'){ document.addEventListener('DOMContentLoaded', run); }else{ run(); } })();