<core:FragmentDefinition
    xmlns="sap.m"
    xmlns:core="sap.ui.core"
    xmlns:dnd="sap.ui.core.dnd"
    xmlns:grid="sap.ui.layout.cssgrid"
    xmlns:l="sap.ui.layout"
    xmlns:layout="sap.ui.layout"
    xmlns:f="sap.ui.layout.form"
    core:require="{
    format: 'sap/mcsuite/model/Format', 
    translate: 'sap/mcsuite/model/Translate', 
    utils: 'sap/mcsuite/model/Utils'
  }"  
>
    <Dialog
        draggable="true"
        contentHeight="auto"
        contentWidth="500px"
        showHeader="false"
        class="mc-dialog"
        >
    <VBox class='mc-dialog-container'>
        <VBox class="mc-dialog-header" alignItems="Stretch" justifyContent="SpaceBetween">
            <VBox class='mc-dialog-header-title-box' alignItems="Start" justifyContent="Center">
                <Title text="{valueHelp>/title}"></Title>
            </VBox>
            <Input 
                value="{valueHelp>/searchValue}" 
                liveChange="onValueHelpSearch" 
                placeholder='{parts: [{value:"LITERAL"}, {value:"SEARCH"}, {value:"Suche"}], formatter: "translate.Label.get"}' 
                submit="onValueHelpSubmit"
                class='mc-dialog-searchInput'
            />
        </VBox>
        <VBox class="dialog-select-list">
            <SelectList selectionChange="onValueHelpConfirm" />
        </VBox>
    </VBox >
    </Dialog>
</core:FragmentDefinition>
