Bundle & Save
Mix and match supplements that fit your goals and save up to 20%.
Your Bundle
- { ;if (!select?.contains($event.target) && select !== $event.target) { show_popover = false; show = false; } }"
@scroll.window="handleScroll()"
@resize.window="handleScroll()"
@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-max 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"
id=""
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] && `` !== 'true') 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">
You have Free Shipping!
You have Free Shipping!