Your bundle
SEE DETAILS AND CHOOSE FREQUENCY
- { ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }"
@scroll.window="pos = select.getBoundingClientRect()"
@resize.window="pos = select.getBoundingClientRect()"
@keydown.esc="show_popover = false; show = false;"
@keydown.left.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1"
@keydown.up.prevent.stop="focusIndex = focusIndex > 0 ? focusIndex -1 : values.length - 1"
@keydown.down.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0"
@keydown.right.prevent.stop="focusIndex = focusIndex + 1 < values.length ? focusIndex + 1 : 0"
@keydown.space.prevent.stop="updateBundleById(value);"
@keydown.enter.prevent.stop="updateBundleById(value);; show_popover = false; show = false;"
class="fixed z-[2147483647] min-w-max mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg outline-none ring-1 ring-black/5 transition-opacity duration-75 focus:outline-none sm:text-sm dropdown--input-select"
aria-label="Bundle Targets"
aria-orientation="vertical"
role="listbox"
tabindex="0"
x-show="show_popover"
x-cloak
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
>
- { if (disabledItems[i]) return; updateBundleById(value);; focusIndex = i; show_popover = false; show = false; }" :disabled="!!disabledItems[i]" :class="i === focusIndex ? 'active' : disabledItems[i] ? 'opacity-40' :''" x-effect="i === focusIndex && $el.parentElement ? $el.parentElement.scrollTop = $el.offsetTop - 120 : null" role="option" tabindex="-1" :aria-selected="i === focusIndex">
<h4><em>1</em><strong> Add your items</strong></h4>
{ content_slider.handleResize(); grid_columns = Math.ceil(+getComputedStyle($refs.added_products_container).getPropertyValue('--grid-cols')) }"
data-style-bundle-added-products
>