.w-scrollable(
ref="rootEl"
v-bind="$attrs"
:tabindex="computedTabindex"
role="region"
:aria-disabled="props.disabled ? 'true' : undefined"
@mouseenter="onMouseEnter"
@mouseleave="onMouseLeave"
@wheel="onWheel"
@keydown="onKeydown"
:class="scrollableClasses"
:style="scrollableStyles")
.w-scrollable__content(
:id="contentId"
ref="scrollableEl"
:class="contentClasses"
@scroll="onNativeScroll")
slot
.w-scrollable__scrollbar(
v-show="hasOverflow && showCustomTrack"
ref="trackEl"
:class="scrollbarClasses"
role="presentation"
@pointerdown.prevent="onTrackPointerDown")
.w-scrollable__scrollbar-thumb(
ref="thumbEl"
:class="{ [props.color]: !!props.color }"
:style="thumbStyles"
role="scrollbar"
:aria-controls="contentId"
:aria-orientation="scrollbarOrientation"
:aria-valuemin="0"
:aria-valuemax="scrollbarValueMax"
:aria-valuenow="scrollbarValueNow"
:aria-disabled="props.disabled ? 'true' : undefined"
:aria-label="thumbAriaLabel"
tabindex="-1"
@pointerdown.stop.prevent="onThumbPointerDown")