@dataforsyningen/designsystem
Advanced tools
Comparing version 7.7.2 to 7.7.3
@@ -745,7 +745,7 @@ // src/js/toast.js | ||
window.addEventListener("resize", this.updateMenu.bind(this)); | ||
window.addEventListener("click", this.toggleMenu.bind(this)); | ||
window.addEventListener("click", this.closeMenu.bind(this)); | ||
} | ||
disconnectedCallback() { | ||
window.removeEventListener("resize", this.updateMenu); | ||
window.removeEventListener("click", this.toggleMenu); | ||
window.removeEventListener("click", this.closeMenu); | ||
} | ||
@@ -764,3 +764,3 @@ render() { | ||
`; | ||
this.shadowRoot.querySelector(".menu-toggle").addEventListener("click", this.toggleMenu.bind(this)); | ||
this.shadowRoot.querySelector(".menu-toggle").addEventListener("click", this.openMenu.bind(this)); | ||
} | ||
@@ -773,2 +773,13 @@ toggleMenu(event) { | ||
} | ||
openMenu(event) { | ||
event.stopPropagation(); | ||
const menu = this.shadowRoot.querySelector(".menu-items"); | ||
this.classList.add("expanded"); | ||
menu.classList.add("expanded"); | ||
} | ||
closeMenu(event) { | ||
const menu = this.shadowRoot.querySelector(".menu-items"); | ||
this.classList.remove("expanded"); | ||
menu.classList.remove("expanded"); | ||
} | ||
updateMenu() { | ||
@@ -775,0 +786,0 @@ if (this.debounceTimer) { |
{ | ||
"name": "@dataforsyningen/designsystem", | ||
"version": "7.7.2", | ||
"version": "7.7.3", | ||
"description": "Common design system for Klimadatastyrelsen with CSS, icons, UI components, and logo images.", | ||
@@ -5,0 +5,0 @@ "type": "module", |
@@ -111,4 +111,3 @@ import { DSTogglePanel } from './togglePanel.js' | ||
window.addEventListener('resize', this.updateMenu.bind(this)) | ||
window.addEventListener('click', this.toggleMenu.bind(this)) | ||
window.addEventListener('click', this.closeMenu.bind(this)) | ||
} | ||
@@ -118,3 +117,3 @@ | ||
window.removeEventListener('resize', this.updateMenu) | ||
window.removeEventListener('click', this.toggleMenu) | ||
window.removeEventListener('click', this.closeMenu) | ||
} | ||
@@ -135,3 +134,3 @@ | ||
this.shadowRoot.querySelector('.menu-toggle').addEventListener('click', this.toggleMenu.bind(this)) | ||
this.shadowRoot.querySelector('.menu-toggle').addEventListener('click', this.openMenu.bind(this)) | ||
} | ||
@@ -146,2 +145,15 @@ | ||
openMenu(event) { | ||
event.stopPropagation() | ||
const menu = this.shadowRoot.querySelector('.menu-items') | ||
this.classList.add('expanded') | ||
menu.classList.add('expanded') | ||
} | ||
closeMenu(event) { | ||
const menu = this.shadowRoot.querySelector('.menu-items') | ||
this.classList.remove('expanded') | ||
menu.classList.remove('expanded') | ||
} | ||
updateMenu() { | ||
@@ -148,0 +160,0 @@ if (this.debounceTimer) { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
4633367
3583