IToggle for TemplatedGroup recursion, Popper without checkbox in template, commands files split

6 files changed, 143 insertions, 48 deletions

diff --git a/Samples/common/ui/Interfaces/Experimental/colorTable.crow b/Samples/common/ui/Interfaces/Experimental/colorTable.crow
index 6da2b04a..29790261 100644
--- a/Samples/common/ui/Interfaces/Experimental/colorTable.crow
+++ b/Samples/common/ui/Interfaces/Experimental/colorTable.crow
@@ -1,6 +1,8 @@
-<ListBox Data="{TestList}" >
+<ListBox Data="{TestList}" >        
 	<Template>
-		<Table Name="ItemsContainer" Columns="name,Stretched;color,100"/> 
+		<Scroller>
+			<Table Name="ItemsContainer" Columns="name,Fit;color,100" Height="Fit" Width="Stretched" VerticalAlignment="Top"/> 
+		</Scroller>
 	</Template>
 	<ItemTemplate>
 		<TableRow>
diff --git a/Samples/common/ui/Interfaces/Experimental/fitPopup.crow b/Samples/common/ui/Interfaces/Experimental/fitPopup.crow
new file mode 100644
index 00000000..44eef9fd
--- /dev/null
+++ b/Samples/common/ui/Interfaces/Experimental/fitPopup.crow
@@ -0,0 +1,11 @@
+<Popper Width="Fit">
+	<Template>
+		<Label Text="{./Caption}"/>
+	</Template>
+	<VerticalStack Width="Fit" Height="Fit" Background="Grey">
+		<Label Width="Stretched"/>
+		<Label Text="mljdqslfkj" Width="Stretched"/>
+		<Label Width="Stretched"/>
+		<Label Text="mljdqslfkjqsdfhjsdqfkljhsdqfkljhs" Width="Stretched"/>
+	</VerticalStack>
+</Popper>
\ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/Experimental/spinner.crow b/Samples/common/ui/Interfaces/Experimental/spinner.crow
index ac32e78d..4b5e66f0 100644
--- a/Samples/common/ui/Interfaces/Experimental/spinner.crow
+++ b/Samples/common/ui/Interfaces/Experimental/spinner.crow
@@ -1,6 +1,6 @@
 <NumericControl Value="50" Height="Fit" Width="200" Background="DarkGrey">
 	<Template>
-		<Border Style="ControlBorder" Background="{./Background}" CornerRadius="{./CornerRadius}" Margin="0">
+		<Border Style="ControlBorder" Background="{./Background}" CornerRadius="{./CornerRadius}" Margin="1">
 			<VerticalStack Spacing="0">
 
 				<HorizontalStack Spacing="5">
diff --git a/Samples/common/ui/Interfaces/TemplatedGroup/1.crow b/Samples/common/ui/Interfaces/TemplatedGroup/1.crow
index c74bcedd..9823da4d 100644
--- a/Samples/common/ui/Interfaces/TemplatedGroup/1.crow
+++ b/Samples/common/ui/Interfaces/TemplatedGroup/1.crow
@@ -3,28 +3,24 @@
 	<MenuItem Caption="File" Fit="true">
 		<MenuItem Caption="New">
 			<Template>
-<Popper Font="{./Font}" Caption="{./Caption}"  Background="{./Background}" PopDirection="{./PopDirection}"
-	Foreground = "{./Foreground}" CanPop="{./HasChildren}"
-	IsPopped="{²./IsOpened}" PopWidth="{./PopWidth}" PopHeight="{./PopHeight}">
-	<Template>
-		<CheckBox IsChecked="{²./IsPopped}" Caption="{./Caption}" Background="{./Background}" Foreground="{./Foreground}">
-			<Template>		
-				<Border Name="border1"
-						MinimumSize = "60,0"
-						Foreground="Transparent"
-						Background="{./Background}">
-						<Label Text="{./Caption}"
-							Foreground="{./Foreground}"
-							Margin="2" HorizontalAlignment="Left"
-							Font="{./Font}"	/>
-				</Border>
-			</Template>		
-		</CheckBox>
-	</Template>
-	<Border Foreground="DimGrey" Width="{../PopWidth}" Height="{../PopHeight}" Background="${MenuBackground}">
-		<VerticalStack Name="ItemsContainer"/>
-	</Border>
-</Popper>
+				<Popper Font="{./Font}" Caption="{./Caption}"  Background="{./Background}" PopDirection="{./PopDirection}"
+					Foreground = "{./Foreground}" CanPop="{./HasChildren}"
+					IsPopped="{²./IsOpened}" PopWidth="{./PopWidth}" PopHeight="{./PopHeight}">
+					<Template>
+						<Border Name="border1"
+								MinimumSize = "60,0"
+								Foreground="Transparent"
+								Background="{./Background}">
+								<Label Text="{./Caption}"
+									Foreground="{./Foreground}"
+									Margin="2" HorizontalAlignment="Left"
+									Font="{./Font}"	/>
+						</Border>
+					</Template>
+					<Border Foreground="DimGrey" Width="{../PopWidth}" Height="{../PopHeight}" Background="${MenuBackground}">
+						<VerticalStack Name="ItemsContainer"/>
+					</Border>
+				</Popper>
 			</Template>
 		</MenuItem>
 	</MenuItem>	
