Sha256: 4aad8959a8ab1190adf40eab494b598ee5613716e858a8c90d08130b819fcc69
Contents?: true
Size: 1.39 KB
Versions: 22
Compression:
Stored size: 1.39 KB
Contents
import { Controller } from '@hotwired/stimulus'
export default class extends Controller {
static targets = ['svg', 'items', 'self'];
collapsed = true;
get key() {
return this.selfTarget.getAttribute('data-menu-key-param')
}
get defaultState() {
return this.selfTarget.getAttribute('data-menu-default-collapsed-state')
}
get userState() {
return window.localStorage.getItem(this.key)
}
set userState(payload) {
window.localStorage.setItem(this.key, payload)
}
get initiallyCollapsed() {
if (this.userState === 'collapsed' || this.defaultState === 'collapsed') return true
if (this.userState === 'expanded' || this.defaultState === 'expanded') return false
return false
}
connect() {
if (this.initiallyCollapsed) {
this.collapsed = true
this.markCollapsed()
} else {
this.collapsed = false
this.markExpanded()
}
}
triggerCollapse() {
this.collapsed = !this.collapsed
this.userState = this.collapsed ? 'collapsed' : 'expanded'
this.updateDom()
}
updateDom() {
if (this.collapsed) {
this.markCollapsed()
} else {
this.markExpanded()
}
}
markCollapsed() {
this.svgTarget.classList.add('rotate-90')
this.itemsTarget.classList.add('hidden')
}
markExpanded() {
this.svgTarget.classList.remove('rotate-90')
this.itemsTarget.classList.remove('hidden')
}
}
Version data entries
22 entries across 22 versions & 1 rubygems