<Label text="Type" />
							<Select change=".onTypeChange">
								<core:Item key="standard" text="standard" />
								<core:Item key="or" text="or" />
							</Select>

<Label text="Style" />
							<Select change=".onStyleChange">
								<core:Item key="wide" text="wide" />
								<core:Item key="short" text="short" />
							</Select>

</form:SimpleForm>

<form:SimpleForm layout="ResponsiveGridLayout" columnsL="1" width="100%" editable="true">

<core:Title text="Input" />

<Label text="Array" />
							<Input class="large" 
									value="{
										path: '/parsedValueDisplay',
										bindingMode: 'OneWay'
									}"
									liveChange=".onInputLiveChange" />

<Label text="String" />
							<Input class="large" 
									value="{
										path: '/formattedValue',
										bindingMode: 'OneWay'
									}"
									liveChange=".onStringLiveChange" />

</form:SimpleForm>
						
				</layout:VerticalLayout>

<layout:VerticalLayout width="90%">

<List class="margin" items="{/locales}">
							<LocaleListItem xmlns="local"
									locale="{}"
									text="{
										parts: ['/parsedValue',  ''],
										formatter: '.formatLocaleText'
									}"
							/>
						</List>

</layout:VerticalLayout>

</layout:Splitter>
		</Page>
	</App>
</mvc:View>