﻿<UserControl>
  <Grid
           xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
           xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
           x:Name="ContextMenuFlyout"
           x:Uid="Layout"
         >
    <Grid.Resources>
    <ResourceDictionary>
    <ResourceDictionary.ThemeDictionaries>
    <ResourceDictionary x:Key="Default">
      <!-- Default theme resources -->
      <SolidColorBrush x:Key="ReaderCMenuBackgroundThemeBrush" Color="#FF2A2A2A"/>
      <SolidColorBrush x:Key="ReaderCMenuForegroundThemeBrush" Color="White"/>
      <SolidColorBrush x:Key="ReaderCMenuBorderThemeBrush" Color="#FF2A2A2A"/>
      <SolidColorBrush x:Key="ReaderCMenuSeperatorThemeBrush" Color="#3AFFFFFF"/>
      <SolidColorBrush x:Key="ReaderCMenuPointerOverBackgroundThemeBrush" Color="#3AFFFFFF"/>
      <SolidColorBrush x:Key="ReaderCMenuPointerOverForegroundThemeBrush" Color="White"/>
        <Thickness x:Key="ReaderCMenuBorderThickness">0</Thickness>
    </ResourceDictionary>
    <ResourceDictionary x:Key="HighContrast">
      <!-- High Contrast theme resources -->
      <SolidColorBrush x:Key="ReaderCMenuBackgroundThemeBrush" Color="{StaticResource SystemColorButtonFaceColor}"/>
      <SolidColorBrush x:Key="ReaderCMenuForegroundThemeBrush" Color="{StaticResource SystemColorButtonTextColor}"/>
      <SolidColorBrush x:Key="ReaderCMenuBorderThemeBrush" Color="{StaticResource SystemColorButtonTextColor}"/>
      <SolidColorBrush x:Key="ReaderCMenuSeperatorThemeBrush" Color="{StaticResource SystemColorButtonTextColor}"/>
      <SolidColorBrush x:Key="ReaderCMenuPointerOverBackgroundThemeBrush" Color="{StaticResource SystemColorHighlightColor}"/>
      <SolidColorBrush x:Key="ReaderCMenuPointerOverForegroundThemeBrush" Color="{StaticResource SystemColorHighlightTextColor}"/>
      <Thickness x:Key="ReaderCMenuBorderThickness">2</Thickness>
    </ResourceDictionary>
  </ResourceDictionary.ThemeDictionaries>
  </ResourceDictionary>
      
      <Style x:Key="HighLightMenu" TargetType="ContentControl">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <Grid>
                <TextBlock Text ="&#xE193;"
                    HorizontalAlignment="Center" VerticalAlignment="Center"
                    FontFamily="{StaticResource SymbolThemeFontFamily}" FontSize="21.333" />
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <Style x:Key="AddANoteMenu" TargetType="ContentControl">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <Grid>
                <Path FlowDirection="LeftToRight" Fill="{TemplateBinding Foreground}" Data="M25,0 C25,0 0,0 0,0 C0,0 0,18.6647 0,18.6647 C0,18.6647 8.52654,18.6647 8.52654,18.6647 C8.52654,18.6647 8.52654,23.63 8.52654,23.63 C8.52654,23.63 13.2492,18.6647 13.2492,18.6647 C13.2492,18.6647 25,18.6647 25,18.6647 C25,18.6647 25,0 25,0 z" Height="23.63" Width="25" HorizontalAlignment="Center" VerticalAlignment="Center" UseLayoutRounding="False" Margin="0,4,0,0"/>
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <Style x:Key="CopyMenu" TargetType="ContentControl">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <Grid>
                <TextBlock Text ="&#xE16F;"
                    HorizontalAlignment="Center" VerticalAlignment="Center"
                    FontFamily="{StaticResource SymbolThemeFontFamily}" FontSize="21.333" />
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <Style x:Key="DeleteHighLightMenu" TargetType="ContentControl">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <Grid>
                <Path FlowDirection="LeftToRight" Fill="{TemplateBinding Foreground}" Data="M0,19.4354 L7.18609,19.4354 L7.18609,22.5069 L0,22.5069 z M9.47911,17.026 L12.2684,19.8226 L15.0657,17.026 L16.2529,18.2082 L13.4556,21.0129 L16.2529,23.8178 L15.0657,25 L12.2684,22.2034 L9.47911,25 L8.30006,23.8096 L11.0893,21.0129 L8.30006,18.2163 z M3.57562,11.7618 L6.12664,14.3092 L3.48152,16.8879 L0.512297,15.8503 z M14.2815,0 L17.8571,3.57469 L8.15489,13.2924 L4.60021,9.70723 z" Height="25" Width="17.86" HorizontalAlignment="Center" VerticalAlignment="Center" UseLayoutRounding="False" Margin="0,3,0,0"/>
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <Style x:Key="DeleteNoteMenu" TargetType="ContentControl">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <Grid>
                <TextBlock Text ="&#xE106;"
                    HorizontalAlignment="Center" VerticalAlignment="Center"
                    FontFamily="{StaticResource SymbolThemeFontFamily}" FontSize="21.333" />
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <Style x:Key="CopyLinkMenu" TargetType="ContentControl">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <Grid>
                <Path FlowDirection="LeftToRight" Fill="{TemplateBinding Foreground}" Data="M9.33548,16.5564 L18.4473,16.5564 C18.6295,16.5564 18.784,16.6197 18.9107,16.7462 C19.0373,16.8728 19.1007,17.0271 19.1007,17.2092 C19.1007,17.3912 19.0373,17.5445 18.9107,17.6689 C18.784,17.7932 18.6295,17.8554 18.4473,17.8554 L9.33548,17.8554 C9.15328,17.8554 8.99997,17.7932 8.87554,17.6689 C8.75112,17.5445 8.68891,17.3912 8.68891,17.2092 C8.68891,17.0271 8.75112,16.8728 8.87554,16.7462 C8.99997,16.6197 9.15328,16.5564 9.33548,16.5564 z M17.7941,13.9584 L19.7471,13.9584 C20.196,13.9584 20.6181,14.0439 21.0136,14.2148 C21.4091,14.3858 21.7535,14.6179 22.0468,14.911 C22.34,15.2041 22.5722,15.5483 22.7433,15.9435 C22.9145,16.3388 23,16.7607 23,17.2092 C23,17.6577 22.9145,18.0785 22.7433,18.4716 C22.5722,18.8646 22.34,19.2087 22.0468,19.5041 C21.7535,19.7994 21.4091,20.0325 21.0136,20.2036 C20.6181,20.3745 20.196,20.46 19.7471,20.46 L17.7941,20.46 C17.4608,20.46 17.142,20.4123 16.8376,20.3168 C16.5332,20.2213 16.2533,20.0869 15.9977,19.9137 C15.7423,19.7405 15.5134,19.5341 15.3112,19.2943 C15.109,19.0544 14.9458,18.7901 14.8213,18.5015 L16.3477,18.5015 C16.5299,18.7014 16.7443,18.8601 16.9909,18.9778 C17.2376,19.0955 17.5052,19.1544 17.7941,19.1544 L19.7471,19.1544 C20.0183,19.1544 20.2715,19.1033 20.5071,19.0011 C20.7425,18.899 20.9492,18.7602 21.1269,18.5848 C21.3047,18.4093 21.4447,18.2029 21.5469,17.9653 C21.6491,17.7277 21.7002,17.4757 21.7002,17.2092 C21.7002,16.9383 21.6491,16.6841 21.5469,16.4465 C21.4447,16.2089 21.3047,16.0013 21.1269,15.8236 C20.9492,15.6459 20.7425,15.5061 20.5071,15.4039 C20.2715,15.3018 20.0183,15.2507 19.7471,15.2507 L17.7941,15.2507 C17.5052,15.2507 17.2376,15.3096 16.9909,15.4273 C16.7443,15.5449 16.5299,15.7037 16.3477,15.9036 L14.8213,15.9036 C14.9458,15.6193 15.109,15.3573 15.3112,15.1175 C15.5134,14.8777 15.7423,14.6723 15.9977,14.5013 C16.2533,14.3304 16.5332,14.1971 16.8376,14.1017 C17.142,14.0061 17.4608,13.9584 17.7941,13.9584 z M8.04235,13.9584 L9.98865,13.9584 C10.3219,13.9584 10.6408,14.0061 10.9452,14.1017 C11.2496,14.1971 11.5307,14.3304 11.7884,14.5013 C12.0462,14.6723 12.275,14.8777 12.475,15.1175 C12.675,15.3573 12.8394,15.6193 12.9683,15.9036 L11.4352,15.9036 C11.2529,15.7037 11.0385,15.5449 10.7919,15.4273 C10.5453,15.3096 10.2775,15.2507 9.98865,15.2507 L8.04235,15.2507 C7.77127,15.2507 7.51688,15.3018 7.27914,15.4039 C7.04139,15.5061 6.83365,15.6459 6.65589,15.8236 C6.47815,16.0013 6.33817,16.2089 6.23597,16.4465 C6.13376,16.6841 6.08265,16.9383 6.08265,17.2092 C6.08265,17.4757 6.13376,17.7277 6.23597,17.9653 C6.33817,18.2029 6.47815,18.4093 6.65589,18.5848 C6.83365,18.7602 7.04139,18.899 7.27914,19.0011 C7.51688,19.1033 7.77127,19.1544 8.04235,19.1544 L9.98865,19.1544 C10.2775,19.1544 10.5453,19.0955 10.7919,18.9778 C11.0385,18.8601 11.2529,18.7014 11.4352,18.5015 L12.9683,18.5015 C12.8394,18.7901 12.675,19.0544 12.475,19.2943 C12.275,19.5341 12.0462,19.7405 11.7884,19.9137 C11.5307,20.0869 11.2496,20.2213 10.9452,20.3168 C10.6408,20.4123 10.3219,20.46 9.98865,20.46 L8.04235,20.46 C7.59353,20.46 7.17138,20.3745 6.77588,20.2036 C6.38039,20.0325 6.036,19.7994 5.74271,19.5041 C5.44942,19.2087 5.21724,18.8646 5.04616,18.4716 C4.87507,18.0785 4.78953,17.6577 4.78953,17.2092 C4.78953,16.7607 4.87507,16.3388 5.04616,15.9435 C5.21724,15.5483 5.44942,15.2041 5.74271,14.911 C6.036,14.6179 6.38039,14.3858 6.77588,14.2148 C7.17138,14.0439 7.59353,13.9584 8.04235,13.9584 z M8.50743,3.19366 L8.50743,6.38731 L11.7032,6.38731 z M8.50743,0 L14.8989,6.38731 L14.8989,13.0283 L12.7722,13.0283 L12.7722,8.51277 L6.38062,8.51277 L6.38062,2.13636 L2.1269,2.13636 L2.1269,15.9573 L3.62613,15.9573 L3.62613,18.0938 L0,18.0938 L0.029132,0.050906 z" Height="20.46" Width="23" HorizontalAlignment="Center" VerticalAlignment="Center" UseLayoutRounding="False"/>
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <Style x:Key="OpenNoteMenu" TargetType="ContentControl">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <Grid>
                <Path FlowDirection="LeftToRight" Fill="{TemplateBinding Foreground}" Data="M25,0 C25,0 0,0 0,0 C0,0 0,18.6647 0,18.6647 C0,18.6647 8.52654,18.6647 8.52654,18.6647 C8.52654,18.6647 8.52654,23.63 8.52654,23.63 C8.52654,23.63 13.2492,18.6647 13.2492,18.6647 C13.2492,18.6647 25,18.6647 25,18.6647 C25,18.6647 25,0 25,0 z" Height="23.63" Width="25" HorizontalAlignment="Center" VerticalAlignment="Center" UseLayoutRounding="False" Margin="0,4,0,0"/>
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <Style x:Key="OpenLinkMenu" TargetType="ContentControl">
        <Setter Property="Template">
          <Setter.Value>
            <ControlTemplate>
              <Grid>
                <TextBlock Text ="&#xE167;"
                    HorizontalAlignment="Center" VerticalAlignment="Center"
                    FontFamily="{StaticResource SymbolThemeFontFamily}" FontSize="21.333" />
              </Grid>
            </ControlTemplate>
          </Setter.Value>
        </Setter>
      </Style>
      <ItemsPanelTemplate x:Key="ItemsPanelTemplate">
        <StackPanel Orientation="Horizontal"/>
      </ItemsPanelTemplate>
    </Grid.Resources>
    <VisualStateManager.VisualStateGroups>
      <VisualStateGroup x:Name="ShowHideStates">
        <VisualState x:Name="ContextMenuShow">
          <Storyboard>
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="ContextMenuFlyout">
              <DiscreteObjectKeyFrame KeyTime="0">
                <DiscreteObjectKeyFrame.Value>
                  <Visibility>Visible</Visibility>
                </DiscreteObjectKeyFrame.Value>
              </DiscreteObjectKeyFrame>
            </ObjectAnimationUsingKeyFrames>
            <PopInThemeAnimation FromVerticalOffset="0" FromHorizontalOffset="30" TargetName="ContextMenuFlyout"/>
          </Storyboard>
        </VisualState>
        <VisualState x:Name="ContextMenuHide">
          <Storyboard>
            <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Visibility)" Storyboard.TargetName="ContextMenuFlyout">
              <DiscreteObjectKeyFrame KeyTime="0">
                <DiscreteObjectKeyFrame.Value>
                  <Visibility>Collapsed</Visibility>
                </DiscreteObjectKeyFrame.Value>
              </DiscreteObjectKeyFrame>
            </ObjectAnimationUsingKeyFrames>
          </Storyboard>
        </VisualState>
      </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    <ListView  x:Name="SelectionContextMenuFlyout" SelectionMode="None" IsItemClickEnabled="True" IsSwipeEnabled="False" ItemsPanel="{StaticResource ItemsPanelTemplate}" Foreground ="{StaticResource ReaderCMenuForegroundThemeBrush}" Background = "{StaticResource ReaderCMenuBackgroundThemeBrush}" BorderBrush="{StaticResource ReaderCMenuBorderThemeBrush}" BorderThickness="{StaticResource ReaderCMenuBorderThickness}" HorizontalAlignment="Center" VerticalAlignment="Center" ScrollViewer.VerticalScrollMode = "Disabled">
      <ListView.ItemContainerTransitions>
        <TransitionCollection/>
      </ListView.ItemContainerTransitions>
      <ListView.ItemContainerStyle>
        <Style TargetType="ListViewItem">
          <Setter Property="Margin" Value="0,0,0,0"/>
          <Setter Property="Name" Value="ListViewItem"/>
          <Setter Property="Template">
            <Setter.Value>
              <ControlTemplate TargetType="ListViewItem">
                <Border x:Name="OutlineBorder" BorderThickness="1,0" BorderBrush="{StaticResource ReaderCMenuSeperatorThemeBrush}" MinHeight="78" Width="80">
                  <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="CommonStates">
                      <VisualState x:Name="Normal"/>
                      <VisualState x:Name="PointerOver">
                        <Storyboard>
                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Border.Background)" Storyboard.TargetName="OutlineBorder">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ReaderCMenuPointerOverBackgroundThemeBrush}"/>
                          </ObjectAnimationUsingKeyFrames>
                          <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(ContentPresenter.Foreground)" Storyboard.TargetName="ContentPresenter">
                            <DiscreteObjectKeyFrame KeyTime="0" Value="{StaticResource ReaderCMenuPointerOverForegroundThemeBrush}"/>
                          </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                      </VisualState>
                      <VisualState x:Name="Pressed">
                        <Storyboard>
                          <PointerDownThemeAnimation TargetName="ContentPresenter"/>
                        </Storyboard>
                      </VisualState>
                      <VisualState x:Name="PointerOverPressed">
                        <Storyboard>
                          <PointerDownThemeAnimation TargetName="ContentPresenter"/>
                        </Storyboard>
                      </VisualState>
                      <VisualState x:Name="Disabled">
                        <Storyboard>
                          <DoubleAnimation Duration="0" To="0.4" Storyboard.TargetProperty="(ContentPresenter.Opacity)" Storyboard.TargetName="ContentPresenter" />
                        </Storyboard>
                      </VisualState>
                    </VisualStateGroup>
                    <VisualStateGroup x:Name="FocusStates">
                      <VisualState x:Name="Focused">
                        <Storyboard>
                          <DoubleAnimation Storyboard.TargetName="FocusVisualWhite" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                          <DoubleAnimation Storyboard.TargetName="FocusVisualBlack" Storyboard.TargetProperty="Opacity" To="1" Duration="0" />
                        </Storyboard>
                      </VisualState>
                      <VisualState x:Name="Unfocused"/>
                      <VisualState x:Name="PointerFocused"/>
                    </VisualStateGroup>
                  </VisualStateManager.VisualStateGroups>
                  <Grid Background="Transparent">
                    <ContentPresenter x:Name="ContentPresenter"/>
                    <Rectangle x:Name="FocusVisualWhite" Stroke="White" StrokeEndLineCap="Square" StrokeDashArray="1,1" Opacity="0" StrokeDashOffset="1.5" Margin="2"/>
                    <Rectangle x:Name="FocusVisualBlack" Stroke="Black" StrokeEndLineCap="Square" StrokeDashArray="1,1" Opacity="0" StrokeDashOffset="0.5" Margin="2"/>
                  </Grid>
                </Border>
              </ControlTemplate>
            </Setter.Value>
          </Setter>
        </Style>
      </ListView.ItemContainerStyle>
      <ListView.ItemTemplate>
        <DataTemplate>
          <StackPanel>
            <ContentControl x:Name="Icon" Style="{Binding IconStyle}" MinHeight="55" Margin="0,2,0,0"/>
            <TextBlock x:Name = "Label" AutomationProperties.AutomationId="{Binding Label}" Text = "{Binding Label}" Tag = "{Binding Tag}" HorizontalAlignment="Center" VerticalAlignment="Center" Margin="4,0,4,4" FontFamily="{StaticResource ContentControlThemeFontFamily}" FontSize="12" TextAlignment="Center" TextWrapping="Wrap" />
          </StackPanel>
        </DataTemplate>
      </ListView.ItemTemplate>
    </ListView>
  </Grid>
</UserControl>
