<view class="wv-unroll direction-{{direction}}" style="--wv-unroll-gap: {{gap}}; --wv-unroll-item-gap: {{itemGap}}; --wv-animation-duration: {{animationDuration}};">
	<!-- Handler with slot-defaultable pattern and transition effects -->
	<view class="wv-unroll-handler" bindtap="toggleExpand">
		<view class="handler-item {{isExpanded ? 'active' : 'inactive'}}">
			<view wx:if="{{isExpanded}}" class="slot-defaultable">
				<view class="slot"><slot name="handler-expanded"></slot></view>
				<view class="default-slot">
					<view class="wv-btn round wv-theme">
						<text class="wv-icon bi-chevron-left"></text>
					</view>
				</view>
			</view>
			<view wx:else="" class="slot-defaultable">
				<view class="slot"><slot name="handler-collapsed"></slot></view>
				<view class="default-slot">
					<view class="wv-btn round wv-theme">
						<text class="wv-icon bi-chevron-right"></text>
					</view>
				</view>
			</view>
		</view>
	</view>
	
	<view class="wv-unroll-items-position">
		<scroll-view
			style="{{ width? 'width:'+width+';' : '' }} {{ height? 'height:'+height+';' : '' }}"
			scroll-x="{{direction === 'to-right' || direction === 'to-left'}}"
			scroll-y="{{direction === 'to-bottom' || direction === 'to-top'}}"
			show-scrollbar="{{false}}"
			enhanced="{{true}}"
			>
			<view class="wv-unroll-items-wrap">
				<view class="wv-unroll-items {{isExpanded ? 'expanded' : 'collapsed'}}">
					<slot></slot>
				</view>
			</view>
		</scroll-view>
	</view>
</view>
