From 1ddbc830af982fc4168713704b19140a124d1d35 Mon Sep 17 00:00:00 2001 From: bat Date: Sat, 18 Mar 2023 01:19:50 +0000 Subject: [PATCH 1/3] Actualizar 'components/nav-menu.js' --- components/nav-menu.js | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/components/nav-menu.js b/components/nav-menu.js index e5fead0..53919e6 100644 --- a/components/nav-menu.js +++ b/components/nav-menu.js @@ -32,6 +32,13 @@ export class NavMenu extends HTMLElement { this.pageList = document.createElement('div') this.shadowRoot.append(this.pageList) this.renderPageList() + this.shadowRoot.addEventListener('click', e => { + if (e.target.classList.contains('page')) { + this.dispatchEvent(new CustomEvent( + 'close', {bubbles: true} + )) + } + }) } get language() { From fdd61d63afc19f774a45a0c82d97f31874343c83 Mon Sep 17 00:00:00 2001 From: bat Date: Sat, 18 Mar 2023 01:24:39 +0000 Subject: [PATCH 2/3] Actualizar 'components/header.js' --- components/header.js | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/components/header.js b/components/header.js index b136a91..0fc3a40 100644 --- a/components/header.js +++ b/components/header.js @@ -37,13 +37,20 @@ export class Header extends HTMLElement { this.menuPanel.appendChild(this.menu) this.shadowRoot.appendChild(this.menuPanel) this.overlay.addEventListener('click', () => { - this.overlay.classList.add('closing') - this.overlay.classList.remove('open') - this.menuPanel.classList.remove('open') - setTimeout(() => { - this.overlay.classList.remove('closing') - }, 250) + this.close() }) + this.menu.addEventListener('close', () => { + this.close() + }) + } + + close() { + this.overlay.classList.add('closing') + this.overlay.classList.remove('open') + this.menuPanel.classList.remove('open') + setTimeout(() => { + this.overlay.classList.remove('closing') + }, 250) } connectedCallback() { From 19622dd78636635e2de7aed5cb6edc44971a9209 Mon Sep 17 00:00:00 2001 From: bat Date: Sat, 18 Mar 2023 01:25:31 +0000 Subject: [PATCH 3/3] Actualizar 'sw.js' --- sw.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/sw.js b/sw.js index 552c805..9cd3bbc 100644 --- a/sw.js +++ b/sw.js @@ -1,7 +1,7 @@ async function initCache() { const cache = await caches.open('v1') await cache.addAll([ - '/', //6 + '/', //7 '/index.html', '/app.js', '/components/page.js',