diff --git a/Samples/common/ui/Interfaces/menutest.crow b/Samples/common/ui/Interfaces/menutest.crow
index 6498f644..eca923e5 100644
--- a/Samples/common/ui/Interfaces/menutest.crow
+++ b/Samples/common/ui/Interfaces/menutest.crow
@@ -1,31 +1,58 @@
-<Menu Data="{Commands}">
-	<ItemTemplate>
-<MenuItem Command="{}" Width="150" PopWidth="120" IsEnabled="{CanExecute}">
+<?xml version="1.0"?>
+<Menu Data="{AllCommands}">
+	<ItemTemplate DataType="Crow.Command">
+		<Button Command="{}">
 			<Template>
-				<Popper Font="{./Font}" Caption="{./Caption}"  Background="{./Background}" PopDirection="{./PopDirection}"
-					Foreground = "{./Foreground}" CanPop="{./HasChildren}" MouseDown="./onMI_Click"
-					IsPopped="{²./IsOpened}" PopWidth="{./PopWidth}" PopHeight="{./PopHeight}">
+				<Label Text="{./Caption}" Width="Stretched" Height="Stretched" Margin="3"
+								MouseEnter="{Background=${ControlHighlight}}"
+								MouseLeave="{Background=Transparent}"/>
+			</Template>
+		</Button>
+	</ItemTemplate>
+	<ItemTemplate DataType="Crow.CommandGroup" >
+		<MenuItem Data="{Commands}" Width="Fit" IsEnabled="{CanExecute}">
+			<Template>
+				<Popper PopDirection="Bottom" Caption="{Caption}"
+								MouseEnter="{Background=${ControlHighlight}}"
+								MouseLeave="{Background=Transparent}">
 					<Template>
-						<Border Name="border1"
-								CornerRadius="0"
-								MouseEnter="{Foreground=vgradient|0:White|0.2:Grey|0.9:Grey|1:Black}"
-								MouseLeave="{Foreground=Transparent}"
-								MouseDown="{Foreground=vgradient|0:Black|0.05:Grey|0.85:Grey|1:White}"
-								MouseUp="{Foreground=vgradient|0:White|0.2:Grey|0.9:Grey|1:Black}"
-								MinimumSize = "60,0"
-								Foreground="Transparent"
-								Background="{./Background}">
-								<Label Text="{./Caption}"
-									Foreground="{./Foreground}"
-									Margin="1" HorizontalAlignment="Left"
-									Font="{./Font}"	/>
-						</Border>
+						<Label Text="{./Caption}" Width="Stretched" Height="Fit" Margin="3"
+							Background="{./Background}"/>
 					</Template>
-					<Border Foreground="DimGrey" Width="{../PopWidth}" Height="{../PopHeight}" Background="DimGrey">
-						<VerticalStack Name="ItemsContainer"/>
-					</Border>
+					<VerticalStack Name="ItemsContainer" Fit="true" Background="Jet"/>
 				</Popper>
 			</Template>
