-1) {
if (activeOptionIndex === -1) {
activeOptionIndex = maxOptionIndex();
} else {
activeOptionIndex = Math.max(activeOptionIndex - 1, 0);
}
scrollToIndex(activeOptionIndex);
}"
@keydown.arrow-down.prevent="if (isOpen) {
activeOptionIndex = Math.min(activeOptionIndex + 1, maxOptionIndex());
scrollToIndex(activeOptionIndex);
}"
@keydown.enter="pressIndex(activeOptionIndex, $event)"
@keydown.space="pressIndex(activeOptionIndex, $event)"
x-effect="if (!isOpen) activeOptionIndex = -1"
x-init="
$watch('values', () =>
$el.dispatchEvent(new Event('inputchanged', { bubbles: true })),
);
"
class=""
>
-1) {
if (activeOptionIndex === -1) {
activeOptionIndex = maxOptionIndex();
} else {
activeOptionIndex = Math.max(activeOptionIndex - 1, 0);
}
scrollToIndex(activeOptionIndex);
}"
@keydown.arrow-down.prevent="if (isOpen) {
activeOptionIndex = Math.min(activeOptionIndex + 1, maxOptionIndex());
scrollToIndex(activeOptionIndex);
}"
@keydown.enter="pressIndex(activeOptionIndex, $event)"
@keydown.space="pressIndex(activeOptionIndex, $event)"
x-effect="if (!isOpen) activeOptionIndex = -1"
x-init="
$watch('values', () =>
$el.dispatchEvent(new Event('inputchanged', { bubbles: true })),
);
"
class=""
>
-1) {
if (activeOptionIndex === -1) {
activeOptionIndex = maxOptionIndex();
} else {
activeOptionIndex = Math.max(activeOptionIndex - 1, 0);
}
scrollToIndex(activeOptionIndex);
}"
@keydown.arrow-down.prevent="if (isOpen) {
activeOptionIndex = Math.min(activeOptionIndex + 1, maxOptionIndex());
scrollToIndex(activeOptionIndex);
}"
@keydown.enter="pressIndex(activeOptionIndex, $event)"
@keydown.space="pressIndex(activeOptionIndex, $event)"
x-effect="if (!isOpen) activeOptionIndex = -1"
x-init="
$watch('values', () =>
$el.dispatchEvent(new Event('inputchanged', { bubbles: true })),
);
"
class=""
>