400;
} else if (hideMobileNavInitially) {
showNav = window.scrollY < lastScrollY && window.scrollY > 0;
} else {
showNav = (window.scrollY < lastScrollY) || (window.scrollY <= 0);
}
lastScrollY = window.scrollY;
"
@sidebar-status-changed.document="isMap && ('isFullyOpen' in ($event.detail || {})) && (mapSidebarOpen = $event.detail.isFullyOpen === true)"
class="px-5 pb-4 fixed bottom-0 left-0 w-full z-50 "
:class="{
'translate-y-full transition-transform duration-300': isMap ?
(!showNav || !mapSidebarOpen) :
!showNav,
'translate-y-0 transition-transform duration-300': isMap ?
(showNav && mapSidebarOpen) : showNav
}">