<!--
	Copyright (c) Microsoft. All rights reserved.
-->

<Page
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:one="using:Microsoft.Office.OneNote"
	xmlns:onx="using:Office.UI.Xaml.OneNote"
>
	<Page.Resources>
		<ResourceDictionary>
			<ResourceDictionary.ThemeDictionaries>
				<ResourceDictionary x:Key="Light">
					<SolidColorBrush x:Key="PanoramaVoidColor" Color="White" />
				</ResourceDictionary>
				<ResourceDictionary x:Key="HighContrast">
					<SolidColorBrush x:Key="PanoramaVoidColor" Color="{StaticResource SystemColorWindowColor}" />
				</ResourceDictionary>
			</ResourceDictionary.ThemeDictionaries>
			<Storyboard x:Name="ShowSearchStoryboard">
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="SearchResultsContainer" Storyboard.TargetProperty="(UIElement.Visibility)">
					<DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
				</ObjectAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="SearchResultsContainer" Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.367" Value="0" KeySpline="0.1,0.9,0.2,1.0"/>
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NavigationBorder_TranslateX" Storyboard.TargetProperty="(TranslateTransform.X)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.367" Value="360" KeySpline="0.1,0.9,0.2,1.0"/>
				</DoubleAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="HideSearchStoryboard">
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="SearchResultsContainer" Storyboard.TargetProperty="(UIElement.Visibility)">
					<DiscreteObjectKeyFrame KeyTime="0:0:.750" Value="Collapsed" />
				</ObjectAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="SearchResultsContainer" Storyboard.TargetProperty="(UIElement.RenderTransform).(TranslateTransform.X)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.367" Value="-360" KeySpline="0.1,0.9,0.2,1.0"/>
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NavigationBorder_TranslateX" Storyboard.TargetProperty="(TranslateTransform.X)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.367" Value="0" KeySpline="0.1,0.9,0.2,1.0"/>
				</DoubleAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="ShowPageGalleryStoryboard">
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="GalleryViewContainer" Storyboard.TargetProperty="(UIElement.Visibility)">
					<DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
				</ObjectAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="HidePageGalleryStoryboard">
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="GalleryViewContainer" Storyboard.TargetProperty="(UIElement.Visibility)">
					<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
				</ObjectAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="ShowEmailStoryboard">
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="EmailViewContainer" Storyboard.TargetProperty="(UIElement.Visibility)">
					<DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
				</ObjectAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="HideEmailStoryboard">
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="EmailViewContainer" Storyboard.TargetProperty="(UIElement.Visibility)">
					<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
				</ObjectAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="ShowDismissLayerStoryboard">
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DismissLayer" Storyboard.TargetProperty="(UIElement.Visibility)">
					<DiscreteObjectKeyFrame KeyTime="0" Value="Visible" />
				</ObjectAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="HideDismissLayerStoryboard">
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="DismissLayer" Storyboard.TargetProperty="(UIElement.Visibility)">
					<DiscreteObjectKeyFrame KeyTime="0" Value="Collapsed" />
				</ObjectAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="StateChangeStoryboard">
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="CanvasBorder_TranslateX" Storyboard.TargetProperty="(TranslateTransform.X)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.367" KeySpline="0.1,0.9,0.2,1.0"/>
				</DoubleAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="WelcomeStoryboard" Duration="0:0:0.367"/>
			<Storyboard x:Name="FindCanvasStoryboard" Duration="0:0:1" />
			<!--
				This Storyboard needs to be kept in sync with changes to 
				NewPageAnimationElement enum defined in FrameLayout.xaml.cpp.
				The enum integer values need to match the index of the corresponding DoubleAnimationUsingKeyFrames.
			-->
			<Storyboard x:Name="NewPageAnimationStoryboard">
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideAGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.350" Value="400" KeySpline="0.1,0.25,0.75,0.9"/>
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideAGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.350" Value="400" KeySpline="0.1,0.25,0.75,0.9"/>
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideAGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.000" Value="1" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.350" Value="3"/>
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.700" Value="0" />
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideAGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.000" Value="1" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.350" Value="3"/>
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.700" Value="0" />
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideAGrid" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.100" Value="0" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.350" Value="-90" KeySpline="0.0,0.83,1.0,1.0"/>
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideAGrid" Storyboard.TargetProperty="(UIElement.Opacity)">
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
					<LinearDoubleKeyFrame KeyTime="0:0:0.050" Value="1" />
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.350" Value="0" />
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideBGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateX)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideBGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideBGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)">
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.350" Value="3" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.600" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.700" />
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideBGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)">
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.350" Value="3" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.600" />
					<SplineDoubleKeyFrame KeyTime="0:0:0.700" />
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideBGrid" Storyboard.TargetProperty="(UIElement.Projection).(PlaneProjection.RotationY)">
					<SplineDoubleKeyFrame KeyTime="0:0:0.350" Value="-90"/>
					<SplineDoubleKeyFrame KeyTime="0:0:0.600" Value="-180" KeySpline="0.83,0.0,1.0,1.0"/>
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideBGrid" Storyboard.TargetProperty="(UIElement.Opacity)">
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.000" Value="0" />
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.350" Value="1" />
				</DoubleAnimationUsingKeyFrames>
				<DoubleAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideBBorder" Storyboard.TargetProperty="(UIElement.Opacity)">
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.000" Value="1" />
					<DiscreteDoubleKeyFrame KeyTime="0:0:0.500" Value="1" />
					<LinearDoubleKeyFrame KeyTime="0:0:0.700" Value="0" />
				</DoubleAnimationUsingKeyFrames>
			</Storyboard>
			<Storyboard x:Name="CompleteNewPageAnimationStoryboard">
				<DoubleAnimation Duration="0:0:0.167" To="0" Storyboard.TargetName="NewPageAnimationSideBGrid" Storyboard.TargetProperty="(UIElement.Opacity)" />
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideBGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)">
					<DiscreteObjectKeyFrame KeyTime="0:0:0.167" Value="0" />
				</ObjectAnimationUsingKeyFrames>
				<ObjectAnimationUsingKeyFrames Storyboard.TargetName="NewPageAnimationSideBGrid" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)">
					<DiscreteObjectKeyFrame KeyTime="0:0:0.167" Value="0" />
				</ObjectAnimationUsingKeyFrames>
			</Storyboard>
		</ResourceDictionary>
	</Page.Resources>
	<Grid
		Background="{StaticResource PanoramaVoidColor}">
		<Grid.RowDefinitions>
			<RowDefinition Height="*"/>
			<RowDefinition Height="Auto"/>
		</Grid.RowDefinitions>
		<!-- The following text block is used to fire UIA live region updates for screen readers. -->
		<!-- Note that it must be visible in order to create an automation peer for it, so to -->
		<!-- hide it we make it zero size. -->
		<TextBlock
				x:Name="AccessibilityHelper"
				Height="0"
				Width="0"
				Visibility="Collapsed"
				AutomationProperties.Name="{Binding Path=Text, RelativeSource={RelativeSource Self}}"
				AutomationProperties.AutomationId="AccAnnounceHelper"
				AutomationProperties.LiveSetting="Assertive" />
		<Grid x:Name="NavigationBorder" HorizontalAlignment="Stretch">
			<Grid.RenderTransform>
				<TranslateTransform x:Name="NavigationBorder_TranslateX" X="0" />
			</Grid.RenderTransform>
			<Border x:Name="NavigationContainer" HorizontalAlignment="Stretch" Visibility="Collapsed">
				<!-- The navigation UI is added to NavigationContainer at runtime. -->
			</Border>
		</Grid>
		<Grid x:Name="CanvasBorder"
				Background="{StaticResource PanoramaVoidColor}"
				HorizontalAlignment="Stretch">
			<Grid.RenderTransform>
				<TranslateTransform x:Name="CanvasBorder_TranslateX" X="0"/>
			</Grid.RenderTransform>
			<!-- The OneNote canvas is added to CentralPanel at runtime. -->
			<onx:CentralPanel x:Name="CentralPanel" />
			<Rectangle x:Name="DismissLayer" Fill="Transparent" Visibility="Collapsed" />
		</Grid>
		<Grid x:Name="NewPageAnimationSideAGrid"
				IsHitTestVisible="False"
				Height="60"
				HorizontalAlignment="Left"
				RenderTransformOrigin="0.5,0.5"
				UseLayoutRounding="False"
				VerticalAlignment="Top"
				Width="60">
			<Grid.Projection>
				<PlaneProjection/>
			</Grid.Projection>
			<Grid.RenderTransform>
				<CompositeTransform ScaleX="0" ScaleY="0"/>
			</Grid.RenderTransform>
			<Line
					Stroke="{StaticResource PanoramaVoidColor}"
					StrokeEndLineCap="Flat"
					StrokeStartLineCap="Flat"
					StrokeThickness="3"
					X1="30"
					X2="30"
					Y1="22.5"
					Y2="37.5"/>
			<Line
					Stroke="{StaticResource PanoramaVoidColor}"
					StrokeEndLineCap="Flat"
					StrokeStartLineCap="Flat"
					StrokeThickness="3"
					X1="22.5"
					X2="37.5"
					Y1="30"
					Y2="30"/>
		</Grid>
		<Grid x:Name="NewPageAnimationSideBGrid"
				Background="{StaticResource PanoramaVoidColor}"
				IsHitTestVisible="False"
				Height="60"
				HorizontalAlignment="Left"
				RenderTransformOrigin="0.5,0.5"
				UseLayoutRounding="False"
				VerticalAlignment="Top"
				Width="60">
			<Grid.Projection>
				<PlaneProjection/>
			</Grid.Projection>
			<Grid.RenderTransform>
				<CompositeTransform ScaleX="0" ScaleY="0"/>
			</Grid.RenderTransform>
			<Border x:Name="NewPageAnimationSideBBorder"
					BorderBrush="{CustomResource :mso_brush:1961}"
					BorderThickness="0.1">
			</Border>
		</Grid>
		<Border x:Name="SearchResultsContainer" HorizontalAlignment="Left" Width="360" Visibility="Collapsed" Grid.RowSpan="2" >
			<!-- The search UI is added to SearchResultsContainer at runtime. -->
			<Border.RenderTransform>
				<TranslateTransform X="-360" />
			</Border.RenderTransform>
		</Border>
		<Border x:Name="GalleryViewContainer" HorizontalAlignment="Left" VerticalAlignment="Top" Visibility="Collapsed" Grid.RowSpan="2" >
			<Border.RenderTransform>
				<TranslateTransform X="0" Y="0" />
			</Border.RenderTransform>
			<onx:PageGalleryViewControl x:Name="PageGalleryView" />
		</Border>
		<Border x:Name="EmailViewContainer" HorizontalAlignment="Left" VerticalAlignment="Center"  Visibility="Collapsed" Grid.RowSpan="2" >		
			<onx:EmailWhiteboardControl x:Name="EmailWhiteboardControl" />
		</Border>		
		<onx:BottomBarControl x:Name="BottomBarControl" VerticalAlignment="Bottom" Visibility="Collapsed" Grid.Row="1" />
		<Border x:Name="WhiteboardInProgressPane" Grid.RowSpan="2" Visibility="Collapsed">
			<onx:WhiteboardInitializingPanel />
		</Border>
		<Border x:Name="FullScreenPaneContainer" Visibility="Collapsed" Grid.RowSpan="2">
			<!-- The full screen pane is added to FullScreenPaneContainer at runtime. -->
		</Border>
  </Grid>
</Page>
