<GuiXml>
    <Controls>
        <Control name="ZO_ComboBox" mouseEnabled="true" virtual="true">
            <Dimensions x="135" y="31" />
            <OnInitialized>
                ZO_ComboBox:New(self)
            </OnInitialized>

            <OnMouseUp>
                ZO_ComboBox_DropdownClicked(self)
                PlaySound(SOUNDS.COMBO_CLICK)
            </OnMouseUp>
            
            <Controls>
                <Backdrop name="$(parent)BG" inherits="ZO_DefaultBackdrop">
                    <AnchorFill />
                </Backdrop>
                
                <Label name="$(parent)SelectedItemText" font="ZoFontGame" color="INTERFACE_COLOR_TYPE_TEXT_COLORS:INTERFACE_TEXT_COLOR_SELECTED" wrapMode="ELLIPSIS" verticalAlignment="CENTER">
                    <Anchor point="TOPLEFT" offsetX="8" />
                    <Anchor point="BOTTOMRIGHT" offsetX="-20" />
                </Label>

                <Button name="$(parent)OpenDropdown" inherits="ZO_DropdownButton">
                    <Dimensions x="16" y="16" />
                    <Anchor point="RIGHT" offsetX="-3" />
                    
                    <OnClicked>
                        ZO_ComboBox_DropdownClicked(self:GetParent())
                    </OnClicked>
                </Button>
            </Controls>
        </Control>

        <Control name="ZO_ScrollableComboBoxItem" level="3" mouseEnabled="true" virtual="true">
            <Dimensions y="ZO_SCROLLABLE_ENTRY_TEMPLATE_HEIGHT" />
            <OnMouseEnter>
                ZO_ScrollableComboBox_Entry_OnMouseEnter(self)
            </OnMouseEnter>

            <OnMouseExit>
                ZO_ScrollableComboBox_Entry_OnMouseExit(self)
            </OnMouseExit>

            <OnMouseUp>
                if button == MOUSE_BUTTON_INDEX_LEFT and upInside then
                    ZO_ScrollableComboBox_Entry_OnSelected(self)
                end
            </OnMouseUp>
            
            <Controls>
                <Label name="$(parent)Label" wrapMode="ELLIPSIS" maxLineCount="1">
                    <Anchor point="LEFT" offsetX="8" />
                    <Anchor point="RIGHT" offsetX="-8" />
                </Label>
            </Controls>
        </Control>
        
        <Control name="ZO_ScrollableComboBox" mouseEnabled="true" inherits="ZO_ComboBox" virtual="true" tier="MEDIUM">
            <OnInitialized>
                ZO_ScrollableComboBox:New(self)
            </OnInitialized>
            
            <Controls>
                <Control name="$(parent)Dropdown" mouseEnabled="true" tier="HIGH" hidden="true">
                    <Anchor point="TOPLEFT" relativePoint="BOTTOMLEFT" />
                    <Anchor point="TOPRIGHT" relativePoint="BOTTOMRIGHT" />
                    
                    <Controls>
                        <Backdrop name="$(parent)BG" inherits="ZO_DefaultBackdrop">
                            <AnchorFill />
                        </Backdrop>

                        <Control name="$(parent)Scroll" inherits="ZO_ScrollList">
                            <Anchor point="TOPLEFT" offsetY="ZO_SCROLLABLE_COMBO_BOX_LIST_PADDING_Y" />
                            <Anchor point="BOTTOMRIGHT" offsetY="-ZO_SCROLLABLE_COMBO_BOX_LIST_PADDING_Y" />
                        </Control>
                    </Controls>
                </Control>
            </Controls>
        </Control>

        <Control name="ZO_MultiselectComboBox" mouseEnabled="true" inherits="ZO_ComboBox" virtual="true">
            <OnInitialized>
                ZO_MultiSelectComboBox:New(self)
            </OnInitialized>
        </Control>
    </Controls>
</GuiXml>