img/maui03.svg

<svg version="1.1" baseProfile="full" width="1164.0" height="1518.0" viewBox="0 0 1164 1518" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events">
	<desc >#direction: right
	#spacing: 12
	#.box: fill=#C06EF0
			
	[NavigableElement] &lt;:- [Window]
	[NavigableElement] &lt;:- [BaseShellItem]
	[BaseShellItem] &lt;:- [ShellContent]
	[BaseShellItem] &lt;:- [ShellGroupItem]
	[ShellGroupItem] &lt;:- [ShellItem]
	[ShellItem] &lt;:- [FlyoutItem]
	[ShellItem] &lt;:- [TabBar]
	[ShellGroupItem] &lt;:- [ShellSection]
	
	[NavigableElement] &lt;:- [VisualElement]
	
	[VisualElement] &lt;:- [Page]
	[Page] &lt;:- [FlyoutPage]
	[Page] &lt;:- [MultiPage\&lt;T\&gt;]
	[Page] &lt;:- [NavigationPage]
	[Page] &lt;:- [Shell]
	[Page] &lt;:- [TemplatedPage]
	
	[VisualElement] &lt;:- [&lt;box id=b&gt;View]
	
	[&lt;box&gt;View] &lt;:- [BlazorWebView]
	[View] &lt;:- [ActivityIndicator]
	[View] &lt;:- [Border]
	[View] &lt;:- [BoxView]
	[View] &lt;:- [Button]
	[View] &lt;:- [CheckBox]
	[View] &lt;:- [DatePicker]
	[View] &lt;:- [GraphicsView]
	[View] &lt;:- [Image]
	[View] &lt;:- [ImageButton]
	
	[View] &lt;:- [InputView]
	[InputView] &lt;:-[Editor]
	[InputView] &lt;:-[Entry]
	[InputView] &lt;:-[SearchBar]
	
	[View] &lt;:- [ItemsView]
	[ItemsView] &lt;:- [CarouselView]
	[ItemsView] &lt;:- [StructuredItemsView] &lt;:- [SelectableItemsView]
	
	[SelectableItemsView]  &lt;:- [GroupableItemsView]
	[GroupableItemsView] &lt;:- [ReorderableItemsView]
	
	[View] &lt;:- [ItemsView\&lt;TVisual\&gt;] &lt;:- [ListView]
	[View] &lt;:- [Layout]
	
	[Layout] &lt;:- [AbsoluteLayout]
	[Layout] &lt;:- [FlexLayout]
	[Layout] &lt;:- [Grid]
	[Layout] &lt;:- [StackBase]
	
	[StackBase] &lt;:- [HorizontalStackLayout]
	[StackBase] &lt;:- [StackLayout]
	[StackBase] &lt;:- [VerticalStackLayout]
	
	[View] &lt;:- [Label]
	[View] &lt;:- [Picker]
	[View] &lt;:- [ProgressBar]
	[View] &lt;:- [Shape]
	
	[Shape] &lt;:-[Ellipse]
	[Shape] &lt;:-[Line]
	[Shape] &lt;:-[Path]
	[Shape] &lt;:-[Polygon]
	[Shape] &lt;:-[Polyline]
	[Shape] &lt;:-[Rectangle]
	[Shape] &lt;:-[RoundRectangle]
	
	
	[View] &lt;:- [Slider]
	[View] &lt;:- [Stepper]
	[View] &lt;:- [Switch]
	[View] &lt;:- [TableView]
	[View] &lt;:- [TimePicker]
	[View] &lt;:- [WebView]</desc>
	<g stroke-width="1.0" text-align="left" font="12pt Helvetica, Arial, sans-serif" font-size="12pt" font-family="Helvetica" font-weight="bold" font-style="normal">
		<g font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" stroke-width="3.0" stroke-linejoin="round" stroke-linecap="round" stroke="#33322E">
			<g stroke="transparent" fill="transparent">
				<rect x="0.0" y="0.0" height="1518.0" width="1164.0" stroke="none"></rect>
			</g>
			<g transform="translate(8, 8)" fill="#33322E">
				<g transform="translate(20, 20)" fill="#eee8d5" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal">
					<path d="M100.3 63.5 L160 16 L212 16 L212.0 16.0 " fill="none"></path>
					<path d="M99.3 62.3 L100.3 63.5 L101.2 64.8 L97.1 66.0 Z"></path>
					<path d="M141.2 65.0 L160 60 L188 60 L188.0 60.0 " fill="none"></path>
					<path d="M140.8 63.4 L141.2 65.0 L141.6 66.5 L137.4 66.0 Z"></path>
					<path d="M316.9 43.9 L341 38 L377 38 L377.0 38.0 " fill="none"></path>
					<path d="M316.5 42.3 L316.9 43.9 L317.3 45.4 L313.0 44.8 Z"></path>
					<path d="M316.9 76.1 L341 82 L367 82 L367.0 82.0 " fill="none"></path>
					<path d="M317.3 74.6 L316.9 76.1 L316.5 77.7 L313.0 75.2 Z"></path>
					<path d="M505.9 65.2 L528 60 L585 60 L585.0 60.0 " fill="none"></path>
					<path d="M505.5 63.6 L505.9 65.2 L506.3 66.8 L502.0 66.1 Z"></path>
					<path d="M675.9 49.6 L729 38 L773.5 38 L773.5 38.0 " fill="none"></path>
					<path d="M675.6 48.1 L675.9 49.6 L676.2 51.2 L672.0 50.5 Z"></path>
					<path d="M634.2 79.8 L729 412 L787 412 L787.0 412.0 " fill="none"></path>
					<path d="M635.7 79.4 L634.2 79.8 L632.6 80.3 L633.1 76.0 Z"></path>
					<path d="M505.9 98.8 L528 104 L572.5 104 L572.5 104.0 " fill="none"></path>
					<path d="M506.3 97.2 L505.9 98.8 L505.5 100.4 L502.0 97.9 Z"></path>
					<path d="M89.2 101.4 L160 214 L188 214 L188.0 214.0 " fill="none"></path>
					<path d="M90.5 100.5 L89.2 101.4 L87.8 102.2 L87.1 98.0 Z"></path>
					<path d="M316.9 197.9 L341 192 L407.5 192 L407.5 192.0 " fill="none"></path>
					<path d="M316.5 196.3 L316.9 197.9 L317.3 199.4 L313.0 198.8 Z"></path>
					<path d="M465.1 177.6 L528 148 L577.5 148 L577.5 148.0 " fill="none"></path>
					<path d="M464.4 176.1 L465.1 177.6 L465.8 179.0 L461.5 179.3 Z"></path>
					<path d="M465.5 192.0 L528 192 L568.5 192 L568.5 192.0 " fill="none"></path>
					<path d="M465.5 190.4 L465.5 192.0 L465.5 193.6 L461.5 192.0 Z"></path>
					<path d="M465.1 206.4 L528 236 L560.5 236 L560.5 236.0 " fill="none"></path>
					<path d="M465.8 205.0 L465.1 206.4 L464.4 207.9 L461.5 204.7 Z"></path>
					<path d="M440.5 211.8 L528 500 L601.5 500 L601.5 500.0 " fill="none"></path>
					<path d="M442.1 211.4 L440.5 211.8 L439.0 212.3 L439.4 208.0 Z"></path>
					<path d="M439.8 211.9 L528 544 L562 544 L562.0 544.0 " fill="none"></path>
					<path d="M441.3 211.5 L439.8 211.9 L438.2 212.3 L438.8 208.0 Z"></path>
					<path d="M258.6 233.7 L341 434 L408.5 434 L408.5 434.0 " fill="none"></path>
					<path d="M260.1 233.1 L258.6 233.7 L257.1 234.3 L257.1 230.0 Z"></path>
					<path d="M79.7 854.0 L160 258 L183 258 L183.0 258.0 " fill="none"></path>
					<path d="M78.1 853.8 L79.7 854.0 L81.3 854.2 L79.2 858.0 Z"></path>
					<path d="M79.9 854.0 L160 302 L180 302 L180.0 302.0 " fill="none"></path>
					<path d="M78.3 853.8 L79.9 854.0 L81.5 854.3 L79.3 858.0 Z"></path>
					<path d="M80.1 854.0 L160 346 L216.5 346 L216.5 346.0 " fill="none"></path>
					<path d="M78.6 853.8 L80.1 854.0 L81.7 854.3 L79.5 858.0 Z"></path>
					<path d="M80.4 854.1 L160 390 L209.5 390 L209.5 390.0 " fill="none"></path>
					<path d="M78.8 853.8 L80.4 854.1 L82.0 854.3 L79.7 858.0 Z"></path>
					<path d="M80.8 854.1 L160 434 L216.5 434 L216.5 434.0 " fill="none"></path>
					<path d="M79.2 853.8 L80.8 854.1 L82.3 854.4 L80.0 858.0 Z"></path>
					<path d="M81.2 854.1 L160 478 L203.5 478 L203.5 478.0 " fill="none"></path>
					<path d="M79.6 853.8 L81.2 854.1 L82.7 854.4 L80.4 858.0 Z"></path>
					<path d="M81.7 854.1 L160 522 L201 522 L201.0 522.0 " fill="none"></path>
					<path d="M80.1 853.7 L81.7 854.1 L83.2 854.5 L80.8 858.0 Z"></path>
					<path d="M82.4 854.1 L160 566 L189.5 566 L189.5 566.0 " fill="none"></path>
					<path d="M80.8 853.7 L82.4 854.1 L83.9 854.6 L81.3 858.0 Z"></path>
					<path d="M83.2 854.2 L160 610 L219.5 610 L219.5 610.0 " fill="none"></path>
					<path d="M81.7 853.7 L83.2 854.2 L84.8 854.7 L82.0 858.0 Z"></path>
					<path d="M84.4 854.3 L160 654 L193.5 654 L193.5 654.0 " fill="none"></path>
					<path d="M83.0 853.7 L84.4 854.3 L85.9 854.8 L83.0 858.0 Z"></path>
					<path d="M86.3 854.4 L160 698 L205 698 L205.0 698.0 " fill="none"></path>
					<path d="M84.8 853.7 L86.3 854.4 L87.7 855.1 L84.5 858.0 Z"></path>
					<path d="M258.6 678.3 L341 478 L403.5 478 L403.5 478.0 " fill="none"></path>
					<path d="M257.1 677.7 L258.6 678.3 L260.1 678.9 L257.1 682.0 Z"></path>
					<path d="M299.9 710.0 L341 720 L406 720 L406.0 720.0 " fill="none"></path>
					<path d="M300.3 708.5 L299.9 710.0 L299.5 711.6 L296.0 709.1 Z"></path>
					<path d="M275.7 716.4 L341 764 L386.5 764 L386.5 764.0 " fill="none"></path>
					<path d="M276.6 715.1 L275.7 716.4 L274.7 717.6 L272.4 714.0 Z"></path>
					<path d="M106.5 858.3 L160 830 L203.5 830 L203.5 830.0 " fill="none"></path>
					<path d="M105.8 856.9 L106.5 858.3 L107.3 859.8 L103.0 860.2 Z"></path>
					<path d="M301.4 817.6 L341 808 L374 808 L374.0 808.0 " fill="none"></path>
					<path d="M301.0 816.1 L301.4 817.6 L301.8 819.2 L297.5 818.6 Z"></path>
					<path d="M301.4 842.4 L341 852 L347 852 L347.0 852.0 " fill="none"></path>
					<path d="M301.8 840.8 L301.4 842.4 L301.0 843.9 L297.5 841.4 Z"></path>
					<path d="M526.0 852.0 L528 852 L542 852 L542.0 852.0 " fill="none"></path>
					<path d="M526.0 850.4 L526.0 852.0 L526.0 853.6 L522.0 852.0 Z"></path>
					<path d="M719.0 852.0 L729 852 L735 852 L735.0 852.0 " fill="none"></path>
					<path d="M719.0 850.4 L719.0 852.0 L719.0 853.6 L715.0 852.0 Z"></path>
					<path d="M913.0 852.0 L915 852 L921 852 L921.0 852.0 " fill="none"></path>
					<path d="M913.0 850.4 L913.0 852.0 L913.0 853.6 L909.0 852.0 Z"></path>
					<path d="M106.9 881.9 L160 896 L166 896 L166.0 896.0 " fill="none"></path>
					<path d="M107.3 880.4 L106.9 881.9 L106.5 883.5 L103.0 880.9 Z"></path>
					<path d="M339.0 896.0 L341 896 L394 896 L394.0 896.0 " fill="none"></path>
					<path d="M339.0 894.4 L339.0 896.0 L339.0 897.6 L335.0 896.0 Z"></path>
					<path d="M91.5 893.2 L160 984 L216.5 984 L216.5 984.0 " fill="none"></path>
					<path d="M92.8 892.2 L91.5 893.2 L90.2 894.2 L89.1 890.0 Z"></path>
					<path d="M287.0 966.3 L341 940 L366 940 L366.0 940.0 " fill="none"></path>
					<path d="M286.3 964.8 L287.0 966.3 L287.7 967.7 L283.4 968.0 Z"></path>
					<path d="M288.5 984.0 L341 984 L384.5 984 L384.5 984.0 " fill="none"></path>
					<path d="M288.5 982.4 L288.5 984.0 L288.5 985.6 L284.5 984.0 Z"></path>
					<path d="M287.0 1001.7 L341 1028 L410 1028 L410.0 1028.0 " fill="none"></path>
					<path d="M287.7 1000.3 L287.0 1001.7 L286.3 1003.2 L283.4 1000.0 Z"></path>
					<path d="M269.8 1002.8 L341 1072 L386 1072 L386.0 1072.0 " fill="none"></path>
					<path d="M270.9 1001.6 L269.8 1002.8 L268.7 1003.9 L267.0 1000.0 Z"></path>
					<path d="M454.4 1053.3 L528 984 L534 984 L534.0 984.0 " fill="none"></path>
					<path d="M453.3 1052.1 L454.4 1053.3 L455.5 1054.4 L451.5 1056.0 Z"></path>
					<path d="M486.9 1084.3 L528 1094 L573 1094 L573.0 1094.0 " fill="none"></path>
					<path d="M487.3 1082.8 L486.9 1084.3 L486.5 1085.9 L483.0 1083.4 Z"></path>
					<path d="M460.4 1090.3 L528 1138 L544.5 1138 L544.5 1138.0 " fill="none"></path>
					<path d="M461.4 1089.0 L460.4 1090.3 L459.5 1091.6 L457.2 1088.0 Z"></path>
					<path d="M87.5 893.5 L160 1028 L221.5 1028 L221.5 1028.0 " fill="none"></path>
					<path d="M88.9 892.8 L87.5 893.5 L86.1 894.3 L85.6 890.0 Z"></path>
					<path d="M85.3 893.7 L160 1072 L218.5 1072 L218.5 1072.0 " fill="none"></path>
					<path d="M86.7 893.1 L85.3 893.7 L83.8 894.3 L83.7 890.0 Z"></path>
					<path d="M83.8 893.8 L160 1116 L194.5 1116 L194.5 1116.0 " fill="none"></path>
					<path d="M85.3 893.3 L83.8 893.8 L82.3 894.3 L82.5 890.0 Z"></path>
					<path d="M82.4 893.9 L160 1182 L218.5 1182 L218.5 1182.0 " fill="none"></path>
					<path d="M83.9 893.4 L82.4 893.9 L80.8 894.3 L81.3 890.0 Z"></path>
					<path d="M275.7 1163.6 L341 1116 L400.5 1116 L400.5 1116.0 " fill="none"></path>
					<path d="M274.7 1162.4 L275.7 1163.6 L276.6 1164.9 L272.4 1166.0 Z"></path>
					<path d="M286.4 1173.3 L341 1160 L410 1160 L410.0 1160.0 " fill="none"></path>
					<path d="M286.0 1171.7 L286.4 1173.3 L286.8 1174.8 L282.5 1174.2 Z"></path>
					<path d="M286.4 1190.7 L341 1204 L409 1204 L409.0 1204.0 " fill="none"></path>
					<path d="M286.8 1189.2 L286.4 1190.7 L286.0 1192.3 L282.5 1189.8 Z"></path>
					<path d="M275.7 1200.4 L341 1248 L395 1248 L395.0 1248.0 " fill="none"></path>
					<path d="M276.6 1199.1 L275.7 1200.4 L274.7 1201.6 L272.4 1198.0 Z"></path>
					<path d="M266.2 1201.1 L341 1292 L396 1292 L396.0 1292.0 " fill="none"></path>
					<path d="M267.4 1200.1 L266.2 1201.1 L265.0 1202.1 L263.7 1198.0 Z"></path>
					<path d="M261.9 1201.4 L341 1336 L388.5 1336 L388.5 1336.0 " fill="none"></path>
					<path d="M263.3 1200.6 L261.9 1201.4 L260.5 1202.3 L259.9 1198.0 Z"></path>
					<path d="M259.5 1201.6 L341 1380 L363 1380 L363.0 1380.0 " fill="none"></path>
					<path d="M260.9 1201.0 L259.5 1201.6 L258.0 1202.3 L257.8 1198.0 Z"></path>
					<path d="M81.7 893.9 L160 1226 L220.5 1226 L220.5 1226.0 " fill="none"></path>
					<path d="M83.2 893.5 L81.7 893.9 L80.1 894.3 L80.8 890.0 Z"></path>
					<path d="M81.2 893.9 L160 1270 L212.5 1270 L212.5 1270.0 " fill="none"></path>
					<path d="M82.7 893.6 L81.2 893.9 L79.6 894.2 L80.4 890.0 Z"></path>
					<path d="M80.8 893.9 L160 1314 L216.5 1314 L216.5 1314.0 " fill="none"></path>
					<path d="M82.3 893.6 L80.8 893.9 L79.2 894.2 L80.0 890.0 Z"></path>
					<path d="M80.4 893.9 L160 1358 L204 1358 L204.0 1358.0 " fill="none"></path>
					<path d="M82.0 893.7 L80.4 893.9 L78.8 894.2 L79.7 890.0 Z"></path>
					<path d="M80.1 894.0 L160 1402 L200 1402 L200.0 1402.0 " fill="none"></path>
					<path d="M81.7 893.7 L80.1 894.0 L78.6 894.2 L79.5 890.0 Z"></path>
					<path d="M79.9 894.0 L160 1446 L207.5 1446 L207.5 1446.0 " fill="none"></path>
					<path d="M81.5 893.7 L79.9 894.0 L78.3 894.2 L79.3 890.0 Z"></path>
					<g data-name="NavigableElement">
						<g fill="#eee8d5" stroke="#33322E" data-name="NavigableElement">
							<rect x="0.0" y="66.0" height="32.0" width="154.0" data-name="NavigableElement"></rect>
						</g>
						<g transform="translate(0, 66)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="NavigableElement">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="NavigableElement">
								<text x="69.0" y="14.1" stroke="none" text-anchor="middle" data-name="NavigableElement">NavigableElement</text>
								
							</g>
						</g>
					</g>
					<g data-name="Window">
						<g fill="#eee8d5" stroke="#33322E" data-name="Window">
							<rect x="212.0" y="0.0" height="32.0" width="77.0" data-name="Window"></rect>
						</g>
						<g transform="translate(212, 0)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Window">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Window">
								<text x="30.5" y="14.1" stroke="none" text-anchor="middle" data-name="Window">Window</text>
								
							</g>
						</g>
					</g>
					<g data-name="BaseShellItem">
						<g fill="#eee8d5" stroke="#33322E" data-name="BaseShellItem">
							<rect x="188.0" y="44.0" height="32.0" width="125.0" data-name="BaseShellItem"></rect>
						</g>
						<g transform="translate(188, 44)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="BaseShellItem">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="BaseShellItem">
								<text x="54.5" y="14.1" stroke="none" text-anchor="middle" data-name="BaseShellItem">BaseShellItem</text>
								
							</g>
						</g>
					</g>
					<g data-name="ShellContent">
						<g fill="#eee8d5" stroke="#33322E" data-name="ShellContent">
							<rect x="377.0" y="22.0" height="32.0" width="115.0" data-name="ShellContent"></rect>
						</g>
						<g transform="translate(377, 22)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ShellContent">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ShellContent">
								<text x="49.5" y="14.1" stroke="none" text-anchor="middle" data-name="ShellContent">ShellContent</text>
								
							</g>
						</g>
					</g>
					<g data-name="ShellGroupItem">
						<g fill="#eee8d5" stroke="#33322E" data-name="ShellGroupItem">
							<rect x="367.0" y="66.0" height="32.0" width="135.0" data-name="ShellGroupItem"></rect>
						</g>
						<g transform="translate(367, 66)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ShellGroupItem">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ShellGroupItem">
								<text x="59.5" y="14.1" stroke="none" text-anchor="middle" data-name="ShellGroupItem">ShellGroupItem</text>
								
							</g>
						</g>
					</g>
					<g data-name="ShellItem">
						<g fill="#eee8d5" stroke="#33322E" data-name="ShellItem">
							<rect x="585.0" y="44.0" height="32.0" width="87.0" data-name="ShellItem"></rect>
						</g>
						<g transform="translate(585, 44)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ShellItem">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ShellItem">
								<text x="35.5" y="14.1" stroke="none" text-anchor="middle" data-name="ShellItem">ShellItem</text>
								
							</g>
						</g>
					</g>
					<g data-name="FlyoutItem">
						<g fill="#eee8d5" stroke="#33322E" data-name="FlyoutItem">
							<rect x="773.5" y="22.0" height="32.0" width="97.0" data-name="FlyoutItem"></rect>
						</g>
						<g transform="translate(773.5, 22)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="FlyoutItem">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="FlyoutItem">
								<text x="40.5" y="14.1" stroke="none" text-anchor="middle" data-name="FlyoutItem">FlyoutItem</text>
								
							</g>
						</g>
					</g>
					<g data-name="TabBar">
						<g fill="#eee8d5" stroke="#33322E" data-name="TabBar">
							<rect x="787.0" y="396.0" height="32.0" width="70.0" data-name="TabBar"></rect>
						</g>
						<g transform="translate(787, 396)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="TabBar">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TabBar">
								<text x="27.0" y="14.1" stroke="none" text-anchor="middle" data-name="TabBar">TabBar</text>
								
							</g>
						</g>
					</g>
					<g data-name="ShellSection">
						<g fill="#eee8d5" stroke="#33322E" data-name="ShellSection">
							<rect x="572.5" y="88.0" height="32.0" width="112.0" data-name="ShellSection"></rect>
						</g>
						<g transform="translate(572.5, 88)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ShellSection">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ShellSection">
								<text x="48.0" y="14.1" stroke="none" text-anchor="middle" data-name="ShellSection">ShellSection</text>
								
							</g>
						</g>
					</g>
					<g data-name="VisualElement">
						<g fill="#eee8d5" stroke="#33322E" data-name="VisualElement">
							<rect x="188.0" y="198.0" height="32.0" width="125.0" data-name="VisualElement"></rect>
						</g>
						<g transform="translate(188, 198)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="VisualElement">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="VisualElement">
								<text x="54.5" y="14.1" stroke="none" text-anchor="middle" data-name="VisualElement">VisualElement</text>
								
							</g>
						</g>
					</g>
					<g data-name="Page">
						<g fill="#eee8d5" stroke="#33322E" data-name="Page">
							<rect x="407.5" y="176.0" height="32.0" width="54.0" data-name="Page"></rect>
						</g>
						<g transform="translate(407.5, 176)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Page">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Page">
								<text x="19.0" y="14.1" stroke="none" text-anchor="middle" data-name="Page">Page</text>
								
							</g>
						</g>
					</g>
					<g data-name="FlyoutPage">
						<g fill="#eee8d5" stroke="#33322E" data-name="FlyoutPage">
							<rect x="577.5" y="132.0" height="32.0" width="102.0" data-name="FlyoutPage"></rect>
						</g>
						<g transform="translate(577.5, 132)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="FlyoutPage">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="FlyoutPage">
								<text x="43.0" y="14.1" stroke="none" text-anchor="middle" data-name="FlyoutPage">FlyoutPage</text>
								
							</g>
						</g>
					</g>
					<g data-name="MultiPage&lt;T&gt;">
						<g fill="#eee8d5" stroke="#33322E" data-name="MultiPage&lt;T&gt;">
							<rect x="568.5" y="176.0" height="32.0" width="120.0" data-name="MultiPage&lt;T&gt;"></rect>
						</g>
						<g transform="translate(568.5, 176)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="MultiPage&lt;T&gt;">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="MultiPage&lt;T&gt;">
								<text x="52.0" y="14.1" stroke="none" text-anchor="middle" data-name="MultiPage&lt;T&gt;">MultiPage&lt;T&gt;</text>
								
							</g>
						</g>
					</g>
					<g data-name="NavigationPage">
						<g fill="#eee8d5" stroke="#33322E" data-name="NavigationPage">
							<rect x="560.5" y="220.0" height="32.0" width="136.0" data-name="NavigationPage"></rect>
						</g>
						<g transform="translate(560.5, 220)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="NavigationPage">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="NavigationPage">
								<text x="60.0" y="14.1" stroke="none" text-anchor="middle" data-name="NavigationPage">NavigationPage</text>
								
							</g>
						</g>
					</g>
					<g data-name="Shell">
						<g fill="#eee8d5" stroke="#33322E" data-name="Shell">
							<rect x="601.5" y="484.0" height="32.0" width="54.0" data-name="Shell"></rect>
						</g>
						<g transform="translate(601.5, 484)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Shell">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Shell">
								<text x="19.0" y="14.1" stroke="none" text-anchor="middle" data-name="Shell">Shell</text>
								
							</g>
						</g>
					</g>
					<g data-name="TemplatedPage">
						<g fill="#eee8d5" stroke="#33322E" data-name="TemplatedPage">
							<rect x="562.0" y="528.0" height="32.0" width="133.0" data-name="TemplatedPage"></rect>
						</g>
						<g transform="translate(562, 528)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="TemplatedPage">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TemplatedPage">
								<text x="58.5" y="14.1" stroke="none" text-anchor="middle" data-name="TemplatedPage">TemplatedPage</text>
								
							</g>
						</g>
					</g>
					<g data-name="b">
						<g fill="#C06EF0" stroke="#33322E" data-name="b">
							<rect x="408.5" y="418.0" height="32.0" width="52.0" data-name="b"></rect>
						</g>
						<g transform="translate(408.5, 418)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="b">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="b">
								<text x="18.0" y="14.1" stroke="none" text-anchor="middle" data-name="b">View</text>
								
							</g>
						</g>
					</g>
					<g data-name="View">
						<g fill="#C06EF0" stroke="#33322E" data-name="View">
							<rect x="51.0" y="858.0" height="32.0" width="52.0" data-name="View"></rect>
						</g>
						<g transform="translate(51, 858)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="View">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="View">
								<text x="18.0" y="14.1" stroke="none" text-anchor="middle" data-name="View">View</text>
								
							</g>
						</g>
					</g>
					<g data-name="BlazorWebView">
						<g fill="#eee8d5" stroke="#33322E" data-name="BlazorWebView">
							<rect x="183.0" y="242.0" height="32.0" width="135.0" data-name="BlazorWebView"></rect>
						</g>
						<g transform="translate(183, 242)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="BlazorWebView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="BlazorWebView">
								<text x="59.5" y="14.1" stroke="none" text-anchor="middle" data-name="BlazorWebView">BlazorWebView</text>
								
							</g>
						</g>
					</g>
					<g data-name="ActivityIndicator">
						<g fill="#eee8d5" stroke="#33322E" data-name="ActivityIndicator">
							<rect x="180.0" y="286.0" height="32.0" width="141.0" data-name="ActivityIndicator"></rect>
						</g>
						<g transform="translate(180, 286)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ActivityIndicator">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ActivityIndicator">
								<text x="62.5" y="14.1" stroke="none" text-anchor="middle" data-name="ActivityIndicator">ActivityIndicator</text>
								
							</g>
						</g>
					</g>
					<g data-name="Border">
						<g fill="#eee8d5" stroke="#33322E" data-name="Border">
							<rect x="216.5" y="330.0" height="32.0" width="68.0" data-name="Border"></rect>
						</g>
						<g transform="translate(216.5, 330)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Border">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Border">
								<text x="26.0" y="14.1" stroke="none" text-anchor="middle" data-name="Border">Border</text>
								
							</g>
						</g>
					</g>
					<g data-name="BoxView">
						<g fill="#eee8d5" stroke="#33322E" data-name="BoxView">
							<rect x="209.5" y="374.0" height="32.0" width="82.0" data-name="BoxView"></rect>
						</g>
						<g transform="translate(209.5, 374)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="BoxView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="BoxView">
								<text x="33.0" y="14.1" stroke="none" text-anchor="middle" data-name="BoxView">BoxView</text>
								
							</g>
						</g>
					</g>
					<g data-name="Button">
						<g fill="#eee8d5" stroke="#33322E" data-name="Button">
							<rect x="216.5" y="418.0" height="32.0" width="68.0" data-name="Button"></rect>
						</g>
						<g transform="translate(216.5, 418)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Button">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Button">
								<text x="26.0" y="14.1" stroke="none" text-anchor="middle" data-name="Button">Button</text>
								
							</g>
						</g>
					</g>
					<g data-name="CheckBox">
						<g fill="#eee8d5" stroke="#33322E" data-name="CheckBox">
							<rect x="203.5" y="462.0" height="32.0" width="94.0" data-name="CheckBox"></rect>
						</g>
						<g transform="translate(203.5, 462)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="CheckBox">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="CheckBox">
								<text x="39.0" y="14.1" stroke="none" text-anchor="middle" data-name="CheckBox">CheckBox</text>
								
							</g>
						</g>
					</g>
					<g data-name="DatePicker">
						<g fill="#eee8d5" stroke="#33322E" data-name="DatePicker">
							<rect x="201.0" y="506.0" height="32.0" width="99.0" data-name="DatePicker"></rect>
						</g>
						<g transform="translate(201, 506)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="DatePicker">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="DatePicker">
								<text x="41.5" y="14.1" stroke="none" text-anchor="middle" data-name="DatePicker">DatePicker</text>
								
							</g>
						</g>
					</g>
					<g data-name="GraphicsView">
						<g fill="#eee8d5" stroke="#33322E" data-name="GraphicsView">
							<rect x="189.5" y="550.0" height="32.0" width="122.0" data-name="GraphicsView"></rect>
						</g>
						<g transform="translate(189.5, 550)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="GraphicsView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="GraphicsView">
								<text x="53.0" y="14.1" stroke="none" text-anchor="middle" data-name="GraphicsView">GraphicsView</text>
								
							</g>
						</g>
					</g>
					<g data-name="Image">
						<g fill="#eee8d5" stroke="#33322E" data-name="Image">
							<rect x="219.5" y="594.0" height="32.0" width="62.0" data-name="Image"></rect>
						</g>
						<g transform="translate(219.5, 594)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Image">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Image">
								<text x="23.0" y="14.1" stroke="none" text-anchor="middle" data-name="Image">Image</text>
								
							</g>
						</g>
					</g>
					<g data-name="ImageButton">
						<g fill="#eee8d5" stroke="#33322E" data-name="ImageButton">
							<rect x="193.5" y="638.0" height="32.0" width="114.0" data-name="ImageButton"></rect>
						</g>
						<g transform="translate(193.5, 638)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ImageButton">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ImageButton">
								<text x="49.0" y="14.1" stroke="none" text-anchor="middle" data-name="ImageButton">ImageButton</text>
								
							</g>
						</g>
					</g>
					<g data-name="InputView">
						<g fill="#eee8d5" stroke="#33322E" data-name="InputView">
							<rect x="205.0" y="682.0" height="32.0" width="91.0" data-name="InputView"></rect>
						</g>
						<g transform="translate(205, 682)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="InputView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="InputView">
								<text x="37.5" y="14.1" stroke="none" text-anchor="middle" data-name="InputView">InputView</text>
								
							</g>
						</g>
					</g>
					<g data-name="Editor">
						<g fill="#eee8d5" stroke="#33322E" data-name="Editor">
							<rect x="403.5" y="462.0" height="32.0" width="62.0" data-name="Editor"></rect>
						</g>
						<g transform="translate(403.5, 462)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Editor">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Editor">
								<text x="23.0" y="14.1" stroke="none" text-anchor="middle" data-name="Editor">Editor</text>
								
							</g>
						</g>
					</g>
					<g data-name="Entry">
						<g fill="#eee8d5" stroke="#33322E" data-name="Entry">
							<rect x="406.0" y="704.0" height="32.0" width="57.0" data-name="Entry"></rect>
						</g>
						<g transform="translate(406, 704)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Entry">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Entry">
								<text x="20.5" y="14.1" stroke="none" text-anchor="middle" data-name="Entry">Entry</text>
								
							</g>
						</g>
					</g>
					<g data-name="SearchBar">
						<g fill="#eee8d5" stroke="#33322E" data-name="SearchBar">
							<rect x="386.5" y="748.0" height="32.0" width="96.0" data-name="SearchBar"></rect>
						</g>
						<g transform="translate(386.5, 748)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="SearchBar">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="SearchBar">
								<text x="40.0" y="14.1" stroke="none" text-anchor="middle" data-name="SearchBar">SearchBar</text>
								
							</g>
						</g>
					</g>
					<g data-name="ItemsView">
						<g fill="#eee8d5" stroke="#33322E" data-name="ItemsView">
							<rect x="203.5" y="814.0" height="32.0" width="94.0" data-name="ItemsView"></rect>
						</g>
						<g transform="translate(203.5, 814)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ItemsView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ItemsView">
								<text x="39.0" y="14.1" stroke="none" text-anchor="middle" data-name="ItemsView">ItemsView</text>
								
							</g>
						</g>
					</g>
					<g data-name="CarouselView">
						<g fill="#eee8d5" stroke="#33322E" data-name="CarouselView">
							<rect x="374.0" y="792.0" height="32.0" width="121.0" data-name="CarouselView"></rect>
						</g>
						<g transform="translate(374, 792)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="CarouselView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="CarouselView">
								<text x="52.5" y="14.1" stroke="none" text-anchor="middle" data-name="CarouselView">CarouselView</text>
								
							</g>
						</g>
					</g>
					<g data-name="StructuredItemsView">
						<g fill="#eee8d5" stroke="#33322E" data-name="StructuredItemsView">
							<rect x="347.0" y="836.0" height="32.0" width="175.0" data-name="StructuredItemsView"></rect>
						</g>
						<g transform="translate(347, 836)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="StructuredItemsView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="StructuredItemsView">
								<text x="79.5" y="14.1" stroke="none" text-anchor="middle" data-name="StructuredItemsView">StructuredItemsView</text>
								
							</g>
						</g>
					</g>
					<g data-name="SelectableItemsView">
						<g fill="#eee8d5" stroke="#33322E" data-name="SelectableItemsView">
							<rect x="542.0" y="836.0" height="32.0" width="173.0" data-name="SelectableItemsView"></rect>
						</g>
						<g transform="translate(542, 836)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="SelectableItemsView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="SelectableItemsView">
								<text x="78.5" y="14.1" stroke="none" text-anchor="middle" data-name="SelectableItemsView">SelectableItemsView</text>
								
							</g>
						</g>
					</g>
					<g data-name="GroupableItemsView">
						<g fill="#eee8d5" stroke="#33322E" data-name="GroupableItemsView">
							<rect x="735.0" y="836.0" height="32.0" width="174.0" data-name="GroupableItemsView"></rect>
						</g>
						<g transform="translate(735, 836)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="GroupableItemsView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="GroupableItemsView">
								<text x="79.0" y="14.1" stroke="none" text-anchor="middle" data-name="GroupableItemsView">GroupableItemsView</text>
								
							</g>
						</g>
					</g>
					<g data-name="ReorderableItemsView">
						<g fill="#eee8d5" stroke="#33322E" data-name="ReorderableItemsView">
							<rect x="921.0" y="836.0" height="32.0" width="187.0" data-name="ReorderableItemsView"></rect>
						</g>
						<g transform="translate(921, 836)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ReorderableItemsView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ReorderableItemsView">
								<text x="85.5" y="14.1" stroke="none" text-anchor="middle" data-name="ReorderableItemsView">ReorderableItemsView</text>
								
							</g>
						</g>
					</g>
					<g data-name="ItemsView&lt;TVisual&gt;">
						<g fill="#eee8d5" stroke="#33322E" data-name="ItemsView&lt;TVisual&gt;">
							<rect x="166.0" y="880.0" height="32.0" width="169.0" data-name="ItemsView&lt;TVisual&gt;"></rect>
						</g>
						<g transform="translate(166, 880)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ItemsView&lt;TVisual&gt;">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ItemsView&lt;TVisual&gt;">
								<text x="76.5" y="14.1" stroke="none" text-anchor="middle" data-name="ItemsView&lt;TVisual&gt;">ItemsView&lt;TVisual&gt;</text>
								
							</g>
						</g>
					</g>
					<g data-name="ListView">
						<g fill="#eee8d5" stroke="#33322E" data-name="ListView">
							<rect x="394.0" y="880.0" height="32.0" width="81.0" data-name="ListView"></rect>
						</g>
						<g transform="translate(394, 880)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ListView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ListView">
								<text x="32.5" y="14.1" stroke="none" text-anchor="middle" data-name="ListView">ListView</text>
								
							</g>
						</g>
					</g>
					<g data-name="Layout">
						<g fill="#eee8d5" stroke="#33322E" data-name="Layout">
							<rect x="216.5" y="968.0" height="32.0" width="68.0" data-name="Layout"></rect>
						</g>
						<g transform="translate(216.5, 968)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Layout">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Layout">
								<text x="26.0" y="14.1" stroke="none" text-anchor="middle" data-name="Layout">Layout</text>
								
							</g>
						</g>
					</g>
					<g data-name="AbsoluteLayout">
						<g fill="#eee8d5" stroke="#33322E" data-name="AbsoluteLayout">
							<rect x="366.0" y="924.0" height="32.0" width="137.0" data-name="AbsoluteLayout"></rect>
						</g>
						<g transform="translate(366, 924)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="AbsoluteLayout">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="AbsoluteLayout">
								<text x="60.5" y="14.1" stroke="none" text-anchor="middle" data-name="AbsoluteLayout">AbsoluteLayout</text>
								
							</g>
						</g>
					</g>
					<g data-name="FlexLayout">
						<g fill="#eee8d5" stroke="#33322E" data-name="FlexLayout">
							<rect x="384.5" y="968.0" height="32.0" width="100.0" data-name="FlexLayout"></rect>
						</g>
						<g transform="translate(384.5, 968)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="FlexLayout">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="FlexLayout">
								<text x="42.0" y="14.1" stroke="none" text-anchor="middle" data-name="FlexLayout">FlexLayout</text>
								
							</g>
						</g>
					</g>
					<g data-name="Grid">
						<g fill="#eee8d5" stroke="#33322E" data-name="Grid">
							<rect x="410.0" y="1012.0" height="32.0" width="49.0" data-name="Grid"></rect>
						</g>
						<g transform="translate(410, 1012)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Grid">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Grid">
								<text x="16.5" y="14.1" stroke="none" text-anchor="middle" data-name="Grid">Grid</text>
								
							</g>
						</g>
					</g>
					<g data-name="StackBase">
						<g fill="#eee8d5" stroke="#33322E" data-name="StackBase">
							<rect x="386.0" y="1056.0" height="32.0" width="97.0" data-name="StackBase"></rect>
						</g>
						<g transform="translate(386, 1056)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="StackBase">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="StackBase">
								<text x="40.5" y="14.1" stroke="none" text-anchor="middle" data-name="StackBase">StackBase</text>
								
							</g>
						</g>
					</g>
					<g data-name="HorizontalStackLayout">
						<g fill="#eee8d5" stroke="#33322E" data-name="HorizontalStackLayout">
							<rect x="534.0" y="968.0" height="32.0" width="189.0" data-name="HorizontalStackLayout"></rect>
						</g>
						<g transform="translate(534, 968)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="HorizontalStackLayout">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="HorizontalStackLayout">
								<text x="86.5" y="14.1" stroke="none" text-anchor="middle" data-name="HorizontalStackLayout">HorizontalStackLayout</text>
								
							</g>
						</g>
					</g>
					<g data-name="StackLayout">
						<g fill="#eee8d5" stroke="#33322E" data-name="StackLayout">
							<rect x="573.0" y="1078.0" height="32.0" width="111.0" data-name="StackLayout"></rect>
						</g>
						<g transform="translate(573, 1078)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="StackLayout">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="StackLayout">
								<text x="47.5" y="14.1" stroke="none" text-anchor="middle" data-name="StackLayout">StackLayout</text>
								
							</g>
						</g>
					</g>
					<g data-name="VerticalStackLayout">
						<g fill="#eee8d5" stroke="#33322E" data-name="VerticalStackLayout">
							<rect x="544.5" y="1122.0" height="32.0" width="168.0" data-name="VerticalStackLayout"></rect>
						</g>
						<g transform="translate(544.5, 1122)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="VerticalStackLayout">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="VerticalStackLayout">
								<text x="76.0" y="14.1" stroke="none" text-anchor="middle" data-name="VerticalStackLayout">VerticalStackLayout</text>
								
							</g>
						</g>
					</g>
					<g data-name="Label">
						<g fill="#eee8d5" stroke="#33322E" data-name="Label">
							<rect x="221.5" y="1012.0" height="32.0" width="58.0" data-name="Label"></rect>
						</g>
						<g transform="translate(221.5, 1012)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Label">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Label">
								<text x="21.0" y="14.1" stroke="none" text-anchor="middle" data-name="Label">Label</text>
								
							</g>
						</g>
					</g>
					<g data-name="Picker">
						<g fill="#eee8d5" stroke="#33322E" data-name="Picker">
							<rect x="218.5" y="1056.0" height="32.0" width="64.0" data-name="Picker"></rect>
						</g>
						<g transform="translate(218.5, 1056)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Picker">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Picker">
								<text x="24.0" y="14.1" stroke="none" text-anchor="middle" data-name="Picker">Picker</text>
								
							</g>
						</g>
					</g>
					<g data-name="ProgressBar">
						<g fill="#eee8d5" stroke="#33322E" data-name="ProgressBar">
							<rect x="194.5" y="1100.0" height="32.0" width="112.0" data-name="ProgressBar"></rect>
						</g>
						<g transform="translate(194.5, 1100)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ProgressBar">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ProgressBar">
								<text x="48.0" y="14.1" stroke="none" text-anchor="middle" data-name="ProgressBar">ProgressBar</text>
								
							</g>
						</g>
					</g>
					<g data-name="Shape">
						<g fill="#eee8d5" stroke="#33322E" data-name="Shape">
							<rect x="218.5" y="1166.0" height="32.0" width="64.0" data-name="Shape"></rect>
						</g>
						<g transform="translate(218.5, 1166)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Shape">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Shape">
								<text x="24.0" y="14.1" stroke="none" text-anchor="middle" data-name="Shape">Shape</text>
								
							</g>
						</g>
					</g>
					<g data-name="Ellipse">
						<g fill="#eee8d5" stroke="#33322E" data-name="Ellipse">
							<rect x="400.5" y="1100.0" height="32.0" width="68.0" data-name="Ellipse"></rect>
						</g>
						<g transform="translate(400.5, 1100)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Ellipse">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Ellipse">
								<text x="26.0" y="14.1" stroke="none" text-anchor="middle" data-name="Ellipse">Ellipse</text>
								
							</g>
						</g>
					</g>
					<g data-name="Line">
						<g fill="#eee8d5" stroke="#33322E" data-name="Line">
							<rect x="410.0" y="1144.0" height="32.0" width="49.0" data-name="Line"></rect>
						</g>
						<g transform="translate(410, 1144)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Line">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Line">
								<text x="16.5" y="14.1" stroke="none" text-anchor="middle" data-name="Line">Line</text>
								
							</g>
						</g>
					</g>
					<g data-name="Path">
						<g fill="#eee8d5" stroke="#33322E" data-name="Path">
							<rect x="409.0" y="1188.0" height="32.0" width="51.0" data-name="Path"></rect>
						</g>
						<g transform="translate(409, 1188)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Path">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Path">
								<text x="17.5" y="14.1" stroke="none" text-anchor="middle" data-name="Path">Path</text>
								
							</g>
						</g>
					</g>
					<g data-name="Polygon">
						<g fill="#eee8d5" stroke="#33322E" data-name="Polygon">
							<rect x="395.0" y="1232.0" height="32.0" width="79.0" data-name="Polygon"></rect>
						</g>
						<g transform="translate(395, 1232)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Polygon">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Polygon">
								<text x="31.5" y="14.1" stroke="none" text-anchor="middle" data-name="Polygon">Polygon</text>
								
							</g>
						</g>
					</g>
					<g data-name="Polyline">
						<g fill="#eee8d5" stroke="#33322E" data-name="Polyline">
							<rect x="396.0" y="1276.0" height="32.0" width="77.0" data-name="Polyline"></rect>
						</g>
						<g transform="translate(396, 1276)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Polyline">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Polyline">
								<text x="30.5" y="14.1" stroke="none" text-anchor="middle" data-name="Polyline">Polyline</text>
								
							</g>
						</g>
					</g>
					<g data-name="Rectangle">
						<g fill="#eee8d5" stroke="#33322E" data-name="Rectangle">
							<rect x="388.5" y="1320.0" height="32.0" width="92.0" data-name="Rectangle"></rect>
						</g>
						<g transform="translate(388.5, 1320)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Rectangle">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Rectangle">
								<text x="38.0" y="14.1" stroke="none" text-anchor="middle" data-name="Rectangle">Rectangle</text>
								
							</g>
						</g>
					</g>
					<g data-name="RoundRectangle">
						<g fill="#eee8d5" stroke="#33322E" data-name="RoundRectangle">
							<rect x="363.0" y="1364.0" height="32.0" width="143.0" data-name="RoundRectangle"></rect>
						</g>
						<g transform="translate(363, 1364)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="RoundRectangle">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="RoundRectangle">
								<text x="63.5" y="14.1" stroke="none" text-anchor="middle" data-name="RoundRectangle">RoundRectangle</text>
								
							</g>
						</g>
					</g>
					<g data-name="Slider">
						<g fill="#eee8d5" stroke="#33322E" data-name="Slider">
							<rect x="220.5" y="1210.0" height="32.0" width="60.0" data-name="Slider"></rect>
						</g>
						<g transform="translate(220.5, 1210)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Slider">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Slider">
								<text x="22.0" y="14.1" stroke="none" text-anchor="middle" data-name="Slider">Slider</text>
								
							</g>
						</g>
					</g>
					<g data-name="Stepper">
						<g fill="#eee8d5" stroke="#33322E" data-name="Stepper">
							<rect x="212.5" y="1254.0" height="32.0" width="76.0" data-name="Stepper"></rect>
						</g>
						<g transform="translate(212.5, 1254)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Stepper">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Stepper">
								<text x="30.0" y="14.1" stroke="none" text-anchor="middle" data-name="Stepper">Stepper</text>
								
							</g>
						</g>
					</g>
					<g data-name="Switch">
						<g fill="#eee8d5" stroke="#33322E" data-name="Switch">
							<rect x="216.5" y="1298.0" height="32.0" width="68.0" data-name="Switch"></rect>
						</g>
						<g transform="translate(216.5, 1298)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Switch">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Switch">
								<text x="26.0" y="14.1" stroke="none" text-anchor="middle" data-name="Switch">Switch</text>
								
							</g>
						</g>
					</g>
					<g data-name="TableView">
						<g fill="#eee8d5" stroke="#33322E" data-name="TableView">
							<rect x="204.0" y="1342.0" height="32.0" width="93.0" data-name="TableView"></rect>
						</g>
						<g transform="translate(204, 1342)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="TableView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TableView">
								<text x="38.5" y="14.1" stroke="none" text-anchor="middle" data-name="TableView">TableView</text>
								
							</g>
						</g>
					</g>
					<g data-name="TimePicker">
						<g fill="#eee8d5" stroke="#33322E" data-name="TimePicker">
							<rect x="200.0" y="1386.0" height="32.0" width="101.0" data-name="TimePicker"></rect>
						</g>
						<g transform="translate(200, 1386)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="TimePicker">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TimePicker">
								<text x="42.5" y="14.1" stroke="none" text-anchor="middle" data-name="TimePicker">TimePicker</text>
								
							</g>
						</g>
					</g>
					<g data-name="WebView">
						<g fill="#eee8d5" stroke="#33322E" data-name="WebView">
							<rect x="207.5" y="1430.0" height="32.0" width="86.0" data-name="WebView"></rect>
						</g>
						<g transform="translate(207.5, 1430)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="WebView">
							<g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="WebView">
								<text x="35.0" y="14.1" stroke="none" text-anchor="middle" data-name="WebView">WebView</text>
								
							</g>
						</g>
					</g>
				</g>
			</g>
		</g>
	</g>
</svg>