andras/fleeting-garden
andras/fleeting-garden
Watch
1
0
Fork
You've already forked fleeting-garden
 0
Code Issues Pull requests 10 Projects Releases Packages Wiki Activity Actions

Minor improvements

Browse source
This commit is contained in:
Andras Schmelczer 2023-05-27 20:40:17 +01:00
commit f7d24a22b6
No known key found for this signature in database
GPG key ID: FC8F2C3D3D1A718C
4 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/page/collapsible-panel-animator.ts
View file

@ -1,5 +1,5 @@
export class CollapsiblePanelAnimator {
private isOpen = false;
private _isOpen = false;
public onOpen: () => unknown = () => {};
public onClose: () => unknown = () => {};
@ -17,24 +17,28 @@ export class CollapsiblePanelAnimator {
}
public open() {
this.isOpen = true;
this._isOpen = true;
this.collapsibleContent.classList.remove('hidden');
this.toggleButton.classList.add('active');
this.onOpen();
}
public close() {
this.isOpen = false;
this._isOpen = false;
this.collapsibleContent.classList.add('hidden');
this.toggleButton.classList.remove('active');
this.onClose();
}
public toggle() {
if (this.isOpen) {
if (this._isOpen) {
this.close();
} else {
this.open();
}
}
public get isOpen() {
return this._isOpen;
}
}