+			<ItemTemplate DataType="Crow.Command">
+				<Label Text="{Caption}" HorizontalAlignment="Left" Width="Stretched" Height="Fit" Margin="0" 
+								MouseEnter="{Background=${ControlHighlight}}"
+								MouseLeave="{Background=Transparent}"/>
+			</ItemTemplate>					
+			<ItemTemplate DataType="Crow.CommandGroup" >
+				<MenuItem Data="{Commands}" Width="Stretched"  IsEnabled="{CanExecute}">
+					<Template>
+						<Popper PopDirection="Right" Caption="{Caption}"
+								MouseEnter="{Background=${ControlHighlight}}"
+								MouseLeave="{Background=Transparent}">
+							<Template>
+								<Label Text="{./Caption}" Width="Stretched" Height="Stretched" Margin="3"
+									Background="{./Background}"/>
+							</Template>		
+							<Border Foreground="DimGrey" Width="{../PopWidth}" Height="{../PopHeight}" Background="DarkGrey">
+								<VerticalStack Name="ItemsContainer"/>
+							</Border>
+						</Popper>
+					</Template>
+					<ItemTemplate DataType="Crow.Command">
+						<Button Command="{}" Width="Stretched">
+							<Template>
+								<Label Text="{./Caption}" Width="Stretched" Height="Stretched"  Margin="3"
+												MouseEnter="{Background=${ControlHighlight}}"
+												MouseLeave="{Background=Transparent}"/>
+							</Template>
+						</Button>
+					</ItemTemplate>
+				</MenuItem>
+			</ItemTemplate>
 		</MenuItem>
 	</ItemTemplate>
 </Menu>
\ No newline at end of file
diff --git a/Samples/common/ui/Interfaces/menutest2.crow b/Samples/common/ui/Interfaces/menutest2.crow
new file mode 100644
index 00000000..32e841ea
--- /dev/null
+++ b/Samples/common/ui/Interfaces/menutest2.crow
@@ -0,0 +1,59 @@
+<?xml version="1.0"?>
+<Menu Data="{AllCommands}">
+	<ItemTemplate DataType="CommandGroup" >
+			<MenuItem Data="{Commands}" Width="Fit" IsEnabled="{CanExecute}">
+				<Template>
+					<Popper PopDirection="Bottom" Caption="{Caption}"
+									PopWidth="{./PopWidth}" PopHeight="{./PopHeight}"
+									MouseEnter="{Background=${ControlHighlight}}"
+									MouseLeave="{Background=Transparent}">
+						<Template>
+							<Label Text="{./Caption}" Width="Stretched" Height="Stretched" Margin="3"
+								Background="{./Background}"/>
+						</Template>
+						<VerticalStack Name="ItemsContainer" Fit="true" Background="DarkGrey"/>
+					</Popper>
+				</Template>
+				<ItemTemplate DataType="Command" >
+					<Button Command="{}" Width="Stretched">
+						<Template>
+							<HorizontalStack  Margin="3" HorizontalAlignment="Left"
+													MouseEnter="{Background=${ControlHighlight}}"
+													MouseLeave="{Background=Transparent}">
+								<Image Width="10" Height="10" Margin="1" Path="{./Icon}" />
+								<Label Text="{./Caption}" />	
+							</HorizontalStack>
+						</Template>
+					</Button>
+				</ItemTemplate>					
+				<ItemTemplate DataType="CommandGroup" >
+					<MenuItem Data="{Commands}" Width="Stretched" IsEnabled="{CanExecute}">
+						<Template>
+							<Popper PopDirection="Right" Caption="{Caption}"
+									PopWidth="{./PopWidth}" PopHeight="{./PopHeight}"
+									MouseEnter="{Background=${ControlHighlight}}"
+									MouseLeave="{Background=Transparent}">
+								<Template>
+									<Label Text="{./Caption}" Width="Stretched" Height="Stretched" Margin="3"
+										Background="{./Background}"/>
+								</Template>		
+								<VerticalStack Name="ItemsContainer" Fit="true" Background="DarkGrey"/>
+							</Popper>
+						</Template>
+						<ItemTemplate DataType="Command">
+							<Button Command="{}" Width="Stretched">
+								<Template>
+									<HorizontalStack  Margin="3" HorizontalAlignment="Left"
+															MouseEnter="{Background=${ControlHighlight}}"
+															MouseLeave="{Background=Transparent}">
+										<Image Width="10" Height="10" Margin="1" Path="{./Icon}" />
+										<Label Text="{./Caption}" />	
+									</HorizontalStack>
+								</Template>
+							</Button>
+						</ItemTemplate>
+					</MenuItem>
+				</ItemTemplate>
+			</MenuItem>
+		</ItemTemplate>	
+</Menu>
\ No newline at end of file