<target id="html5">
    <classes>
        <class source="haxe.ui.html5.ImageDataTemp"    target="haxe.ui.ImageData" />
        <class source="haxe.ui.html5.FontBase"         target="haxe.ui.FontBase" />
        <class source="haxe.ui.html5.AssetsBase"       target="haxe.ui.AssetsBase" />
        <class source="haxe.ui.html5.BitmapDataTemp"   target="haxe.ui.BitmapDataBase" />
        <class source="haxe.ui.html5.CapabilitiesBase" target="haxe.ui.CapabilitiesBase" />
        <class source="haxe.ui.html5.ScreenBase"       target="haxe.ui.core.ScreenBase" />
        <class source="haxe.ui.html5.ComponentBase"    target="haxe.ui.core.ComponentBase" />
        <class source="haxe.ui.html5.ImageDisplayBase" target="haxe.ui.core.ImageDisplayBase" />
        <class source="haxe.ui.html5.TextDisplayBase"  target="haxe.ui.core.TextDisplayBase" />
        <class source="haxe.ui.html5.TextInputBase"    target="haxe.ui.core.TextInputBase" />
    </classes>

    <native>
        <component id="haxe.ui.components.Button" class="haxe.ui.html5.native.NativeElement" nodeType="button">
            <behaviour id="text" class="haxe.ui.html5.native.behaviours.ElementText" />
            <size class="haxe.ui.html5.native.size.TextSize" />
        </component>
        <component id="haxe.ui.components.CheckBox" class="haxe.ui.html5.native.LabeledInputElement" type="checkbox">
            <behaviour id="text" class="haxe.ui.html5.native.behaviours.SpanText" index="last" />
            <behaviour id="selected" class="haxe.ui.html5.native.behaviours.ElementAttribute" child="input" name="checked" removeIfNegative="true" />
            <size class="haxe.ui.html5.native.size.TextSize" incrementWidthBy="20" incrementHeightBy="0" />
        </component>
        <component id="haxe.ui.components.OptionBox" class="haxe.ui.html5.native.LabeledInputElement" type="radio">
            <behaviour id="text" class="haxe.ui.html5.native.behaviours.SpanText" index="last" />
            <behaviour id="selected" class="haxe.ui.html5.native.behaviours.ElementAttribute" child="input" name="checked" removeIfNegative="true" />
            <size class="haxe.ui.html5.native.size.TextSize" incrementWidthBy="20" incrementHeightBy="0" />
        </component>
        <component id="haxe.ui.components.TextField" class="haxe.ui.html5.native.NativeElement" nodeType="input">
            <behaviour id="text" class="haxe.ui.html5.native.behaviours.ElementValue" />
            <size class="haxe.ui.html5.native.size.TextSize" incrementWidthBy="4" incrementHeightBy="4" />
        </component>
        <component id="haxe.ui.components.HSlider" class="haxe.ui.html5.native.NativeElement" nodeType="input" type="range">
            <behaviour id="min" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="min" />
            <behaviour id="max" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="max" />
            <behaviour id="pos" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="value" />
            <size class="haxe.ui.html5.native.size.ComponentSize" defaultWidth="140" defaultHeight="20" />
        </component>
        <component id="haxe.ui.components.VSlider" class="haxe.ui.html5.native.NativeElement" nodeType="input" type="range" style="-webkit-appearance: slider-vertical;-moz-orient: vertical;" orient="vertical">
            <behaviour id="min" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="min" />
            <behaviour id="max" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="max" />
            <behaviour id="pos" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="value" />
            <size class="haxe.ui.html5.native.size.ComponentSize" defaultWidth="20" defaultHeight="140" />
        </component>
        <component id="haxe.ui.components.HProgress" class="haxe.ui.html5.native.NativeElement" nodeType="progress">
            <behaviour id="min" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="min" />
            <behaviour id="max" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="max" />
            <behaviour id="pos" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="value" />
            <size class="haxe.ui.html5.native.size.ComponentSize" defaultWidth="146" defaultHeight="16" />
        </component>
        <component id="haxe.ui.components.VProgress" class="haxe.ui.html5.native.NativeElement" nodeType="progress" style="-webkit-appearance: slider-vertical;-moz-orient: vertical;" orient="vertical">
            <behaviour id="min" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="min" />
            <behaviour id="max" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="max" />
            <behaviour id="pos" class="haxe.ui.html5.native.behaviours.ElementAttribute" name="value" />
            <size class="haxe.ui.html5.native.size.ComponentSize" defaultWidth="16" defaultHeight="146" />
        </component>
        <component id="haxe.ui.containers.ScrollView" class="haxe.ui.html5.native.NativeElement">
        </component>
    </native>
</target>