-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=""
>