| 1 | <transition :name="sidebarWrapperTransition">
|
| 2 | <aside
|
| 3 | role="complementary"
|
| 4 | class="sidebar-wrapper"
|
| 5 | :class="classes"
|
| 6 | :aria-label="ariaLabel"
|
| 7 | ref="wrapper"
|
| 8 | v-show="open || !collapsible"
|
| 9 | >
|
| 10 | <transition :name="sidebarTransition">
|
| 11 | <div
|
| 12 | class="sidebar"
|
| 13 | v-show="collapsePosition === 'relative' || open || !collapsible"
|
| 14 | >
|
| 15 | <div class="sidebar-content">
|
| 16 | <slot />
|
| 17 | </div>
|
| 18 | </div>
|
| 19 | </transition>
|
| 20 | <transition name="sidebar-overlay-transition">
|
| 21 | <div
|
| 22 | class="sidebar-overlay"
|
| 23 | @click="onOverlayClick"
|
| 24 | v-if="collapsePosition !== 'relative'"
|
| 25 | v-show="open"
|
| 26 | />
|
| 27 | </transition>
|
| 28 | </aside>
|
| 29 | </transition>
|