ESL Panel
Version: 3.0.0.
Authors: Julia Murashko, Alexey Stsefanovich (ala'n), Anastasia Lesun.
ESLPanel is a custom element that is used as a wrapper for content that can be shown or hidden.
Can use collapsing/expanding animation (smooth height change).
Can be used in conjunction with ESLPanelGroup
to control a group of ESLPopups
ESLPanel.register();
active-class
- class(es) to be added for active state ('open' by default)animate-class
- class(es) to be added during animation ('animate' by default)post-animate-class
- class(es) to be added during animation after next render ('post-animate' by default)initial-params
- initial params for current ESLPanel instanceanimating
- a marker of animation process running
ESLPanel extends ESLToggleable you can find other supported options in its documentation.
esl:before:show
- thrown when panel is going to change its state to expandedesl:before:hide
- thrown when panel is going to change its state to collapsedesl:show
- thrown when panel change its state to expandedesl:hide
- thrown when panel change its state to collapsedesl:after:show
- thrown when panel changed its state to expandedesl:after:hide
- thrown when panel changed its state to collapsed