<views:ViewBase
    x:Class="CharacterMap.Views.FontMapView"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:controls="using:CharacterMap.Controls"
    xmlns:core="using:CharacterMap.Core"
    xmlns:cx="using:CharacterMapCX"
    xmlns:cxc="using:CharacterMapCX.Controls"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:helpers="using:CharacterMap.Helpers"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:models="using:CharacterMap.Models"
    xmlns:muxc="using:Microsoft.UI.Xaml.Controls"
    xmlns:services="using:CharacterMap.Services"
    xmlns:toolkit="using:Microsoft.Toolkit.Uwp.UI.Controls"
    xmlns:viewmodels="using:CharacterMap.ViewModels"
    xmlns:views="using:CharacterMap.Views"
    xmlns:win1903="http://schemas.microsoft.com/winfx/2006/xaml/presentation?IsApiContractPresent(Windows.Foundation.UniversalApiContract, 8)"
    x:Name="ViewRoot"
    BorderThickness="0"
    SizeChanged="UserControl_SizeChanged"
    mc:Ignorable="d"
    d:DesignHeight="800"
    d:DesignWidth="1280">

    <Control.Tag>
        <Grid x:Name="MoreOptionsBar">
            <Grid.Resources>
                <Style BasedOn="{StaticResource CommandBarFlyoutAppBarButtonStyle}" TargetType="AppBarButton">
                    <Setter Property="Background" Value="Transparent" />
                    <Setter Property="HorizontalAlignment" Value="Stretch" />
                    <Setter Property="VerticalAlignment" Value="Stretch" />
                    <Setter Property="Height" Value="40" />
                    <Setter Property="Width" Value="Auto" />
                    <Setter Property="helpers:FluentAnimation.PointerOver" Value="ContentViewbox" />
                    <Setter Property="helpers:FluentAnimation.PointerOverOffset" Value="-3" />
                    <Setter Property="helpers:FluentAnimation.PointerOverAxis" Value="Vertical" />
                    <Setter Property="helpers:FluentAnimation.Pressed" Value="ContentViewbox" />
                    <Setter Property="helpers:FluentAnimation.PointerDownScale" Value="0.95" />
                </Style>
                <Style BasedOn="{StaticResource CommandBarFlyoutAppBarToggleButtonStyle}" TargetType="AppBarToggleButton">
                    <Setter Property="Background" Value="Transparent" />
                    <Setter Property="HorizontalAlignment" Value="Stretch" />
                    <Setter Property="VerticalAlignment" Value="Stretch" />
                    <Setter Property="CornerRadius" Value="{StaticResource CommandToggleCornerRadius}" />
                    <Setter Property="Height" Value="40" />
                    <Setter Property="Width" Value="Auto" />
                    <Setter Property="helpers:FluentAnimation.PointerOver" Value="ContentViewbox" />
                    <Setter Property="helpers:FluentAnimation.PointerOverOffset" Value="-3" />
                    <Setter Property="helpers:FluentAnimation.PointerOverAxis" Value="Vertical" />
                    <Setter Property="helpers:FluentAnimation.Pressed" Value="ContentViewbox" />
                    <Setter Property="helpers:FluentAnimation.PointerDownScale" Value="0.95" />
                    <!--<Setter Property="core:Properties.ClickAnimation" Value="Content|Scale" />
                    <Setter Property="core:Properties.ClickAnimationOffset" Value="0.9" />-->
                </Style>
            </Grid.Resources>
            <Grid
                ColumnSpacing="0"
                Height="40"
                Background="Transparent">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <!--<AppBarButton
                    x:Name="MoreSwitchView"
                    x:Uid="SwitchViewButton"
                    Click="{x:Bind ViewModel.ChangeDisplayMode}">
                    <Button.Resources>
                        <Storyboard x:Key="Released">
                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MOIcon" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)">
                                <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="540">
                                    <EasingDoubleKeyFrame.EasingFunction>
                                        <CircleEase EasingMode="EaseOut" />
                                    </EasingDoubleKeyFrame.EasingFunction>
                                </EasingDoubleKeyFrame>
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                        <Storyboard x:Key="Pressed">
                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="MOIcon" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)">
                                <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                                <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="-20" />
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                    </Button.Resources>
                    <FontIcon
                        x:Name="MOIcon"
                        FontFamily="{StaticResource SymbolThemeFontFamily}"
                        Glyph="&#xE8AB;"
                        RenderTransformOrigin="0.5 0.5">
                        <FontIcon.RenderTransform>
                            <CompositeTransform />
                        </FontIcon.RenderTransform>
                    </FontIcon>
                </AppBarButton>-->
                <AppBarToggleButton
                    x:Uid="CharacterGroupingToggle"
                    IsChecked="{x:Bind ViewModel.Settings.GroupCharacters, Mode=TwoWay}"
                    d:ToolTipService.ToolTip="{core:Localizer Key=CharacterGroupingToggle/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                    <AppBarToggleButton.Icon>
                        <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph="&#xF168;" />
                    </AppBarToggleButton.Icon>
                </AppBarToggleButton>
                <AppBarButton
                    x:Name="IncreaseSizeButton"
                    x:Uid="IncreaseSizeButton"
                    Grid.Column="1"
                    Click="{x:Bind ViewModel.IncreaseCharacterSize}"
                    d:ToolTipService.ToolTip="{core:Localizer Key=IncreaseSizeButton/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                    <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph="&#xE8E8;" />
                </AppBarButton>
                <AppBarButton
                    x:Name="DecreaseSizeButton"
                    x:Uid="DecreaseSizeButton"
                    Grid.Column="2"
                    Click="{x:Bind ViewModel.DecreaseCharacterSize}"
                    d:ToolTipService.ToolTip="{core:Localizer Key=DecreaseSizeButton/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                    <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph="&#xE8E7;" />
                </AppBarButton>
                <AppBarToggleButton
                    x:Name="ToggleCopyPaneButton"
                    x:Uid="ToggleCopyPaneButton"
                    Grid.Column="3"
                    Checked="{x:Bind ViewModel.ShowCopyPane}"
                    Loaded="ToggleCopyPaneButton_Loaded"
                    Unchecked="{x:Bind ViewModel.HideCopyPane}"
                    d:ToolTipService.ToolTip="{core:Localizer Key=ToggleCopyPaneButton/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                    <AppBarToggleButton.Icon>
                        <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph="&#xE75B;" />
                    </AppBarToggleButton.Icon>
                </AppBarToggleButton>
                <AppBarToggleButton
                    x:Name="TogglePaneButton"
                    x:Uid="TogglePaneButton"
                    Grid.Column="4"
                    Checked="{x:Bind ViewModel.ShowPane}"
                    Loaded="PaneButton_Loaded"
                    Unchecked="{x:Bind ViewModel.HidePane}"
                    d:ToolTipService.ToolTip="{core:Localizer Key=TogglePaneButton/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                    <AppBarToggleButton.Icon>
                        <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph="&#xE90D;" />
                    </AppBarToggleButton.Icon>
                </AppBarToggleButton>
            </Grid>
        </Grid>
    </Control.Tag>

    <Control.Resources>

        <Binding
            x:Key="CharBinding"
            ElementName="ViewRoot"
            Mode="OneWay"
            Path="ViewModel.Chars" />

        <CollectionViewSource
            x:Key="CharacterSource"
            x:Name="CharacterSource"
            IsSourceGrouped="True"
            Source="{Binding ViewModel.GroupedChars, ElementName=ViewRoot, Mode=OneWay}" />

        <CollectionViewSource
            x:Key="SearchResultsSource"
            x:Name="SearchResultsSource"
            IsSourceGrouped="{Binding ViewModel.IsSearchGrouped, ElementName=ViewRoot, Mode=OneWay}"
            Source="{Binding ViewModel.SearchResults, ElementName=ViewRoot, Mode=OneWay}" />

        <MenuFlyout x:Name="SuggestionFlyout" AreOpenCloseAnimationsEnabled="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}">
            <MenuFlyoutItem
                x:Uid="EditSuggestionsItem"
                Click="EditSuggestions_Click"
                Icon="Edit"
                d:Text="{core:Localizer Key=EditSuggestionsItem/Text}" />
        </MenuFlyout>

        <Popup x:Name="CharacterPopup">
            <Grid Width="300" Height="400">
                <Grid.RowDefinitions>
                    <RowDefinition Height="*" />
                    <RowDefinition Height="100" />
                </Grid.RowDefinitions>

                <TextBlock
                    x:Name="PopupChar"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center"
                    FontSize="150" />

                <StackPanel Grid.Row="1">
                    <TextBlock />
                </StackPanel>
            </Grid>
        </Popup>

        <Storyboard x:Name="GridToTypeBase">
            <DoubleAnimation
                Storyboard.TargetName="SearchBox"
                Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)"
                To="-250"
                Duration="00:00:00.4000000">
                <DoubleAnimation.EasingFunction>
                    <BackEase Amplitude="0.4" EasingMode="EaseIn" />
                </DoubleAnimation.EasingFunction>
            </DoubleAnimation>
            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CharacterFilterButton" Storyboard.TargetProperty="(UIElement.Visibility)">
                <DiscreteObjectKeyFrame KeyTime="00:00:00" Value="Collapsed" />
            </ObjectAnimationUsingKeyFrames>
        </Storyboard>

        <BitmapIconSource
            x:Name="ColourSource"
            ShowAsMonochrome="False"
            UriSource="/Assets/ColourIcon.png" />

        <MenuFlyout
            x:Name="GridContextFlyout"
            AreOpenCloseAnimationsEnabled="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
            MenuFlyoutPresenterStyle="{StaticResource DefaultFlyoutStyle}"
            Placement="Bottom">
            <MenuFlyoutItem
                x:Uid="BtnCopy"
                Click="CopyClick"
                CommandParameter="{x:Bind models:DevValueType.Char}"
                Icon="Copy"
                Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                d:Text="{core:Localizer Key=BtnCopy/Text}" />

            <MenuFlyoutSubItem
                x:Uid="CopyAsImageItem"
                Icon="Copy"
                d:Text="{core:Localizer Key=CopyAsImageItem/Text}">
                <MenuFlyoutItem
                    x:Uid="CopyAsPngItem"
                    KeyboardAcceleratorTextOverride="Ctrl+Alt+C"
                    Style="{StaticResource MenuFlyoutItemReadOnlyHeaderStyle}"
                    d:Text="{core:Localizer Key=CopyAsPngItem/Text}" />
                <MenuFlyoutItem
                    x:Uid="ColoredGlyphLabel"
                    Click="SavePng_Click"
                    CommandParameter="{x:Bind ViewModel.GlyphColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    Tag="Copy"
                    Visibility="{x:Bind SavePNGColouredItem.Visibility, Mode=OneWay}"
                    d:Text="{core:Localizer Key=ColoredGlyphLabel/Text}">
                    <MenuFlyoutItem.Icon>
                        <IconSourceElement IconSource="{StaticResource ColourSource}" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
                <MenuFlyoutItem
                    x:Uid="BlackFill"
                    Click="SavePng_Click"
                    CommandParameter="{x:Bind ViewModel.BlackColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    Tag="Copy"
                    Visibility="{x:Bind core:Converters.FalseToVis(ViewModel.SelectedCharAnalysis.ContainsBitmapGlyphs), Mode=OneWay, FallbackValue=Collapsed}"
                    d:Text="{core:Localizer Key=BlackFill/Text}">
                    <MenuFlyoutItem.Icon>
                        <FontIcon Foreground="Black" Glyph="&#xE73B;" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
                <MenuFlyoutItem
                    x:Uid="WhiteFill"
                    Click="SavePng_Click"
                    CommandParameter="{x:Bind ViewModel.WhiteColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    Tag="Copy"
                    Visibility="{x:Bind core:Converters.FalseToVis(ViewModel.SelectedCharAnalysis.ContainsBitmapGlyphs), Mode=OneWay, FallbackValue=Collapsed}"
                    d:Text="{core:Localizer Key=WhiteFill/Text}">
                    <MenuFlyoutItem.Icon>
                        <FontIcon Foreground="White" Glyph="&#xE73B;" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
                <MenuFlyoutItem
                    x:Uid="CopyAsSvgItem"
                    KeyboardAcceleratorTextOverride="Ctrl+Shift+C"
                    Style="{StaticResource MenuFlyoutItemReadOnlyHeaderStyle}"
                    Visibility="{x:Bind ViewModel.SelectedCharAnalysis.IsFullVectorBased, Mode=OneWay}"
                    d:Text="{core:Localizer Key=CopyAsSvgItem/Text}" />
                <MenuFlyoutItem
                    x:Uid="ColoredGlyphLabel"
                    Click="SaveSvg_Click"
                    CommandParameter="{x:Bind ViewModel.GlyphColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    Tag="Copy"
                    Visibility="{x:Bind core:Converters.TrueAndTrueAndFalseToVis(ViewModel.SelectedCharAnalysis.HasColorGlyphs, ViewModel.SelectedCharAnalysis.IsFullVectorBased, ViewModel.IsSvgChar), Mode=OneWay}"
                    d:Text="{core:Localizer Key=ColoredGlyphLabel/Text}">
                    <MenuFlyoutItem.Icon>
                        <IconSourceElement IconSource="{StaticResource ColourSource}" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
                <MenuFlyoutItem
                    x:Uid="BlackFill"
                    Click="SaveSvg_Click"
                    CommandParameter="{x:Bind ViewModel.BlackColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    Tag="Copy"
                    Visibility="{x:Bind core:Converters.TrueAndFalseToVis(ViewModel.SelectedCharAnalysis.IsFullVectorBased, ViewModel.IsSvgChar), Mode=OneWay}"
                    d:Text="{core:Localizer Key=BlackFill/Text}">
                    <MenuFlyoutItem.Icon>
                        <FontIcon Foreground="Black" Glyph="&#xE73B;" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
                <MenuFlyoutItem
                    x:Uid="WhiteFill"
                    Click="SaveSvg_Click"
                    CommandParameter="{x:Bind ViewModel.WhiteColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    Tag="Copy"
                    Visibility="{x:Bind core:Converters.TrueAndFalseToVis(ViewModel.SelectedCharAnalysis.IsFullVectorBased, ViewModel.IsSvgChar), Mode=OneWay}"
                    d:Text="{core:Localizer Key=WhiteFill/Text}">
                    <MenuFlyoutItem.Icon>
                        <FontIcon Foreground="White" Glyph="&#xE73B;" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
            </MenuFlyoutSubItem>

            <MenuFlyoutItem
                x:Name="AddSelectionButton"
                x:Uid="AddSelectionItem"
                Click="AddClick"
                Icon="Add"
                Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                d:Text="{core:Localizer Key=AddSelectionItem/Text}" />

            <MenuFlyoutSeparator />

            <MenuFlyoutItem
                x:Name="FindCharButton"
                x:Uid="FindCharButton"
                Click="FindClick"
                Icon="Find"
                Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                d:Text="{core:Localizer Key=FindCharButton/Text}" />

            <MenuFlyoutSeparator Visibility="{Binding ElementName=FindCharButton, Path=Visibility}" />

            <MenuFlyoutItem
                x:Uid="CalligraphyLabel"
                Click="OpenCalligraphyClick"
                Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                d:Text="{core:Localizer Key=CalligraphyLabel/Text}">
                <MenuFlyoutItem.Icon>
                    <FontIcon FontFamily="{ThemeResource SymbolThemeFontFamily}" Glyph="&#xEDFB;" />
                </MenuFlyoutItem.Icon>
            </MenuFlyoutItem>
            <MenuFlyoutSeparator />

            <MenuFlyoutSubItem
                x:Name="PngRoot"
                x:Uid="ExportPNGLabel"
                Icon="Save"
                d:Text="{core:Localizer Key=ExportPNGLabel/Text}">
                <MenuFlyoutItem
                    x:Name="SavePNGColouredItem"
                    x:Uid="ColoredGlyphLabel"
                    Click="SavePng_Click"
                    CommandParameter="{x:Bind ViewModel.GlyphColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    d:Text="{core:Localizer Key=ColoredGlyphLabel/Text}">
                    <MenuFlyoutItem.Icon>
                        <IconSourceElement IconSource="{StaticResource ColourSource}" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
                <MenuFlyoutItem
                    x:Uid="BlackFill"
                    Click="SavePng_Click"
                    CommandParameter="{x:Bind ViewModel.BlackColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    d:Text="{core:Localizer Key=BlackFill/Text}">
                    <MenuFlyoutItem.Icon>
                        <FontIcon Foreground="Black" Glyph="&#xE73B;" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
                <MenuFlyoutItem
                    x:Uid="WhiteFill"
                    Click="SavePng_Click"
                    CommandParameter="{x:Bind ViewModel.WhiteColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    d:Text="{core:Localizer Key=WhiteFill/Text}">
                    <MenuFlyoutItem.Icon>
                        <FontIcon Foreground="White" Glyph="&#xE73B;" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
            </MenuFlyoutSubItem>
            <MenuFlyoutSubItem
                x:Name="SvgRoot"
                x:Uid="ExportSVGLabel"
                Icon="Save"
                d:Text="{core:Localizer Key=ExportSVGLabel/Text}">
                <MenuFlyoutItem
                    x:Name="SaveSVGColouredItem"
                    x:Uid="ColoredGlyphLabel"
                    Click="SaveSvg_Click"
                    CommandParameter="{x:Bind ViewModel.GlyphColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    d:Text="{core:Localizer Key=ColoredGlyphLabel/Text}">
                    <MenuFlyoutItem.Icon>
                        <IconSourceElement IconSource="{StaticResource ColourSource}" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
                <MenuFlyoutItem
                    x:Uid="BlackFill"
                    Click="SaveSvg_Click"
                    CommandParameter="{x:Bind ViewModel.BlackColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    d:Text="{core:Localizer Key=BlackFill/Text}">
                    <MenuFlyoutItem.Icon>
                        <FontIcon Foreground="Black" Glyph="&#xE73B;" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
                <MenuFlyoutItem
                    x:Uid="WhiteFill"
                    Click="SaveSvg_Click"
                    CommandParameter="{x:Bind ViewModel.WhiteColor}"
                    Style="{StaticResource ThemeMenuFlyoutItemStyle}"
                    d:Text="{core:Localizer Key=WhiteFill/Text}">
                    <MenuFlyoutItem.Icon>
                        <FontIcon Foreground="White" Glyph="&#xE73B;" />
                    </MenuFlyoutItem.Icon>
                </MenuFlyoutItem>
            </MenuFlyoutSubItem>
            <MenuFlyoutSeparator />
            <MenuFlyoutSubItem
                x:Name="DevRoot"
                x:Uid="SettingsDevToolsGroupHeader"
                d:Text="{core:Localizer Key=SettingsDevToolsGroupHeader/Text}">
                <MenuFlyoutSubItem.Icon>
                    <PathIcon
                        HorizontalAlignment="Center"
                        VerticalAlignment="Center"
                        Data="F1 M 2.138672 10 L 4.140625 12.001953 L 3.779297 13.417969 L 0.361328 10 L 4.560547 5.810547 L 5.439453 6.689453 Z M 19.638672 10 L 15.439453 14.189453 L 14.560547 13.310547 L 17.861328 10 L 16.40625 8.544922 C 16.57552 8.375651 16.728516 8.217773 16.865234 8.071289 C 17.001953 7.924805 17.12565 7.770183 17.236328 7.607422 Z M 14.296875 3.75 C 14.570312 3.75 14.825846 3.798828 15.063477 3.896484 C 15.301106 3.994141 15.507813 4.130859 15.683594 4.306641 C 15.859375 4.482422 15.997721 4.6875 16.098633 4.921875 C 16.199543 5.15625 16.25 5.410156 16.25 5.683594 C 16.25 5.9375 16.201172 6.184896 16.103516 6.425781 C 16.005859 6.666668 15.865885 6.878256 15.683594 7.060547 L 8.681641 14.082031 L 5 15 L 5.917969 11.318359 L 12.919922 4.306641 C 13.102213 4.12435 13.313802 3.986004 13.554688 3.891602 C 13.795572 3.797201 14.042968 3.75 14.296875 3.75 Z M 14.794922 6.181641 C 14.93164 6.044922 14.999999 5.878906 15 5.683594 C 14.999999 5.481771 14.933268 5.317384 14.799805 5.19043 C 14.666341 5.063478 14.498697 5.000001 14.296875 5 C 14.205729 5.000001 14.117838 5.014649 14.033203 5.043945 C 13.948567 5.073243 13.873697 5.120443 13.808594 5.185547 L 7.050781 11.962891 L 6.71875 13.28125 L 8.037109 12.949219 Z " />
                </MenuFlyoutSubItem.Icon>
                <!--  Menu Items are inflated in code based on DevProviderBase.GetProviders(...)  -->
            </MenuFlyoutSubItem>
        </MenuFlyout>

    </Control.Resources>

    <Grid
        x:Name="LayoutRoot"
        DataContext="{x:Bind ViewModel}"
        d:Background="{ThemeResource DefaultPageBackgroundBrush}"
        d:BackgroundTransition="{StaticResource RootBackgroundTransition}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto" />
            <RowDefinition x:Name="TitleRow" Height="{StaticResource TitleRowGridHeight}" />
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>

        <Border
            x:Name="BackgroundBorder"
            Grid.RowSpan="5"
            BackgroundTransition="{StaticResource RootBackgroundTransition}"
            Canvas.ZIndex="-5" />

        <controls:XamlTitleBar
            x:Name="TitleBar"
            x:Load="{x:Bind IsStandalone}"
            VerticalAlignment="Top"
            Canvas.ZIndex="101"
            d:IsLocked="True">
            <!--  Temporarily removed as causes instant crash  -->
            <!--<StackPanel Orientation="Horizontal">
                <ToggleButton
                    x:Name="OverlayButton"
                    x:Uid="CompactOverlayButton"
                    Width="45"
                    Click="{x:Bind ToggleCompactOverlay}"
                    Foreground="{Binding Foreground, ElementName=TitleBar}"
                    Style="{StaticResource IconToggleButtonStyle}">
                    <FontIcon FontSize="14" Glyph="&#xE8A7;" />
                </ToggleButton>
            </StackPanel>-->
        </controls:XamlTitleBar>

        <!--  Title row  -->
        <Grid
            x:Name="TitleGrid"
            Grid.RowSpan="2"
            Canvas.ZIndex="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <!--  Left Content  -->
                <ColumnDefinition Width="Auto" />
                <!--  Font Name  -->
                <ColumnDefinition Width="*" />
                <!--  Font Import Button (Stand-alone Window)  -->
                <ColumnDefinition Width="Auto" />
                <!--  Search Box & Right Content  -->
                <ColumnDefinition Width="Auto" />
                <!--    -->
                <ColumnDefinition Width="Auto" />
            </Grid.ColumnDefinitions>

            <Border
                x:Name="TitleBarSpacer"
                x:Load="{x:Bind IsStandalone}"
                Grid.ColumnSpan="10"
                Height="{x:Bind TitleBar.Height, Mode=OneWay}" />

            <ContentPresenter Grid.Row="1" Content="{x:Bind TitleLeftContent, Mode=OneWay}" />

            <Border
                x:Name="TitleRowSpacer"
                Grid.Row="1"
                Height="{StaticResource TitleRowHeight}" />

            <TextBlock
                x:Name="FontTitleBlock"
                x:FieldModifier="public"
                Grid.Row="1"
                Grid.Column="1"
                Margin="24 0 8 0"
                VerticalAlignment="Center"
                core:Properties.ToolTip="{x:Bind ViewModel.SelectedFont.Font.Name, FallbackValue='', TargetNullValue='', Mode=OneWay}"
                core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                IsTextSelectionEnabled="True"
                Style="{StaticResource TitleTextStyle}"
                Text="{Binding SelectedFont.Font.Name, Converter={StaticResource TitleConverter}}"
                TextTrimming="CharacterEllipsis"
                d:Text="Font Name" />

            <toolkit:WrapPanel
                x:Name="ExternalPanel"
                x:Load="{x:Bind ViewModel.IsExternalFile}"
                Grid.Row="1"
                Grid.Column="2"
                Height="{StaticResource TitleRowHeight}"
                HorizontalAlignment="Right"
                core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                HorizontalSpacing="4"
                Orientation="Horizontal"
                VerticalSpacing="4">
                <controls:UXButton
                    x:Name="InstallButton"
                    x:Load="{x:Bind ViewModel.IsInstallable, Mode=OneWay}"
                    Height="{StaticResource TitleRowHeight}"
                    Padding="12,0"
                    core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                    Click="InstallButton_Click"
                    Style="{ThemeResource TransparentButton}">
                    <Grid ColumnSpacing="12">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <FontIcon Glyph="&#xE896;" />
                        <TextBlock
                            x:Uid="InstallLabel"
                            Grid.Column="1"
                            TextTrimming="CharacterEllipsis"
                            d:Text="{core:Localizer Key=InstallLabel/Text}" />
                    </Grid>
                </controls:UXButton>
                <controls:UXButton
                    x:Name="AddToLibraryButton"
                    Height="{StaticResource TitleRowHeight}"
                    Padding="12,0"
                    core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                    Click="{x:Bind ViewModel.ImportFile}"
                    IsEnabled="{Binding ImportButtonEnabled}"
                    Style="{ThemeResource TransparentButton}"
                    d:Click="{x:Bind ViewModel.LaunchInstall}">
                    <Grid ColumnSpacing="12">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="Auto" />
                            <ColumnDefinition Width="*" />
                        </Grid.ColumnDefinitions>
                        <FontIcon Glyph="&#xE710;" />
                        <TextBlock
                            x:Uid="AddToCollectionHint"
                            Grid.Column="1"
                            TextTrimming="CharacterEllipsis"
                            d:Text="{core:Localizer Key=AddToCollectionHint/Text}" />
                    </Grid>
                </controls:UXButton>
            </toolkit:WrapPanel>



            <Grid
                x:Name="SearchContainer"
                Grid.Row="1"
                Grid.Column="3"
                HorizontalAlignment="Right"
                VerticalAlignment="Top">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="Auto" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>

                <AutoSuggestBox
                    x:Name="SearchBox"
                    x:Uid="SearchBox"
                    x:FieldModifier="public"
                    Width="290"
                    Margin="6 0 6 0"
                    VerticalAlignment="Center"
                    core:Properties.FontFamily="{x:Bind ViewModel.FontFamily, Mode=OneWay}"
                    core:Properties.FontStretch="{x:Bind ViewModel.SelectedVariant.FontFace.Stretch, Mode=OneWay}"
                    core:Properties.FontStyle="{x:Bind ViewModel.SelectedVariant.FontFace.Style, Mode=OneWay}"
                    core:Properties.FontWeight="{x:Bind ViewModel.SelectedVariant.FontFace.Weight, Mode=OneWay}"
                    core:Properties.ToolTipMemberPath="Description"
                    core:Properties.ToolTipStyleKey="DefaultThemeToolTipStyle"
                    GotFocus="SearchBox_GotFocus"
                    ItemTemplate="{StaticResource SearchResultTemplate}"
                    ItemsSource="{Binding Source={StaticResource SearchResultsSource}}"
                    PreviewKeyDown="SearchBox_PreviewKeyDown"
                    QuerySubmitted="SearchBox_QuerySubmitted"
                    RenderTransformOrigin="0.5,0.5"
                    Style="{ThemeResource DefaultThemeAutoSuggestBoxStyle}"
                    SuggestionChosen="SearchBox_SuggestionChosen"
                    Text="{Binding SearchQuery, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"
                    TextChanged="SearchBox_TextChanged"
                    TextMemberPath="Description"
                    UpdateTextOnSelect="False"
                    d:PlaceholderText="{core:Localizer Key=SearchBox/PlaceholderText}">
                    <AutoSuggestBox.RenderTransform>
                        <CompositeTransform />
                    </AutoSuggestBox.RenderTransform>
                    <AutoSuggestBox.QueryIcon>
                        <FontIcon Glyph="&#xE721;" />
                    </AutoSuggestBox.QueryIcon>
                    <AutoSuggestBox.KeyboardAccelerators>
                        <KeyboardAccelerator
                            Key="F"
                            Invoked="SearchBox_ShortcutInvoked"
                            Modifiers="Control" />
                    </AutoSuggestBox.KeyboardAccelerators>
                </AutoSuggestBox>

                <ContentPresenter
                    x:Name="RightPresenter"
                    Grid.Row="1"
                    Grid.Column="4"
                    Margin="0 4 0 0"
                    Content="{x:Bind TitleRightContent, Mode=OneWay}">
                    <d:ContentPresenter.Content>
                        <Border Width="45" Height="45">
                            <SymbolIcon Symbol="Setting" />
                        </Border>
                    </d:ContentPresenter.Content>
                </ContentPresenter>

            </Grid>

        </Grid>

        <!--  Main UI Grid  -->
        <Grid
            x:Name="MainUIGrid"
            Grid.Row="2"
            Grid.Column="1"
            Padding="{Binding ElementName=ViewRoot, Path=Padding}"
            Canvas.ZIndex="-1">
            <Grid.Resources>
                <PerspectiveTransform3D x:Key="Perspective" Depth="1000" />
                <Storyboard x:Name="BorderFadeInStoryboard">
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BorderCopiedMessage" Storyboard.TargetProperty="Opacity">
                        <LinearDoubleKeyFrame KeyTime="0:0:0" Value="0" />
                        <LinearDoubleKeyFrame
                            x:Name="CopyShowFrame"
                            KeyTime="0:0:0.6"
                            Value="1" />
                        <LinearDoubleKeyFrame
                            x:Name="CopyHideFrame"
                            KeyTime="0:0:2"
                            Value="1" />
                        <LinearDoubleKeyFrame KeyTime="0:0:2.6" Value="0" />
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
            </Grid.Resources>

            <Grid.ColumnDefinitions>
                <ColumnDefinition
                    x:Name="CharGridColumn"
                    Width="*"
                    MinWidth="250" />
                <ColumnDefinition x:Name="SplitterColumn" Width="Auto" />
                <ColumnDefinition
                    x:Name="PreviewColumn"
                    Width="326"
                    MinWidth="150" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>


            <Rectangle
                x:Name="ShadowTarget"
                Grid.RowSpan="3"
                Grid.ColumnSpan="3"
                Fill="Transparent"
                Stretch="UniformToFill"
                StrokeThickness="0" />



            <!--  Map Header  -->
            <Grid
                x:Name="CharGridHeader"
                x:FieldModifier="public"
                ColumnSpacing="0"
                Margin="12 0 8 12"
                VerticalAlignment="Top"
                Canvas.ZIndex="12">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="*" />
                    <ColumnDefinition Width="Auto" />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>

                <toolkit:WrapPanel
                    x:Name="OptionsPanel"
                    x:FieldModifier="public"
                    HorizontalAlignment="Stretch"
                    ChildrenTransitions="{x:Bind GetRepositionCollection(ViewModel.AllowAnimation), Mode=OneWay}"
                    HorizontalSpacing="8"
                    Orientation="Horizontal">

                    <controls:UXComboBox
                        x:Name="WeightSelector"
                        MinWidth="160"
                        Margin="0 -1 0 0"
                        FontSize="12"
                        FontWeight="SemiBold"
                        IsEnabled="{Binding SelectedFont.Font.HasAnyVariants}"
                        ItemsSource="{Binding SelectedFont.Font.AllVariants}"
                        SelectedItem="{Binding SelectedFont.Selected, Mode=TwoWay}"
                        Style="{StaticResource VariantComboBoxStyle}"
                        ToolTipMemberPath="PreferredName">
                        <controls:UXComboBox.SecondaryContent>
                            <TextBlock
                                x:Name="SelectorLabel"
                                FontSize="12"
                                FontWeight="Normal"
                                Foreground="{ThemeResource TextControlPlaceholderForeground}"
                                Text="{x:Bind UpdateStatusBarLabel(ViewModel.SelectedVariant, SelectorLabel.IsHitTestVisible), Mode=OneWay}" />
                        </controls:UXComboBox.SecondaryContent>
                        <ComboBox.ItemTemplateSelector>
                            <views:VariantTemplateSelector>
                                <views:VariantTemplateSelector.VariantTemplate>
                                    <DataTemplate x:DataType="core:FontVariant">
                                        <TextBlock
                                            FontFamily="{x:Bind core:Converters.GetPreviewFontSource((core:FontVariant))}"
                                            FontStretch="{x:Bind DirectWriteProperties.Stretch}"
                                            FontStyle="{x:Bind DirectWriteProperties.Style}"
                                            FontWeight="{x:Bind DirectWriteProperties.Weight}"
                                            Text="{x:Bind PreferredName}" />
                                    </DataTemplate>
                                </views:VariantTemplateSelector.VariantTemplate>
                                <views:VariantTemplateSelector.HeaderTemplate>
                                    <DataTemplate>
                                        <Border
                                            Margin="-12 0 -12 -4"
                                            Padding="12 0"
                                            BorderBrush="{ThemeResource TextFillColorDisabledBrush}"
                                            BorderThickness="0 0 0 1">
                                            <TextBlock
                                                x:Name="T"
                                                Margin="0 8 0 4"
                                                core:Properties.IsContainerEnabled="False"
                                                Text="{Binding}" />
                                        </Border>

                                    </DataTemplate>
                                </views:VariantTemplateSelector.HeaderTemplate>
                            </views:VariantTemplateSelector>
                        </ComboBox.ItemTemplateSelector>
                    </controls:UXComboBox>

                    <controls:UXButton
                        x:Name="FontPropertiesButton"
                        x:Uid="FontPropertiesButton"
                        VerticalAlignment="Stretch"
                        IsHintVisible="True"
                        Style="{ThemeResource MapInfoButtonStyle}"
                        d:Label="Info"
                        d:ToolTipService.ToolTip="{core:Localizer Key=FontPropertiesButton/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                        <FontIcon
                            Margin="0,0,-2,0"
                            VerticalAlignment="Center"
                            FontFamily="{StaticResource SymbolThemeFontFamily}"
                            FontSize="18"
                            Glyph="&#xE946;" />
                        <Button.Flyout>
                            <Flyout
                                core:Properties.UseExpandContractAnimation="True"
                                win1903:FlyoutPresenterStyle="{StaticResource ThemeFlyoutStyle}"
                                Opened="InfoFlyout_Opened"
                                Opening="InfoFlyout_Opening">
                                <ScrollViewer x:Name="InfoScroller">
                                    <Border MinWidth="300" MaxWidth="400">
                                        <StackPanel Padding="12 24" Spacing="12">
                                            <Panel.Resources>
                                                <Style BasedOn="{StaticResource BaseTextStyle}" TargetType="TextBlock">
                                                    <Setter Property="Opacity" Value="0.5" />
                                                    <Setter Property="TextWrapping" Value="Wrap" />
                                                    <Setter Property="VerticalAlignment" Value="Top" />
                                                </Style>
                                                <Style x:Key="Value" BasedOn="{StaticResource BaseTextStyle}" TargetType="TextBlock">
                                                    <Setter Property="Opacity" Value="1" />
                                                    <Setter Property="Grid.Column" Value="1" />
                                                    <Setter Property="TextWrapping" Value="Wrap" />
                                                    <Setter Property="VerticalAlignment" Value="Top" />
                                                    <Setter Property="IsTextSelectionEnabled" Value="True" />
                                                </Style>
                                            </Panel.Resources>
                                            <TextBlock
                                                x:Uid="FontPropTitle"
                                                FontWeight="Bold"
                                                d:Text="{core:Localizer Key=FontPropTitle/Text}" />
                                            <controls:AutoGrid RowSpacing="8">
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition />
                                                    <ColumnDefinition />
                                                </Grid.ColumnDefinitions>

                                                <TextBlock x:Uid="FontPropFamily" d:Text="{core:Localizer Key=FontPropFamily/Text}" />
                                                <TextBlock
                                                    Grid.Row="0"
                                                    Style="{StaticResource Value}"
                                                    Text="{Binding SelectedFont.Font.Name}" />

                                                <TextBlock x:Uid="FontPropFace" d:Text="{core:Localizer Key=FontPropFace/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{Binding SelectedVariant.PreferredName}" />

                                                <TextBlock x:Uid="FontPropCharCount" d:Text="{core:Localizer Key=FontPropCharCount/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{x:Bind ViewModel.SelectedVariant.Characters.Count, Mode=OneWay}" />

                                                <TextBlock x:Uid="FontPropCount" d:Text="{core:Localizer Key=FontPropCount/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{x:Bind ViewModel.SelectedVariant.Face.GlyphCount, Mode=OneWay}" />

                                                <TextBlock x:Uid="FontPropType" d:Text="{core:Localizer Key=FontPropType/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{Binding SelectedVariant.Face.FileFormatType}" />

                                                <TextBlock x:Uid="FontPropSymbol" d:Text="{core:Localizer Key=FontPropSymbol/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{Binding SelectedVariant.DirectWriteProperties.IsSymbolFont}" />

                                                <TextBlock x:Uid="FontPropMonospaced" d:Text="{core:Localizer Key=FontPropMonospaced/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{Binding SelectedVariant.DirectWriteProperties.IsMonospacedFont}" />

                                                <TextBlock x:Uid="FontPropSimulated" d:Text="{core:Localizer Key=FontPropSimulated/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{Binding SelectedVariant.DirectWriteProperties.IsSimulated}" />

                                                <TextBlock x:Uid="FontPropStyle" d:Text="{core:Localizer Key=FontPropStyle/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{Binding SelectedVariant.DirectWriteProperties.Style}" />

                                                <TextBlock x:Uid="FontPropStretch" d:Text="{core:Localizer Key=FontPropStretch/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{Binding SelectedVariant.DirectWriteProperties.Stretch}" />

                                                <TextBlock x:Uid="FontPropWeight" d:Text="{core:Localizer Key=FontPropWeight/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{x:Bind core:Converters.GetWeightName(ViewModel.SelectedVariant.DirectWriteProperties.Weight), Mode=OneWay}" />

                                                <TextBlock
                                                    x:Name="FontPropColourFormats"
                                                    x:Load="{x:Bind ViewModel.SelectedVariant.Face.Properties.IsColorFont, Mode=OneWay, FallbackValue=False}"
                                                    x:Uid="FontPropColourFormats"
                                                    d:Text="{core:Localizer Key=FontPropColourFormats/Text}" />
                                                <TextBlock
                                                    x:Name="FontProperColourFormatsValue"
                                                    x:Load="{x:Bind ViewModel.SelectedVariant.Face.Properties.IsColorFont, Mode=OneWay, FallbackValue=False}"
                                                    Style="{StaticResource Value}"
                                                    Text="{x:Bind core:Converters.GetColourGlyphFormats(ViewModel.SelectedVariantAnalysis), Mode=OneWay}" />

                                                <TextBlock
                                                    x:Name="FontPropCOLRVersion"
                                                    x:Load="{x:Bind ViewModel.SelectedVariantAnalysis.HasCOLRGlyphs, Mode=OneWay, FallbackValue=False}"
                                                    x:Uid="FontPropCOLRVersion"
                                                    d:Text="{core:Localizer Key=FontPropCOLRVersion/Text}" />
                                                <TextBlock
                                                    x:Name="FontProperCOLRVersionValue"
                                                    x:Load="{x:Bind ViewModel.SelectedVariantAnalysis.HasCOLRGlyphs, Mode=OneWay, FallbackValue=False}"
                                                    Style="{StaticResource Value}"
                                                    Text="{x:Bind ViewModel.SelectedVariantAnalysis.COLRVersion, Mode=OneWay}" />

                                                <TextBlock x:Uid="FontPropFileSize" d:Text="{core:Localizer Key=FontPropFileSize/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{x:Bind core:Converters.GetFileSize(ViewModel.SelectedVariantAnalysis.FileSize), Mode=OneWay}" />

                                                <TextBlock
                                                    x:Name="FontPropSrc"
                                                    x:Load="{x:Bind ViewModel.SelectedVariant.DirectWriteProperties.IsRemote, Mode=OneWay, FallbackValue=False}"
                                                    x:Uid="FontPropInstallType"
                                                    d:Text="{core:Localizer Key=FontPropInstallType/Text}" />
                                                <TextBlock
                                                    x:Name="FontPropSrcValue"
                                                    x:Load="{x:Bind ViewModel.SelectedVariant.DirectWriteProperties.IsRemote, Mode=OneWay, FallbackValue=False}"
                                                    Style="{StaticResource Value}"
                                                    Text="{core:Localizer Key='DWriteSourceRemoteFontProvider'}" />


                                                <!--<TextBlock x:Uid="FontPropInstallType" d:Text="{core:Localizer Key=FontPropInstallType/Text}" />
                                                <TextBlock Style="{StaticResource Value}" Text="{x:Bind ViewModel.SelectedVariant.GetProviderName(), Mode=OneWay}" />-->

                                                <TextBlock
                                                    x:Name="FontPropXaml"
                                                    x:Load="{x:Bind ViewModel.SelectedVariant.IsImported, Mode=OneWay, FallbackValue=False}"
                                                    x:Uid="FontPropXaml"
                                                    Grid.Column="0"
                                                    Grid.ColumnSpan="2"
                                                    Padding="0,4,0,0"
                                                    d:Text="{core:Localizer Key=FontPropXaml/Text}" />

                                                <TextBlock
                                                    x:Name="FontPropXamlValue"
                                                    x:Load="{x:Bind ViewModel.SelectedVariant.IsImported, Mode=OneWay, FallbackValue=False}"
                                                    Grid.Column="0"
                                                    Grid.ColumnSpan="2"
                                                    Margin="0,-4,0,0"
                                                    Style="{StaticResource Value}"
                                                    Text="{x:Bind ViewModel.XamlPath, Mode=OneWay}" />

                                                <TextBlock
                                                    x:Uid="FontPropFilePath"
                                                    Grid.Column="0"
                                                    Grid.ColumnSpan="2"
                                                    Visibility="{x:Bind ShowFilePath(ViewModel.SelectedVariantAnalysis.FilePath, ViewModel.SelectedVariant.IsImported), Mode=OneWay, FallbackValue=Collapsed}"
                                                    d:Text="{core:Localizer Key=FontPropFilePath/Text}" />
                                                <TextBlock
                                                    Grid.Column="0"
                                                    Grid.ColumnSpan="2"
                                                    Margin="0,-4,0,0"
                                                    Style="{StaticResource Value}"
                                                    Text="{x:Bind ViewModel.SelectedVariantAnalysis.FilePath, Mode=OneWay}"
                                                    Visibility="{x:Bind ShowFilePath(ViewModel.SelectedVariantAnalysis.FilePath, ViewModel.SelectedVariant.IsImported), Mode=OneWay, FallbackValue=Collapsed}" />

                                            </controls:AutoGrid>

                                            <ItemsControl ItemsSource="{Binding SelectedVariant.FontInformation}">
                                                <ItemsControl.ItemsPanel>
                                                    <ItemsPanelTemplate>
                                                        <StackPanel Spacing="12" />
                                                    </ItemsPanelTemplate>
                                                </ItemsControl.ItemsPanel>
                                                <ItemsControl.ItemTemplate>
                                                    <DataTemplate>
                                                        <StackPanel>
                                                            <TextBlock
                                                                Opacity="0.5"
                                                                Style="{StaticResource BaseTextStyle}"
                                                                Text="{Binding Key}" />
                                                            <TextBlock
                                                                IsTextSelectionEnabled="True"
                                                                Style="{StaticResource Value}"
                                                                Text="{Binding Value}" />
                                                        </StackPanel>
                                                    </DataTemplate>
                                                </ItemsControl.ItemTemplate>
                                            </ItemsControl>

                                            <TextBlock
                                                x:Uid="FontPropPanoseTitle"
                                                FontWeight="Bold"
                                                Visibility="{x:Bind ViewModel.SelectedVariant.Panose.HasPanose, Mode=OneWay}"
                                                d:Text="{core:Localizer Key=FontPropPanoseTitle/Text}" />

                                            <ItemsControl ItemsSource="{x:Bind ViewModel.SelectedVariant.Panose.GetValues(), Mode=OneWay}" Visibility="{x:Bind ViewModel.SelectedVariant.Panose.HasPanose, Mode=OneWay}">
                                                <ItemsControl.ItemsPanel>
                                                    <ItemsPanelTemplate>
                                                        <StackPanel Spacing="8" />
                                                    </ItemsPanelTemplate>
                                                </ItemsControl.ItemsPanel>
                                                <ItemsControl.ItemTemplate>
                                                    <DataTemplate>
                                                        <Grid>
                                                            <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*" />
                                                                <ColumnDefinition Width="*" />
                                                            </Grid.ColumnDefinitions>
                                                            <TextBlock
                                                                Opacity="0.5"
                                                                Style="{StaticResource BaseTextStyle}"
                                                                Text="{Binding Key}" />
                                                            <TextBlock
                                                                IsTextSelectionEnabled="True"
                                                                Style="{StaticResource Value}"
                                                                Text="{Binding Value}" />
                                                        </Grid>
                                                    </DataTemplate>
                                                </ItemsControl.ItemTemplate>
                                            </ItemsControl>
                                        </StackPanel>
                                    </Border>

                                </ScrollViewer>
                            </Flyout>
                        </Button.Flyout>
                    </controls:UXButton>

                    <controls:UXButton
                        x:Name="FontOptionsButton"
                        x:Uid="FontOptionsButton"
                        VerticalAlignment="Stretch"
                        helpers:FluentAnimation.PointerOver="DropDownGlyph"
                        IsHintVisible="True"
                        Style="{ThemeResource MapInfoButtonStyle}"
                        Visibility="Collapsed"
                        d:Label="{core:Localizer Key=FontOptionsButton/Label}"
                        d:ToolTipService.ToolTip="{core:Localizer Key=FontOptionsButton/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                        <FontIcon
                            Margin="0,0,-2,0"
                            FontFamily="{StaticResource SymbolThemeFontFamily}"
                            FontSize="18"
                            Glyph="&#xE8D2;" />
                        <Button.Flyout>
                            <Flyout
                                core:Properties.UseExpandContractAnimation="True"
                                win1903:FlyoutPresenterStyle="{StaticResource ThemeFlyoutStyle}"
                                Placement="Bottom">
                                <Grid>
                                    <Grid.RowDefinitions>
                                        <RowDefinition Height="Auto" />
                                        <RowDefinition Height="*" />
                                    </Grid.RowDefinitions>

                                    <controls:ExtendedListView
                                        x:Name="OptionsList"
                                        Grid.Row="1"
                                        Width="300"
                                        Padding="0"
                                        ItemContainerTransitions="{StaticResource NoTransitions}"
                                        ItemsSource="{x:Bind ViewModel.TypographyFeatures, Mode=OneWay}"
                                        SelectedItem="{Binding SelectedTypography, Mode=TwoWay}"
                                        SelectionMode="Single"
                                        ShowsScrollingPlaceholders="False"
                                        SingleSelectionFollowsFocus="True">
                                        <!--<ListView.ItemContainerStyle>
                                            <Style BasedOn="{StaticResource DefaultThemeListViewItemStyle}" TargetType="ListViewItem">
                                                <Setter Property="core:Properties.PointerOverAnimation" Value="Name" />
                                                <Setter Property="VerticalContentAlignment" Value="Center" />
                                            </Style>
                                        </ListView.ItemContainerStyle>-->
                                        <ListView.Header>
                                            <StackPanel Margin="12,4" Spacing="12">
                                                <TextBlock
                                                    x:Name="ColorHeader"
                                                    x:Load="{x:Bind ViewModel.SelectedVariantAnalysis.ContainsVectorColorGlyphs, Mode=OneWay}"
                                                    x:Uid="FontDisplayHeader"
                                                    FontWeight="Bold"
                                                    Opacity="0.5"
                                                    d:Text="{core:Localizer Key=FontDisplayHeader/Text}" />
                                                <ToggleSwitch
                                                    x:Name="ColorGlyphToggle"
                                                    x:Load="{x:Bind ViewModel.SelectedVariantAnalysis.ContainsVectorColorGlyphs, Mode=OneWay}"
                                                    x:Uid="ColorGlyphToggle"
                                                    VerticalAlignment="Bottom"
                                                    IsOn="{Binding ShowColorGlyphs, Mode=TwoWay}"
                                                    d:OffContent="{core:Localizer Key=ColorGlyphToggle/OffContent}"
                                                    d:OnContent="{core:Localizer Key=ColorGlyphToggle/OnContent}" />
                                                <TextBlock
                                                    x:Uid="TypographyVariantsHeader"
                                                    Margin="0,12,0,0"
                                                    FontWeight="Bold"
                                                    Opacity="0.5"
                                                    Visibility="{x:Bind ViewModel.SelectedVariant.HasXamlTypographyFeatures, Mode=OneWay}"
                                                    d:Text="{core:Localizer Key=TypographyVariantsHeader/Text}" />
                                            </StackPanel>
                                        </ListView.Header>
                                        <ListView.ItemTemplate>
                                            <DataTemplate x:DataType="core:TypographyFeatureInfo">
                                                <TextBlock
                                                    x:Name="TemplateContent"
                                                    Margin="12 0"
                                                    Text="{x:Bind DisplayName}" />
                                            </DataTemplate>
                                        </ListView.ItemTemplate>
                                    </controls:ExtendedListView>
                                </Grid>
                            </Flyout>
                        </Button.Flyout>
                    </controls:UXButton>

                    <controls:UXButton
                        x:Name="ViewToggleButton"
                        x:Uid="ViewToggleButton"
                        helpers:FluentAnimation.PointerOver="FluentContentPresenter"
                        helpers:FluentAnimation.PointerOverOffset="-2"
                        Click="{x:Bind ViewModel.ChangeDisplayMode}"
                        Style="{ThemeResource MapInfoButtonStyle}"
                        ToolTipService.ToolTip="{core:Localizer Key=LblSwitchToTypeRamp/Text}"
                        d:Label="{core:Localizer Key=ViewToggleButton/Label}">
                        <Button.Resources>
                            <Storyboard x:Key="Released">
                                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Icon" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)">
                                    <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="540">
                                        <EasingDoubleKeyFrame.EasingFunction>
                                            <CircleEase EasingMode="EaseOut" />
                                        </EasingDoubleKeyFrame.EasingFunction>
                                    </EasingDoubleKeyFrame>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                            <Storyboard x:Key="Pressed">
                                <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Icon" Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)">
                                    <EasingDoubleKeyFrame KeyTime="0" Value="0" />
                                    <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="-20" />
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </Button.Resources>
                        <FontIcon
                            x:Name="Icon"
                            Margin="0,0,-2,0"
                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
                            FontSize="18"
                            Glyph="&#xE8AB;"
                            RenderTransformOrigin="0.5 0.5">
                            <FontIcon.RenderTransform>
                                <CompositeTransform />
                            </FontIcon.RenderTransform>
                        </FontIcon>
                    </controls:UXButton>

                    <controls:UXButton
                        x:Name="CharacterFilterButton"
                        x:Uid="CharacterFilterButton"
                        VerticalAlignment="Stretch"
                        IsActive="{x:Bind ViewModel.IsFiltered, Mode=OneWay}"
                        IsHintVisible="True"
                        Loaded="{x:Bind helpers:CompositionFactory.SetStandardFadeInOut}"
                        Style="{ThemeResource MapInfoButtonStyle}"
                        d:Label="{core:Localizer Key=CharacterFilterButton/Label}"
                        d:ToolTipService.ToolTip="{core:Localizer Key=CharacterFilterButton/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                        <FontIcon
                            Margin="0,0,-2,0"
                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
                            FontSize="18"
                            Glyph="&#xE71C;" />
                        <Button.Flyout>
                            <Flyout
                                x:Name="CatFlyout"
                                core:Properties.UseExpandContractAnimation="True"
                                FlyoutPresenterStyle="{StaticResource ThemeFlyoutStyle}"
                                Opened="{x:Bind CatFlyoutContent.OnOpening}">
                                <controls:CategoryFlyout
                                    x:Name="CatFlyoutContent"
                                    AcceptClicked="CategoryFlyout_AcceptClicked"
                                    Flyout="{x:Bind CatFlyout}"
                                    SourceCategories="{x:Bind ViewModel.SelectedGlyphCategories, Mode=OneWay}" />
                            </Flyout>
                        </Button.Flyout>
                    </controls:UXButton>

                </toolkit:WrapPanel>

                <!--
                    core:Properties.ClickAnimation="FluentContentPresenter|Scale"
                    core:Properties.ClickAnimationOffset="0.8"
                    core:Properties.PointerOverAnimation=""
                -->
                <controls:UXButton
                    x:Name="MoreOptionsButton"
                    x:Uid="BtnMoreIcon"
                    Grid.Column="1"
                    VerticalAlignment="Top"
                    core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                    helpers:FluentAnimation.PointerOver="FluentContentPresenter"
                    helpers:FluentAnimation.PointerOverOffset="-2"
                    DataContext="{x:Bind ViewModel.SelectedFont, Mode=OneWay}"
                    Style="{ThemeResource MapInfoButtonStyle}"
                    d:ToolTipService.ToolTip="{core:Localizer Key=BtnMoreIcon/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                    <Button.Flyout>
                        <MenuFlyout
                            x:Name="MoreMenu"
                            AreOpenCloseAnimationsEnabled="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                            Opening="MenuFlyout_Opening"
                            Placement="BottomEdgeAlignedRight">
                            <MenuFlyout.MenuFlyoutPresenterStyle>
                                <Style BasedOn="{StaticResource DefaultFlyoutStyle}" TargetType="MenuFlyoutPresenter" />
                            </MenuFlyout.MenuFlyoutPresenterStyle>
                        </MenuFlyout>
                    </Button.Flyout>
                    <FontIcon
                        Margin="0,-2,-2,-2"
                        FontFamily="{StaticResource SymbolThemeFontFamily}"
                        FontSize="18"
                        Glyph="&#xE712;" />
                </controls:UXButton>


                <!--  Notifications  -->
                <StackPanel
                    x:Name="TypeRampHints"
                    Grid.Row="1"
                    Spacing="0" />

            </Grid>



            <!--  The One And Only, The Character Map  -->
            <Grid
                x:Name="CharGridRoot"
                Grid.Row="2"
                Grid.Column="0"
                Margin="0"
                RenderTransformOrigin="0.5,0.5"
                Transform3D="{StaticResource Perspective}"
                d:Background="Red">
                <Grid.RenderTransform>
                    <CompositeTransform />
                </Grid.RenderTransform>
                <Grid.RowDefinitions>
                    <RowDefinition />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>

                <controls:CharacterGridView
                    x:Name="CharGrid"
                    x:FieldModifier="public"
                    ContainerContentChanging="CharGrid_ContainerContentChanging"
                    EnableResizeAnimation="{x:Bind ViewModel.AllowExpensiveAnimation, Mode=OneWay}"
                    IsItemClickEnabled="False"
                    ItemAnnotation="{x:Bind ViewModel.Settings.GlyphAnnotation, Mode=OneTime}"
                    ItemContainerTransitions="{StaticResource NoTransitions}"
                    ItemDoubleTapped="CharGrid_ItemDoubleTapped"
                    ItemFontFace="{x:Bind ViewModel.SelectedVariant.Face, Mode=OneWay}"
                    ItemFontFamily="{x:Bind ViewModel.FontFamily, Mode=OneWay}"
                    ItemFontVariant="{x:Bind ViewModel.SelectedVariant, Mode=OneWay}"
                    ItemTypography="{x:Bind ViewModel.SelectedTypography, Mode=OneWay}"
                    ItemsSource="{Binding Source={StaticResource CharacterSource}}"
                    SelectedItem="{Binding SelectedChar, Mode=TwoWay}"
                    SelectionMode="Single"
                    ShowColorGlyphs="{x:Bind ViewModel.ShowColorGlyphs, Mode=OneWay}"
                    ShowVariationsInToolTips="True"
                    ShowsScrollingPlaceholders="False"
                    Style="{StaticResource CharacterMapStyle}">
                    <GridView.Header>
                        <StackPanel
                            x:Name="InfoHeader"
                            RequestedTheme="Dark"
                            Spacing="0">

                            <controls:InfoBar
                                x:Name="VariableFeaturesMessage"
                                x:Load="{x:Bind ViewModel.SelectedVariant.DirectWriteProperties.HasVariations, Mode=OneWay, FallbackValue=False}"
                                Content="{core:Localizer Key=VariableFeaturesMessage/Text}">
                                <controls:InfoBar.SecondaryContent>
                                    <Button
                                        Click="VariableHintClick"
                                        Style="{StaticResource ChromelessButtonStyle}"
                                        ToolTipService.ToolTip="{core:Localizer Key=LblSwitchToTypeRamp/Text}">
                                        <FontIcon
                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
                                            FontSize="13.333"
                                            Glyph="&#xE8AB;" />
                                    </Button>
                                </controls:InfoBar.SecondaryContent>
                            </controls:InfoBar>

                            <controls:InfoBar
                                x:Name="ColrV1SupportMessage"
                                x:Load="{x:Bind ViewModel.SelectedVariant.SupportsCOLRv1Rendering, Mode=OneWay, FallbackValue=False}"
                                Content="{core:Localizer Key=ColrV1SupportMessage/Text}">
                                <controls:InfoBar.SecondaryContent>
                                    <Button
                                        Click="VariableHintClick"
                                        Style="{StaticResource ChromelessButtonStyle}"
                                        ToolTipService.ToolTip="{core:Localizer Key=LblSwitchToTypeRamp/Text}">
                                        <FontIcon
                                            FontFamily="{ThemeResource SymbolThemeFontFamily}"
                                            FontSize="13.333"
                                            Glyph="&#xE8AB;" />
                                    </Button>
                                </controls:InfoBar.SecondaryContent>
                            </controls:InfoBar>

                            <controls:InfoBar
                                x:Name="DeprecatedIconsInfoBar"
                                x:Load="{x:Bind core:Converters.TrueTrueTrue(ViewModel.IsFiltered, ViewModel.Settings.HideDeprecatedMDL2, ViewModel.IsMDL2Font), Mode=OneWay, FallbackValue=False}"
                                Content="{core:Localizer Key=HiddenGlyphsMessage/Text}">
                                <controls:InfoBar.SecondaryContent>
                                    <StackPanel Orientation="Horizontal" Spacing="12">
                                        <Button Click="FilterHint_Click" Style="{StaticResource ChromelessButtonStyle}">
                                            <FontIcon
                                                FontFamily="{ThemeResource SymbolThemeFontFamily}"
                                                FontSize="13.333"
                                                Glyph="&#xE71C;" />
                                        </Button>

                                        <Button
                                            Click="AdvancedSettings_Click"
                                            Style="{StaticResource ChromelessButtonStyle}"
                                            ToolTipService.ToolTip="{core:Localizer Key=SettingsHeader/Text}">
                                            <FontIcon
                                                FontFamily="{ThemeResource SymbolThemeFontFamily}"
                                                FontSize="13.333"
                                                Glyph="&#xE713;" />
                                        </Button>
                                    </StackPanel>

                                </controls:InfoBar.SecondaryContent>
                            </controls:InfoBar>

                        </StackPanel>
                    </GridView.Header>
                    <GridView.ItemsPanel>
                        <ItemsPanelTemplate>
                            <ItemsWrapGrid AreStickyGroupHeadersEnabled="True" Orientation="Horizontal" />
                        </ItemsPanelTemplate>
                    </GridView.ItemsPanel>
                    <GridView.GroupStyle>
                        <GroupStyle HidesIfEmpty="True">
                            <GroupStyle.HeaderContainerStyle>
                                <Style TargetType="GridViewHeaderItem">
                                    <Setter Property="Padding" Value="14 20 0 12" />
                                    <Setter Property="Margin" Value="0" />
                                    <Setter Property="MinHeight" Value="0" />
                                    <Setter Property="BorderBrush" Value="Transparent" />
                                    <Setter Property="Template">
                                        <Setter.Value>
                                            <ControlTemplate TargetType="GridViewHeaderItem">
                                                <ContentPresenter
                                                    Margin="{TemplateBinding Padding}"
                                                    Content="{TemplateBinding Content}"
                                                    ContentTemplate="{TemplateBinding ContentTemplate}"
                                                    FontSize="12"
                                                    FontWeight="SemiBold"
                                                    Opacity="0.6" />
                                            </ControlTemplate>
                                        </Setter.Value>
                                    </Setter>
                                </Style>
                            </GroupStyle.HeaderContainerStyle>
                        </GroupStyle>
                    </GridView.GroupStyle>
                    <GridView.ItemTemplate>
                        <DataTemplate>
                            <!--  For performance reasons, all bindings are done in C#  -->
                            <Grid Padding="4">
                                <!--<cxc:DirectText
                                    x:Name="DText"
                                    Margin="0 -2 0 0"
                                    Padding="0,0,0,8"
                                    IsTextScaleFactorEnabled="False" />-->

                                <TextBlock
                                    x:Name="Text"
                                    Margin="0 -2 0 0"
                                    Padding="0,0,0,8"
                                    IsTextScaleFactorEnabled="False"
                                    TextAlignment="Center" />

                                <TextBlock Style="{StaticResource CharItemUnicodeStyle}" />
                            </Grid>
                        </DataTemplate>
                    </GridView.ItemTemplate>
                </controls:CharacterGridView>

                <!--  Character Copy Pane  -->
                <Border
                    x:Name="CopySequenceRoot"
                    Grid.Row="3"
                    Height="120"
                    BackgroundTransition="{StaticResource RootBackgroundTransition}"
                    Loading="CopySequenceRoot_Loading"
                    Visibility="Collapsed"
                    d:Visibility="Visible">
                    <Grid x:Name="CopySequenceContent">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*" />
                            <ColumnDefinition Width="Auto" />
                        </Grid.ColumnDefinitions>

                        <Rectangle
                            x:Name="CopyTopBorder"
                            Grid.ColumnSpan="2"
                            Height="1"
                            HorizontalAlignment="Stretch"
                            VerticalAlignment="Top"
                            Fill="{ThemeResource ApplicationForegroundThemeBrush}"
                            Opacity="0.15" />

                        <TextBlock
                            x:Name="CopySequencePlaceholder"
                            x:Uid="CopySequencePlaceholder"
                            Margin="24"
                            VerticalAlignment="Center"
                            Foreground="{ThemeResource TextControlPlaceholderForeground}"
                            IsTextScaleFactorEnabled="False"
                            Style="{StaticResource BaseTextStyle}"
                            TextAlignment="Center"
                            Visibility="{x:Bind core:Converters.IsNullOrEmptyToVis(ViewModel.Sequence), Mode=OneWay}"
                            d:Text="{core:Localizer Key=CopySequencePlaceholder/Text}" />

                        <TextBox
                            x:Name="CopySequenceText"
                            Margin="24"
                            VerticalAlignment="Center"
                            FontFamily="{Binding SelectedVariant.DisplaySource}"
                            FontSize="48"
                            FontStretch="{Binding SelectedVariant.DirectWriteProperties.Stretch}"
                            FontStyle="{Binding SelectedVariant.DirectWriteProperties.Style}"
                            FontWeight="{Binding SelectedVariant.DirectWriteProperties.Weight}"
                            Foreground="{ThemeResource SystemControlForegroundBaseHighBrush}"
                            InputScope="Text"
                            IsColorFontEnabled="{x:Bind ViewModel.ShowColorGlyphs, Mode=OneWay}"
                            IsHandwritingViewEnabled="False"
                            IsSpellCheckEnabled="False"
                            IsTextPredictionEnabled="False"
                            IsTextScaleFactorEnabled="False"
                            SelectionHighlightColorWhenNotFocused="{Binding RelativeSource={RelativeSource Mode=Self}, Path=SelectionHighlightColor}"
                            Style="{StaticResource ChromelessTextBoxStyle}"
                            Text="{x:Bind ViewModel.Sequence, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />

                        <Grid Grid.Column="1" core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}">
                            <Grid.Resources>
                                <Style BasedOn="{StaticResource LabelAppBarButtonStyle}" TargetType="AppBarButton">
                                    <Setter Property="Padding" Value="12 6" />
                                    <Setter Property="Margin" Value="0" />
                                    <Setter Property="HorizontalAlignment" Value="Stretch" />
                                </Style>
                            </Grid.Resources>
                            <Grid.RowDefinitions>
                                <RowDefinition />
                                <RowDefinition />
                                <RowDefinition />
                            </Grid.RowDefinitions>

                            <AppBarButton
                                x:Uid="AddButton"
                                Click="AppBarButton_Click"
                                Icon="Add"
                                IsEnabled="{x:Bind core:Converters.IsNotNull(ViewModel.SelectedChar), Mode=OneWay}"
                                d:Label="{core:Localizer Key=AddButton/Label}" />
                            <AppBarButton
                                x:Uid="BtnCopyGlyph"
                                Grid.Row="1"
                                Click="{x:Bind ViewModel.CopySequence}"
                                Icon="Copy"
                                IsEnabled="{x:Bind core:Converters.IsNotNullOrEmpty(ViewModel.Sequence), Mode=OneWay}"
                                d:Label="{core:Localizer Key=BtnCopyGlyph/Label}"
                                d:ToolTipService.ToolTip="{core:Localizer Key=BtnCopyGlyph/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}" />
                            <AppBarButton
                                x:Uid="AppBtnClear"
                                Grid.Row="2"
                                Click="{x:Bind ViewModel.ClearSequence}"
                                IsEnabled="{x:Bind core:Converters.IsNotNullOrEmpty(ViewModel.Sequence), Mode=OneWay}"
                                d:Label="{core:Localizer Key=AppBtnClear/Label}">
                                <AppBarButton.Icon>
                                    <FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph="&#xED62;" />
                                </AppBarButton.Icon>
                            </AppBarButton>
                        </Grid>
                    </Grid>
                </Border>
            </Grid>

            <!--  Type Ramp  -->
            <Grid
                x:Name="TypeRampRoot"
                x:Load="False"
                Grid.Row="2"
                Grid.ColumnSpan="3"
                Margin="0"
                core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                Canvas.ZIndex="10"
                RenderTransformOrigin="0.5,0.5"
                Transform3D="{StaticResource Perspective}"
                Visibility="Collapsed"
                d:Background="Green"
                d:Visibility="Collapsed">
                <Grid.RenderTransform>
                    <CompositeTransform />
                </Grid.RenderTransform>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" MaxHeight="246" />
                    <RowDefinition Height="*" />
                </Grid.RowDefinitions>

                <Grid x:Name="TypeRampInputRow">
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                        <ColumnDefinition Width="Auto" />
                    </Grid.ColumnDefinitions>

                    <controls:SuggestionBox
                        x:Name="TypeRampSuggestionBox"
                        Margin="24 12 0 12"
                        ItemsSource="{x:Bind ViewModel.RampOptions, Mode=OneWay}"
                        RenderingOptions="{x:Bind ViewModel.RenderingOptions, Mode=OneWay}"
                        Text="{Binding TypeRampText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />

                    <controls:UXButton
                        x:Name="TypeRampFlowButton"
                        x:Uid="TypeRampFlowButton"
                        Grid.Column="3"
                        Width="36"
                        Height="36"
                        MinWidth="36"
                        Margin="8 -4 12 -4"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Center"
                        helpers:FluentAnimation.PointerOver="FluentContentPresenter"
                        helpers:FluentAnimation.PointerOverOffset="-2"
                        Click="TypeRampFlowButton_Click"
                        Style="{StaticResource MapInfoButtonStyle}"
                        d:ToolTipService.ToolTip="{core:Localizer Key=TypeRampFlowButton/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                        <Path
                            Margin="2"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            Data="F1 M 18.125 2.5 C 18.378906 2.5 18.619791 2.548828 18.847656 2.646484 C 19.07552 2.744141 19.275715 2.879232 19.448242 3.051758 C 19.620768 3.224285 19.755859 3.42448 19.853516 3.652344 C 19.951172 3.880209 20 4.121094 20 4.375 L 20 8.125 C 20 8.378906 19.951172 8.619792 19.853516 8.847656 C 19.755859 9.075521 19.620768 9.275717 19.448242 9.448242 C 19.275715 9.620769 19.07552 9.755859 18.847656 9.853516 C 18.619791 9.951172 18.378906 10 18.125 10 L 14.375 10 C 14.121094 10 13.880208 9.951172 13.652344 9.853516 C 13.424479 9.755859 13.224283 9.620769 13.051758 9.448242 C 12.879231 9.275717 12.744141 9.075521 12.646484 8.847656 C 12.548828 8.619792 12.5 8.378906 12.5 8.125 L 12.5 6.25 L 11.708984 6.25 C 11.552734 6.25 11.416016 6.302084 11.298828 6.40625 C 11.181641 6.510417 11.113281 6.63737 11.09375 6.787109 L 10.146484 13.388672 C 10.113932 13.616537 10.042317 13.829753 9.931641 14.02832 C 9.820963 14.226889 9.682617 14.397787 9.516602 14.541016 C 9.350586 14.684245 9.163411 14.79655 8.955078 14.87793 C 8.746744 14.959311 8.525391 15 8.291016 15 L 7.5 15 L 7.5 15.625 C 7.5 15.878906 7.451171 16.119791 7.353516 16.347656 C 7.255859 16.575521 7.120768 16.775717 6.948242 16.948242 C 6.775716 17.120768 6.575521 17.255859 6.347656 17.353516 C 6.119791 17.451172 5.878906 17.5 5.625 17.5 L 1.875 17.5 C 1.621094 17.5 1.380208 17.451172 1.152344 17.353516 C 0.924479 17.255859 0.724284 17.120768 0.551758 16.948242 C 0.379232 16.775717 0.244141 16.575521 0.146484 16.347656 C 0.048828 16.119791 0 15.878906 0 15.625 L 0 11.875 C 0 11.621094 0.048828 11.380209 0.146484 11.152344 C 0.244141 10.924479 0.379232 10.724284 0.551758 10.551758 C 0.724284 10.379232 0.924479 10.244141 1.152344 10.146484 C 1.380208 10.048828 1.621094 10 1.875 10 L 5.625 10 C 5.878906 10 6.119791 10.048828 6.347656 10.146484 C 6.575521 10.244141 6.775716 10.379232 6.948242 10.551758 C 7.120768 10.724284 7.255859 10.924479 7.353516 11.152344 C 7.451171 11.380209 7.5 11.621094 7.5 11.875 L 7.5 13.75 L 8.291016 13.75 C 8.447266 13.75 8.583984 13.697917 8.701172 13.59375 C 8.818359 13.489584 8.886719 13.362631 8.90625 13.212891 L 9.853516 6.611328 C 9.886067 6.383464 9.957682 6.170248 10.068359 5.97168 C 10.179036 5.773113 10.317383 5.602215 10.483398 5.458984 C 10.649414 5.315756 10.836588 5.203451 11.044922 5.12207 C 11.253255 5.040691 11.474609 5.000001 11.708984 5 L 12.5 5 L 12.5 4.375 C 12.5 4.121094 12.548828 3.880209 12.646484 3.652344 C 12.744141 3.42448 12.879231 3.224285 13.051758 3.051758 C 13.224283 2.879232 13.424479 2.744141 13.652344 2.646484 C 13.880208 2.548828 14.121094 2.5 14.375 2.5 Z M 18.75 4.375 C 18.75 4.20573 18.68815 4.059246 18.564453 3.935547 C 18.440754 3.81185 18.29427 3.75 18.125 3.75 L 14.375 3.75 C 14.205729 3.75 14.059244 3.81185 13.935547 3.935547 C 13.811849 4.059246 13.75 4.20573 13.75 4.375 L 13.75 8.125 C 13.75 8.294271 13.811849 8.440756 13.935547 8.564453 C 14.059244 8.688151 14.205729 8.75 14.375 8.75 L 18.125 8.75 C 18.29427 8.75 18.440754 8.688151 18.564453 8.564453 C 18.68815 8.440756 18.75 8.294271 18.75 8.125 Z M 6.25 11.875 C 6.25 11.705729 6.188151 11.559245 6.064453 11.435547 C 5.940755 11.31185 5.794271 11.25 5.625 11.25 L 1.875 11.25 C 1.705729 11.25 1.559245 11.31185 1.435547 11.435547 C 1.311849 11.559245 1.25 11.705729 1.25 11.875 L 1.25 15.625 C 1.25 15.794271 1.311849 15.940756 1.435547 16.064453 C 1.559245 16.188152 1.705729 16.25 1.875 16.25 L 5.625 16.25 C 5.794271 16.25 5.940755 16.188152 6.064453 16.064453 C 6.188151 15.940756 6.25 15.794271 6.25 15.625 Z "
                            Fill="{ThemeResource ButtonForegroundThemeBrush}"
                            Stretch="Uniform" />
                    </controls:UXButton>
                </Grid>

                <ScrollViewer
                    x:Name="VariationScroller"
                    x:Load="{x:Bind ViewModel.SelectedVariantAnalysis.HasVariationAxis, Mode=OneWay, FallbackValue=False, TargetNullValue=False}"
                    Grid.Row="1"
                    MaxHeight="246">
                    <ItemsControl
                        x:Name="VariableAxis"
                        Margin="24 0 24 0"
                        Padding="12"
                        Background="LightGray"
                        ItemsSource="{x:Bind ViewModel.SelectedVariantAnalysis.VariableAxis, Mode=OneWay}">
                        <ItemsControl.ItemTemplate>
                            <DataTemplate x:DataType="cx:DWriteFontAxis">
                                <Grid Margin="0 0 0 2">
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="*" />
                                        <ColumnDefinition Width="Auto" />
                                    </Grid.ColumnDefinitions>
                                    <Slider
                                        x:Name="AxisSlider"
                                        Header="{x:Bind Label}"
                                        Maximum="{x:Bind Maximum}"
                                        Minimum="{x:Bind Minimum}"
                                        SmallChange="0.1"
                                        StepFrequency="0.1"
                                        Style="{StaticResource DefaultThemeSliderStyle}"
                                        ValueChanged="Slider_ValueChanged"
                                        Value="{x:Bind Value, Mode=TwoWay}">
                                        <Slider.HeaderTemplate>
                                            <DataTemplate>
                                                <TextBlock
                                                    Margin="0 0 0 -8"
                                                    FontSize="12"
                                                    Foreground="{ThemeResource TextControlPlaceholderForeground}"
                                                    Text="{Binding}" />
                                            </DataTemplate>
                                        </Slider.HeaderTemplate>
                                    </Slider>
                                    <Button
                                        x:Uid="BtnReset"
                                        Grid.Column="1"
                                        Margin="0 0 0 4"
                                        VerticalAlignment="Bottom"
                                        Click="AxisReset_Click"
                                        FontSize="12"
                                        Style="{StaticResource ThemeTextBlockButtonStyle}"
                                        Tag="{Binding ElementName=AxisSlider}"
                                        d:Content="{core:Localizer Key=BtnReset/Content}" />
                                </Grid>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </ScrollViewer>

                <ScrollViewer
                    x:Name="TypeRampScroller"
                    Grid.Row="2"
                    FlowDirection="{x:Bind TypeRampSuggestionBox.DetectedFlowDirection, Mode=OneWay}"
                    HorizontalScrollBarVisibility="Auto"
                    HorizontalScrollMode="Enabled"
                    MaxZoomFactor="4"
                    MinZoomFactor="1"
                    Visibility="Visible"
                    ZoomMode="Enabled">
                    <ItemsControl
                        x:Name="TypeRampList"
                        FontFamily="{Binding FontFamily, Mode=OneWay, FallbackValue='Segoe UI'}"
                        FontStretch="{x:Bind ViewModel.SelectedVariant.DirectWriteProperties.Stretch, Mode=OneWay}"
                        FontStyle="{x:Bind ViewModel.SelectedVariant.DirectWriteProperties.Style, Mode=OneWay}"
                        FontWeight="{x:Bind ViewModel.SelectedVariant.DirectWriteProperties.Weight, Mode=OneWay}"
                        ItemsSource="{x:Bind ViewModel.Ramps, Mode=OneWay}">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel Margin="24 10 6 48" Spacing="16" />
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                        <ItemsControl.ItemTemplate>
                            <DataTemplate x:DataType="viewmodels:RampOption">
                                <StackPanel Spacing="2">
                                    <TextBlock
                                        FontFamily="{StaticResource ContentControlThemeFontFamily}"
                                        FontSize="12"
                                        FontStretch="Normal"
                                        FontStyle="Normal"
                                        FontWeight="Normal"
                                        Foreground="{ThemeResource TextControlPlaceholderForeground}"
                                        Text="{x:Bind FontSize}" />
                                    <TextBlock
                                        x:Name="Framework"
                                        x:Load="{x:Bind core:Converters.False(Option.RequiresNativeRender), FallbackValue=False, Mode=OneWay}"
                                        core:Properties.Options="{x:Bind Option, Mode=OneWay}"
                                        FontSize="{x:Bind FontSize}"
                                        Text="{Binding ElementName=TypeRampRoot, Path=DataContext.TypeRampText}" />
                                    <cxc:DirectText
                                        x:Name="Native"
                                        x:Load="{x:Bind Option.RequiresNativeRender, FallbackValue=False, Mode=OneWay}"
                                        core:Properties.Options="{x:Bind Option, Mode=OneWay}"
                                        FontSize="{Binding FontSize, TargetNullValue=12.0, FallbackValue=12.0}"
                                        IsOverwriteCompensationEnabled="True"
                                        Text="{Binding ElementName=TypeRampRoot, Path=DataContext.TypeRampText}" />
                                </StackPanel>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>
                </ScrollViewer>

            </Grid>

            <!--  Column Grid Splitter  -->
            <Grid
                x:Name="SplitterContainer"
                x:FieldModifier="public"
                Grid.Row="0"
                Grid.RowSpan="3"
                Grid.Column="1"
                Canvas.ZIndex="1">

                <Grid x:Name="SplitterContainerContent" Width="10">
                    <toolkit:GridSplitter
                        x:Name="Splitter"
                        Width="8"
                        MinWidth="8"
                        Background="Transparent"
                        CursorBehavior="ChangeOnSplitterHover"
                        GripperCursor="SizeWestEast"
                        GripperForeground="Transparent"
                        ParentLevel="3"
                        ResizeBehavior="BasedOnAlignment"
                        ResizeDirection="Columns" />

                    <TextBlock
                        Margin="3 0 0 0"
                        VerticalAlignment="Center"
                        FontFamily="{ThemeResource SymbolThemeFontFamily}"
                        FontSize="18"
                        Foreground="{ThemeResource ListViewItemPlaceholderBackgroundThemeBrush}"
                        IsHitTestVisible="False"
                        IsTextScaleFactorEnabled="False"
                        OpticalMarginAlignment="TrimSideBearings"
                        Text="&#xE784;" />
                </Grid>


            </Grid>

            <!--  Preview Column  -->
            <Grid
                x:Name="PreviewGrid"
                x:FieldModifier="public"
                Grid.Row="0"
                Grid.RowSpan="3"
                Grid.Column="2"
                d:Background="Purple">
                <Grid.RenderTransform>
                    <CompositeTransform />
                </Grid.RenderTransform>
                <Grid x:Name="PreviewGridContent">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="*" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                        <RowDefinition Height="Auto" />
                    </Grid.RowDefinitions>

                    <!--  Character Preview  -->
                    <Grid>
                        <Grid.RowDefinitions>
                            <RowDefinition Height="*" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                            <RowDefinition Height="Auto" />
                        </Grid.RowDefinitions>
                        <Border x:Name="PreviewBorder" />
                        <Border
                            x:Name="TxtPreviewViewBox"
                            x:FieldModifier="public"
                            Margin="24 12 24 4"
                            Padding="24 12"
                            HorizontalAlignment="Stretch"
                            VerticalAlignment="Stretch"
                            IsHitTestVisible="False">
                            <cxc:DirectText
                                x:Name="TxtPreview"
                                VerticalAlignment="Center"
                                FontFace="{Binding SelectedVariant.Face}"
                                FontFamily="{Binding SelectedVariant.Source}"
                                FontSize="24"
                                FontStretch="{Binding SelectedVariant.DirectWriteProperties.Stretch}"
                                FontStyle="{Binding SelectedVariant.DirectWriteProperties.Style}"
                                FontWeight="{Binding SelectedVariant.DirectWriteProperties.Weight}"
                                Foreground="{ThemeResource SystemControlForegroundBaseHighBrush}"
                                IsCharacterFitEnabled="True"
                                IsColorFontEnabled="{Binding ShowColorGlyphs}"
                                IsOverwriteCompensationEnabled="True"
                                IsTextScaleFactorEnabled="False"
                                Text="{Binding SelectedChar.Char}"
                                Typography="{Binding SelectedCharTypography}"
                                d:Text="a" />
                        </Border>

                        <controls:UXComboBox
                            x:Name="PreviewTypographySelector"
                            Grid.Row="1"
                            Height="Auto"
                            Margin="0 0 0 8"
                            Padding="12 8 12 10"
                            HorizontalAlignment="Stretch"
                            VerticalAlignment="Top"
                            VerticalContentAlignment="Center"
                            core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                            BorderThickness="1"
                            ContentOrientation="Vertical"
                            ContentSpacing="0"
                            FontFamily="{Binding FontFamily}"
                            FontSize="12"
                            FontStretch="{Binding SelectedVariant.DirectWriteProperties.Stretch}"
                            FontStyle="{Binding SelectedVariant.DirectWriteProperties.Style}"
                            FontWeight="{Binding SelectedVariant.DirectWriteProperties.Weight}"
                            ItemsSource="{x:Bind ViewModel.SelectedCharVariations, Mode=OneWay}"
                            SelectedItem="{x:Bind ViewModel.SelectedTypography, Mode=OneWay}"
                            SelectionChanged="PreviewTypographySelector_SelectionChanged"
                            Style="{StaticResource VariantComboBoxStyle}"
                            Visibility="{x:Bind GetAlternatesVis(ViewModel.SelectedTypography, ViewModel.SelectedCharVariations), Mode=OneWay}">
                            <controls:UXComboBox.PreContent>
                                <TextBlock
                                    Margin="0 0 0 1"
                                    FontFamily="{StaticResource ContentControlThemeFontFamily}"
                                    FontSize="12"
                                    FontStyle="Normal"
                                    FontWeight="Normal"
                                    TextTrimming="CharacterEllipsis">
                                    <Run Text="{x:Bind ViewModel.SelectedCharVariations.Count, Mode=OneWay}" d:Text="6" />
                                    <Run x:Uid="TypographyVariationsSelectorRun" d:Text="{core:Localizer Key=TypographyVariationsSelectorRun/Text}" />
                                </TextBlock>
                            </controls:UXComboBox.PreContent>
                            <ComboBox.ItemTemplate>
                                <DataTemplate x:DataType="core:TypographyFeatureInfo">
                                    <Grid Height="40" Margin="-12 0">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="60" />
                                            <ColumnDefinition Width="*" />
                                        </Grid.ColumnDefinitions>

                                        <TextBlock
                                            HorizontalAlignment="Center"
                                            VerticalAlignment="Center"
                                            core:Properties.Typography="{x:Bind}"
                                            FontSize="24"
                                            Text="{Binding ElementName=TxtPreview, Path=Text}" />

                                        <TextBlock
                                            Grid.Column="1"
                                            VerticalAlignment="Center"
                                            FontFamily="{StaticResource ContentControlThemeFontFamily}"
                                            FontSize="12"
                                            FontStyle="Normal"
                                            FontWeight="Normal"
                                            Text="{x:Bind DisplayName}"
                                            TextWrapping="Wrap" />
                                    </Grid>
                                </DataTemplate>
                            </ComboBox.ItemTemplate>
                        </controls:UXComboBox>

                        <!--  Character Description  -->
                        <StackPanel
                            x:Name="CharacterInfo"
                            Grid.Row="2"
                            Margin="12 0 12 6"
                            VerticalAlignment="Bottom"
                            core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}">
                            <TextBlock
                                FontSize="12"
                                IsTextSelectionEnabled="True"
                                Text="{x:Bind ViewModel.GetCharName(ViewModel.SelectedChar), Mode=OneWay}"
                                TextWrapping="Wrap"
                                d:Text="Latin Small Letter A" />
                            <TextBlock
                                FontSize="12"
                                Foreground="{ThemeResource TextControlPlaceholderForeground}"
                                IsTextSelectionEnabled="True"
                                TextWrapping="Wrap"
                                d:Text="U+0061, Latin Extended Supplemental">
                                <Run Text="{x:Bind ViewModel.GetCharDescription(ViewModel.SelectedChar), Mode=OneWay}" /><Run Text="," />
                                <Run Text="{x:Bind ViewModel.SelectedChar.Range.Name, Mode=OneWay}" />
                            </TextBlock>
                        </StackPanel>

                        <!--  Unihan  -->
                        <Grid
                            x:Name="UnihanRoot"
                            x:Load="{x:Bind core:Converters.IsNotNull(ViewModel.UnihanData), FallbackValue=False, Mode=OneWay}"
                            Grid.Row="3"
                            MaxHeight="170"
                            core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}">
                            <ScrollViewer Visibility="{x:Bind ViewModel.ShowingUnihan, Mode=OneWay}">
                                <StackPanel>
                                    <StackPanel.Resources>
                                        <DataTemplate x:Key="UnihanDataTemplate" x:DataType="models:UnihanReading">
                                            <Grid ColumnSpacing="8">
                                                <Grid.ColumnDefinitions>
                                                    <ColumnDefinition Width="0.8*" />
                                                    <ColumnDefinition />
                                                </Grid.ColumnDefinitions>

                                                <TextBlock
                                                    FontSize="12"
                                                    Foreground="{ThemeResource TextControlPlaceholderForeground}"
                                                    Text="{x:Bind Field.Name}"
                                                    TextWrapping="Wrap">
                                                    <ToolTipService.ToolTip>
                                                        <TextBlock
                                                            FontSize="13"
                                                            Text="{x:Bind Field.Description}"
                                                            TextWrapping="Wrap" />
                                                    </ToolTipService.ToolTip>
                                                </TextBlock>

                                                <TextBlock
                                                    Grid.Column="1"
                                                    FontSize="12"
                                                    Foreground="{ThemeResource TextControlPlaceholderForeground}"
                                                    IsTextSelectionEnabled="True"
                                                    Text="{x:Bind Description}"
                                                    TextWrapping="Wrap" />

                                            </Grid>
                                        </DataTemplate>
                                    </StackPanel.Resources>

                                    <StackPanel>
                                        <!--<StackPanel Margin="12 0 12 6" Visibility="{x:Bind core:Converters.IsNotNullToVis(ViewModel.UnihanData.Definition), FallbackValue=Collapsed, Mode=OneWay}">
                                            <TextBlock
                                                x:Uid="UnihanDefinition"
                                                FontSize="12"
                                                Foreground="{ThemeResource TextControlHeaderForeground}"
                                                Opacity="0.5"
                                                TextWrapping="Wrap"
                                                d:Text="{core:Localizer Key=UnihanDefinition/Text}" />
                                            <TextBlock
                                                FontSize="12"
                                                Foreground="{ThemeResource TextControlPlaceholderForeground}"
                                                IsTextSelectionEnabled="True"
                                                Text="{x:Bind ViewModel.UnihanData.Definition.Description, Mode=OneWay}"
                                                TextWrapping="Wrap" />
                                        </StackPanel>-->

                                        <TextBlock
                                            x:Uid="UnihanPronunciations"
                                            Margin="12 0"
                                            FontSize="12"
                                            Foreground="{ThemeResource TextControlHeaderForeground}"
                                            Opacity="0.5"
                                            TextWrapping="Wrap"
                                            d:Text="{core:Localizer Key=UnihanPronunciations/Text}" />
                                        <ItemsControl
                                            Margin="12 0"
                                            ItemTemplate="{StaticResource UnihanDataTemplate}"
                                            ItemsSource="{x:Bind ViewModel.UnihanData.Pronunciations, Mode=OneWay}" />

                                    </StackPanel>

                                </StackPanel>

                            </ScrollViewer>
                        </Grid>

                        <Button
                            x:Name="UnihanButton"
                            x:Load="{x:Bind core:Converters.IsNotNull(ViewModel.UnihanData), FallbackValue=False, Mode=OneWay}"
                            Grid.Row="4"
                            Margin="4 2"
                            core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                            Click="{x:Bind ViewModel.ToggleUnihan}"
                            FontSize="12"
                            FontWeight="Normal"
                            Foreground="{ThemeResource SystemAccentColor}"
                            Style="{StaticResource ThemeTextBlockButtonStyle}">
                            <Grid>
                                <StackPanel
                                    Orientation="Horizontal"
                                    Spacing="4"
                                    Visibility="{x:Bind ViewModel.ShowingUnihan, Mode=OneWay, FallbackValue=Collapsed}">
                                    <TextBlock x:Uid="HideUnihanLabel" d:Text="{core:Localizer Key=HideUnihanLabel/Text}" />
                                    <FontIcon
                                        FontFamily="{ThemeResource SymbolThemeFontFamily}"
                                        FontSize="11.3333"
                                        Glyph="&#xE70D;" />
                                </StackPanel>
                                <StackPanel
                                    Orientation="Horizontal"
                                    Spacing="4"
                                    Visibility="{x:Bind core:Converters.FalseToVis(ViewModel.ShowingUnihan), Mode=OneWay, FallbackValue=Collapsed}"
                                    d:Visibility="Collapsed">
                                    <TextBlock x:Uid="ShowUnihanLabel" d:Text="{core:Localizer Key=ShowUnihanLabel/Text}" />
                                    <FontIcon
                                        FontFamily="{ThemeResource SymbolThemeFontFamily}"
                                        FontSize="11.3333"
                                        Glyph="&#xE70E;" />
                                </StackPanel>
                            </Grid>

                        </Button>

                        <!--  Copy / Save / Fit Row  -->
                        <StackPanel
                            Grid.Row="5"
                            HorizontalAlignment="Stretch"
                            VerticalAlignment="Bottom"
                            core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}">

                            <StackPanel.Resources>
                                <Style BasedOn="{StaticResource DevToolsAppBarButtonStyle}" TargetType="controls:UXButton" />
                            </StackPanel.Resources>

                            <Grid>

                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="*" />
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>

                                <controls:UXButton
                                    x:Uid="BtnCopyGlyph"
                                    core:Properties.ClickAnimation="CopyIcon"
                                    Click="{x:Bind TryCopyInternal}"
                                    d:Label="{core:Localizer Key=BtnCopyGlyph/Label}"
                                    d:ToolTipService.ToolTip="{core:Localizer Key=BtnCopyGlyph/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                                    <FontIcon
                                        x:Name="CopyIcon"
                                        FontSize="18"
                                        Glyph="&#xE8C8;"
                                        RenderTransformOrigin="0.5,0.5">
                                        <FontIcon.RenderTransform>
                                            <CompositeTransform />
                                        </FontIcon.RenderTransform>
                                    </FontIcon>
                                </controls:UXButton>

                                <StackPanel
                                    Grid.Column="1"
                                    HorizontalAlignment="Left"
                                    FlowDirection="RightToLeft"
                                    Orientation="Horizontal">

                                    <!--<controls:UXButton
                                        x:Name="BtnFit"
                                        x:Uid="BtnFit"
                                        Click="BtnFit_Click"
                                        d:Label="{core:Localizer Key=BtnFit/Label}"
                                        d:ToolTipService.ToolTip="{core:Localizer Key=BtnFit/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                                        <Grid x:Name="FitRoot">
                                            <FontIcon
                                                x:Name="ZoomGlyph"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                Glyph="&#xE9A6;"
                                                Visibility="{x:Bind core:Converters.FalseToVis(ViewModel.Settings.FitCharacter), Mode=OneTime}" />

                                            <FontIcon
                                                x:Name="ZoomOutGlyph"
                                                HorizontalAlignment="Center"
                                                VerticalAlignment="Center"
                                                Glyph="&#xE799;"
                                                Visibility="{x:Bind ViewModel.Settings.FitCharacter, Mode=OneTime}"
                                                d:Visibility="Collapsed" />
                                        </Grid>
                                    </controls:UXButton>-->

                                    <controls:UXButton
                                        x:Uid="BtnSaveGlyph"
                                        d:Label="{core:Localizer Key=BtnSaveGlyph/Label}"
                                        d:ToolTipService.ToolTip="{core:Localizer Key=BtnSaveGlyph/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                                        <FontIcon Glyph="&#xE74E;" />
                                        <Button.Flyout>
                                            <MenuFlyout
                                                x:Name="SaveAsFlyout"
                                                AreOpenCloseAnimationsEnabled="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                                                MenuFlyoutPresenterStyle="{StaticResource DefaultFlyoutStyle}"
                                                Placement="Top">
                                                <MenuFlyoutItem
                                                    x:Uid="ExportPNGLabel"
                                                    helpers:FluentAnimation.PointerOverOffset="-2"
                                                    Style="{StaticResource MenuFlyoutItemReadOnlyHeaderStyle}"
                                                    d:Text="{core:Localizer Key=ExportPNGLabel/Text}" />
                                                <MenuFlyoutItem
                                                    x:Uid="ColoredGlyphLabel"
                                                    helpers:FluentAnimation.PointerOverOffset="-2"
                                                    Command="{Binding CommandSavePng}"
                                                    Style="{StaticResource Mfi}"
                                                    Visibility="{x:Bind ViewModel.SelectedCharAnalysis.HasColorGlyphs, Mode=OneWay}"
                                                    d:Text="{core:Localizer Key=ColoredGlyphLabel/Text}">
                                                    <MenuFlyoutItem.CommandParameter>
                                                        <models:ExportParameters Style="{x:Bind ViewModel.GlyphColor}" Typography="{x:Bind (core:TypographyFeatureInfo)PreviewTypographySelector.SelectedItem, Mode=OneWay}" />
                                                    </MenuFlyoutItem.CommandParameter>
                                                </MenuFlyoutItem>
                                                <MenuFlyoutItem
                                                    x:Uid="BlackFill"
                                                    helpers:FluentAnimation.PointerOverOffset="-2"
                                                    Command="{Binding CommandSavePng}"
                                                    Style="{StaticResource Mfi}"
                                                    Visibility="{x:Bind core:Converters.FalseToVis(ViewModel.SelectedCharAnalysis.ContainsBitmapGlyphs), Mode=OneWay, FallbackValue=Collapsed}"
                                                    d:Text="{core:Localizer Key=BlackFill/Text}">
                                                    <MenuFlyoutItem.CommandParameter>
                                                        <models:ExportParameters Style="{x:Bind ViewModel.BlackColor}" Typography="{x:Bind (core:TypographyFeatureInfo)PreviewTypographySelector.SelectedItem, Mode=OneWay}" />
                                                    </MenuFlyoutItem.CommandParameter>
                                                </MenuFlyoutItem>
                                                <MenuFlyoutItem
                                                    x:Uid="WhiteFill"
                                                    helpers:FluentAnimation.PointerOverOffset="-2"
                                                    Command="{Binding CommandSavePng}"
                                                    Style="{StaticResource Mfi}"
                                                    Visibility="{x:Bind core:Converters.FalseToVis(ViewModel.SelectedCharAnalysis.ContainsBitmapGlyphs), Mode=OneWay, FallbackValue=Collapsed}"
                                                    d:Text="{core:Localizer Key=WhiteFill/Text}">
                                                    <MenuFlyoutItem.CommandParameter>
                                                        <models:ExportParameters Style="{x:Bind ViewModel.WhiteColor}" Typography="{x:Bind (core:TypographyFeatureInfo)PreviewTypographySelector.SelectedItem, Mode=OneWay}" />
                                                    </MenuFlyoutItem.CommandParameter>
                                                </MenuFlyoutItem>

                                                <MenuFlyoutItem
                                                    x:Uid="ExportSVGLabel"
                                                    helpers:FluentAnimation.PointerOverOffset="-2"
                                                    Style="{StaticResource MenuFlyoutItemReadOnlyHeaderStyle}"
                                                    Visibility="{x:Bind ViewModel.SelectedCharAnalysis.IsFullVectorBased, Mode=OneWay}"
                                                    d:Text="{core:Localizer Key=ExportSVGLabel/Text}" />
                                                <MenuFlyoutItem
                                                    x:Uid="ExportSVGGlyphLabel"
                                                    helpers:FluentAnimation.PointerOverOffset="-2"
                                                    Command="{Binding CommandSaveSvg}"
                                                    Style="{StaticResource Mfi}"
                                                    Visibility="{x:Bind ViewModel.IsSvgChar, Mode=OneWay}"
                                                    d:Text="{core:Localizer Key=ExportSVGGlyphLabel/Text}">
                                                    <MenuFlyoutItem.CommandParameter>
                                                        <models:ExportParameters Style="{x:Bind ViewModel.GlyphColor}" Typography="{x:Bind (core:TypographyFeatureInfo)PreviewTypographySelector.SelectedItem, Mode=OneWay}" />
                                                    </MenuFlyoutItem.CommandParameter>
                                                </MenuFlyoutItem>
                                                <MenuFlyoutItem
                                                    x:Uid="ColoredGlyphLabel"
                                                    helpers:FluentAnimation.PointerOverOffset="-2"
                                                    Command="{Binding CommandSaveSvg}"
                                                    Style="{StaticResource Mfi}"
                                                    Visibility="{x:Bind core:Converters.TrueAndTrueAndFalseToVis(ViewModel.SelectedCharAnalysis.HasColorGlyphs, ViewModel.SelectedCharAnalysis.IsFullVectorBased, ViewModel.IsSvgChar), Mode=OneWay}"
                                                    d:Text="{core:Localizer Key=ColoredGlyphLabel/Text}">
                                                    <MenuFlyoutItem.CommandParameter>
                                                        <models:ExportParameters Style="{x:Bind ViewModel.GlyphColor}" Typography="{x:Bind (core:TypographyFeatureInfo)PreviewTypographySelector.SelectedItem, Mode=OneWay}" />
                                                    </MenuFlyoutItem.CommandParameter>
                                                </MenuFlyoutItem>
                                                <MenuFlyoutItem
                                                    x:Uid="BlackFill"
                                                    helpers:FluentAnimation.PointerOverOffset="-2"
                                                    Command="{Binding CommandSaveSvg}"
                                                    Style="{StaticResource Mfi}"
                                                    Visibility="{x:Bind core:Converters.TrueAndFalseToVis(ViewModel.SelectedCharAnalysis.IsFullVectorBased, ViewModel.IsSvgChar), Mode=OneWay}"
                                                    d:Text="{core:Localizer Key=BlackFill/Text}">
                                                    <MenuFlyoutItem.CommandParameter>
                                                        <models:ExportParameters Style="{x:Bind ViewModel.BlackColor}" Typography="{x:Bind (core:TypographyFeatureInfo)PreviewTypographySelector.SelectedItem, Mode=OneWay}" />
                                                    </MenuFlyoutItem.CommandParameter>
                                                </MenuFlyoutItem>
                                                <MenuFlyoutItem
                                                    x:Uid="WhiteFill"
                                                    helpers:FluentAnimation.PointerOverOffset="-2"
                                                    Command="{Binding CommandSaveSvg}"
                                                    Style="{StaticResource Mfi}"
                                                    Visibility="{x:Bind core:Converters.TrueAndFalseToVis(ViewModel.SelectedCharAnalysis.IsFullVectorBased, ViewModel.IsSvgChar), Mode=OneWay}"
                                                    d:Text="{core:Localizer Key=WhiteFill/Text}">
                                                    <MenuFlyoutItem.CommandParameter>
                                                        <models:ExportParameters Style="{x:Bind ViewModel.WhiteColor}" Typography="{x:Bind (core:TypographyFeatureInfo)PreviewTypographySelector.SelectedItem, Mode=OneWay}" />
                                                    </MenuFlyoutItem.CommandParameter>
                                                </MenuFlyoutItem>
                                            </MenuFlyout>
                                        </Button.Flyout>
                                    </controls:UXButton>

                                </StackPanel>

                                <controls:UXButton
                                    x:Name="BtnToggleDev"
                                    x:Uid="BtnToggleDev"
                                    Grid.Column="2"
                                    d:Label="{core:Localizer Key=BtnToggleDev/Label}"
                                    d:ToolTipService.ToolTip="{core:Localizer Key=BtnToggleDev/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                                    <Button.Flyout>
                                        <MenuFlyout
                                            x:Name="DevFlyout"
                                            AreOpenCloseAnimationsEnabled="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                                            MenuFlyoutPresenterStyle="{StaticResource DefaultFlyoutStyle}"
                                            Opening="DevFlyout_Opening"
                                            Placement="Top">
                                            <MenuFlyoutItem
                                                x:Uid="DevPopupHeader"
                                                Style="{StaticResource MenuFlyoutItemReadOnlyHeaderStyle}"
                                                d:Text="{core:Localizer Key=DevPopupHeader/Text}" />
                                            <!--  Options are populated in code  -->
                                        </MenuFlyout>
                                    </Button.Flyout>
                                    <Button.Resources>
                                        <Style TargetType="PathIcon">
                                            <Setter Property="HorizontalAlignment" Value="Center" />
                                            <Setter Property="VerticalAlignment" Value="Center" />
                                            <Setter Property="Visibility" Value="Collapsed" />
                                        </Style>
                                    </Button.Resources>
                                    <Grid Margin="0 -4 0 0">

                                        <PathIcon
                                            x:Name="ShowCodeIcon"
                                            x:Load="False"
                                            Data="F1 M 2.138672 10 L 4.140625 12.001953 L 3.779297 13.417969 L 0.361328 10 L 4.560547 5.810547 L 5.439453 6.689453 Z M 19.638672 10 L 15.439453 14.189453 L 14.560547 13.310547 L 17.861328 10 L 16.40625 8.544922 C 16.57552 8.375651 16.728516 8.217773 16.865234 8.071289 C 17.001953 7.924805 17.12565 7.770183 17.236328 7.607422 Z M 14.296875 3.75 C 14.570312 3.75 14.825846 3.798828 15.063477 3.896484 C 15.301106 3.994141 15.507813 4.130859 15.683594 4.306641 C 15.859375 4.482422 15.997721 4.6875 16.098633 4.921875 C 16.199543 5.15625 16.25 5.410156 16.25 5.683594 C 16.25 5.9375 16.201172 6.184896 16.103516 6.425781 C 16.005859 6.666668 15.865885 6.878256 15.683594 7.060547 L 8.681641 14.082031 L 5 15 L 5.917969 11.318359 L 12.919922 4.306641 C 13.102213 4.12435 13.313802 3.986004 13.554688 3.891602 C 13.795572 3.797201 14.042968 3.75 14.296875 3.75 Z M 14.794922 6.181641 C 14.93164 6.044922 14.999999 5.878906 15 5.683594 C 14.999999 5.481771 14.933268 5.317384 14.799805 5.19043 C 14.666341 5.063478 14.498697 5.000001 14.296875 5 C 14.205729 5.000001 14.117838 5.014649 14.033203 5.043945 C 13.948567 5.073243 13.873697 5.120443 13.808594 5.185547 L 7.050781 11.962891 L 6.71875 13.28125 L 8.037109 12.949219 Z " />

                                        <PathIcon
                                            x:Name="DevXamlIcon"
                                            x:Load="False"
                                            Data="F1 M 15.78125 10.195313 L 12.890625 15.195313 L 7.109375 15.195313 L 4.21875 10.195313 L 7.109375 5.195313 L 12.890625 5.195313 Z M 19.804688 10.195313 L 16.445313 16.015625 L 15 15.195313 L 17.890625 10.195313 L 15 5.195313 L 16.445313 4.375 Z M 0.195313 10.195313 L 3.554688 4.375 L 5 5.195313 L 2.109375 10.195313 L 5 15.195313 L 3.554688 16.015625 Z " />

                                        <PathIcon
                                            x:Name="DevCSharpIcon"
                                            x:Load="False"
                                            Data="F1 M 0 10.224609 C 0 9.306641 0.144857 8.452148 0.43457 7.661133 C 0.724284 6.870117 1.136068 6.184896 1.669922 5.605469 C 2.203776 5.026043 2.851563 4.571941 3.613281 4.243164 C 4.375 3.914389 5.227864 3.75 6.171875 3.75 C 6.653646 3.75 7.137044 3.78418 7.62207 3.852539 C 8.107096 3.920898 8.574219 4.052734 9.023438 4.248047 L 9.023438 5.761719 C 8.580729 5.514323 8.120117 5.330404 7.641602 5.209961 C 7.163086 5.08952 6.669922 5.029298 6.162109 5.029297 C 5.406901 5.029298 4.737956 5.161134 4.155273 5.424805 C 3.572591 5.688478 3.08431 6.051434 2.69043 6.513672 C 2.296549 6.975912 1.99707 7.517904 1.791992 8.139648 C 1.586914 8.761394 1.484375 9.430339 1.484375 10.146484 C 1.484375 10.823568 1.578776 11.455078 1.767578 12.041016 C 1.95638 12.626953 2.236328 13.138021 2.607422 13.574219 C 2.978515 14.010417 3.435872 14.353842 3.979492 14.604492 C 4.523112 14.855144 5.152995 14.980469 5.869141 14.980469 C 6.429036 14.980469 6.974283 14.91862 7.504883 14.794922 C 8.035481 14.671225 8.541666 14.462891 9.023438 14.169922 L 9.023438 15.546875 C 8.509114 15.820313 7.967122 16.005859 7.397461 16.103516 C 6.827799 16.201172 6.25651 16.25 5.683594 16.25 C 4.785156 16.25 3.984375 16.098633 3.28125 15.795898 C 2.578125 15.493164 1.982422 15.073242 1.494141 14.536133 C 1.005859 13.999023 0.634766 13.362631 0.380859 12.626953 C 0.126953 11.891276 0 11.090495 0 10.224609 Z M 17.470703 8.105469 L 16.923828 10.683594 L 19.335938 10.683594 L 19.101563 11.591797 L 16.748047 11.591797 L 15.986328 15 L 14.912109 15 L 15.644531 11.591797 L 13.505859 11.591797 L 12.783203 15 L 11.708984 15 L 12.431641 11.591797 L 10.175781 11.591797 L 10.351563 10.683594 L 12.626953 10.683594 L 13.154297 8.105469 L 10.771484 8.105469 L 10.947266 7.197266 L 13.330078 7.197266 L 14.052734 3.75 L 15.136719 3.75 L 14.414063 7.197266 L 16.572266 7.197266 L 17.314453 3.75 L 18.369141 3.75 L 17.646484 7.197266 L 19.902344 7.197266 L 19.707031 8.105469 Z M 16.40625 8.105469 L 14.238281 8.105469 L 13.671875 10.683594 L 15.849609 10.683594 Z " />

                                        <PathIcon
                                            x:Name="DevVisualBasicIcon"
                                            x:Load="False"
                                            Data="F1 M 5.302734 14.765625 C 5.361328 14.388021 5.455729 14.013672 5.585938 13.642578 L 9.072266 3.75 L 10.625 3.75 L 6.064453 16.25 L 4.472656 16.25 L 0 3.75 L 1.611328 3.75 L 5.019531 13.662109 C 5.084635 13.844401 5.138346 14.026693 5.180664 14.208984 C 5.222981 14.391276 5.263672 14.576823 5.302734 14.765625 Z M 17.216797 9.609375 C 17.633463 9.661459 18.014322 9.767253 18.359375 9.926758 C 18.704426 10.086264 18.997395 10.297852 19.238281 10.561523 C 19.479166 10.825195 19.66634 11.132812 19.799805 11.484375 C 19.933268 11.835938 20 12.226562 20 12.65625 C 20 13.235678 19.889322 13.748373 19.667969 14.194336 C 19.446613 14.6403 19.150391 15.014648 18.779297 15.317383 C 18.408203 15.620117 17.978516 15.851237 17.490234 16.010742 C 17.001953 16.170248 16.487629 16.25 15.947266 16.25 L 12.304688 16.25 L 12.304688 3.75 L 15.859375 3.75 C 16.308594 3.75 16.743164 3.80534 17.163086 3.916016 C 17.583008 4.026693 17.957355 4.197592 18.286133 4.428711 C 18.614908 4.659831 18.87858 4.956055 19.077148 5.317383 C 19.275715 5.678711 19.375 6.110026 19.375 6.611328 C 19.375 7.327475 19.186197 7.945964 18.808594 8.466797 C 18.430988 8.987631 17.900391 9.355469 17.216797 9.570312 Z M 13.769531 9.111328 L 15.263672 9.111328 C 15.621744 9.111328 15.957031 9.069011 16.269531 8.984375 C 16.582031 8.89974 16.855469 8.767904 17.089844 8.588867 C 17.324219 8.409831 17.508137 8.180339 17.641602 7.900391 C 17.775064 7.620443 17.841797 7.285156 17.841797 6.894531 C 17.841797 6.536459 17.775064 6.240234 17.641602 6.005859 C 17.508137 5.771484 17.332355 5.585938 17.114258 5.449219 C 16.896158 5.3125 16.642252 5.216472 16.352539 5.161133 C 16.062824 5.105795 15.761719 5.078125 15.449219 5.078125 L 13.769531 5.078125 Z M 15.751953 14.921875 C 16.116535 14.921875 16.463215 14.879558 16.791992 14.794922 C 17.120768 14.710287 17.408854 14.576823 17.65625 14.394531 C 17.903645 14.21224 18.100586 13.977865 18.24707 13.691406 C 18.393555 13.404948 18.466797 13.056641 18.466797 12.646484 C 18.466797 12.197266 18.380533 11.829428 18.208008 11.542969 C 18.03548 11.256511 17.809244 11.030273 17.529297 10.864258 C 17.249348 10.698242 16.927082 10.584311 16.5625 10.522461 C 16.197916 10.460612 15.826822 10.429688 15.449219 10.429688 L 13.769531 10.429688 L 13.769531 14.921875 Z " />

                                        <PathIcon
                                            x:Name="DevCppIcon"
                                            x:Load="False"
                                            Data="F1 M 18.75 13.75 L 13.75 13.75 L 13.75 18.75 L 12.5 18.75 L 12.5 13.75 L 7.5 13.75 L 7.5 12.5 L 12.5 12.5 L 12.5 7.5 L 13.75 7.5 L 13.75 12.5 L 18.75 12.5 Z M 6.25 6.25 L 6.25 11.25 L 5 11.25 L 5 6.25 L 0 6.25 L 0 5 L 5 5 L 5 0 L 6.25 0 L 6.25 5 L 11.25 5 L 11.25 6.25 Z " />

                                        <PathIcon
                                            x:Name="DevUnicodeIcon"
                                            x:Load="False"
                                            Data="F1 M 18.320313 5.195313 C 18.320313 5.533854 18.203125 5.820313 17.96875 6.054688 C 17.734375 6.289063 17.447916 6.40625 17.109375 6.40625 C 16.770832 6.40625 16.484375 6.289063 16.25 6.054688 C 16.015625 5.820313 15.898438 5.533854 15.898438 5.195313 C 15.898438 4.856771 16.015625 4.563803 16.25 4.316406 C 16.484375 4.069011 16.770832 3.945313 17.109375 3.945313 C 17.447916 3.945313 17.740885 4.069011 17.988281 4.316406 C 18.235676 4.563803 18.346354 4.856771 18.320313 5.195313 Z M 17.96875 7.578125 L 16.289063 7.578125 C 16.184895 7.578125 16.132813 7.617188 16.132813 7.695313 L 16.132813 11.757813 L 16.171875 13.398438 L 16.132813 13.398438 L 15.117188 11.367188 L 12.460938 6.445313 L 11.484375 4.726563 C 11.458333 4.700521 11.40625 4.687501 11.328125 4.6875 L 8.867188 4.6875 C 8.763021 4.687501 8.710938 4.726563 8.710938 4.804688 L 8.75 4.804688 L 8.710938 4.84375 L 8.710938 11.71875 C 8.710938 12.265625 8.652344 12.721354 8.535156 13.085938 C 8.417969 13.450521 8.255208 13.736979 8.046875 13.945313 C 7.838541 14.153646 7.578125 14.303386 7.265625 14.394531 C 6.953125 14.485678 6.627604 14.53125 6.289063 14.53125 C 5.455729 14.53125 4.830729 14.283854 4.414063 13.789063 C 3.997396 13.294271 3.789063 12.617188 3.789063 11.757813 L 3.789063 4.84375 C 3.789063 4.739584 3.75 4.687501 3.671875 4.6875 L 1.796875 4.6875 C 1.71875 4.687501 1.679688 4.739584 1.679688 4.84375 L 1.679688 11.914063 C 1.679688 12.669271 1.783854 13.333334 1.992188 13.90625 C 2.200521 14.479167 2.50651 14.947917 2.910156 15.3125 C 3.313802 15.677084 3.789062 15.950521 4.335938 16.132813 C 4.960938 16.341146 5.585938 16.445313 6.210938 16.445313 C 6.835937 16.445313 7.441406 16.360678 8.027344 16.191406 C 8.613281 16.022135 9.108072 15.748698 9.511719 15.371094 C 9.915364 14.99349 10.240885 14.511719 10.488281 13.925781 C 10.735677 13.339844 10.859375 12.643229 10.859375 11.835938 L 10.859375 7.382813 L 11.210938 8.085938 L 12.03125 9.6875 L 15.46875 16.132813 C 15.520833 16.210938 15.598958 16.25 15.703125 16.25 L 17.96875 16.25 C 18.072916 16.25 18.125 16.197916 18.125 16.09375 L 18.125 7.734375 C 18.125 7.630209 18.072916 7.578125 17.96875 7.578125 Z " />

                                        <PathIcon
                                            x:Name="DevXamarinIcon"
                                            x:Load="False"
                                            Data="F1 M 18.945312 9.414062 C 19.101562 9.648438 19.179688 9.908854 19.179688 10.195312 C 19.179688 10.481771 19.101562 10.742188 18.945312 10.976562 L 15.078125 17.695312 C 14.921875 17.955729 14.713541 18.157553 14.453125 18.300781 C 14.192707 18.44401 13.91927 18.515625 13.632812 18.515625 L 6.367188 18.515625 C 6.080729 18.515625 5.807292 18.44401 5.546875 18.300781 C 5.286458 18.157553 5.078125 17.955729 4.921875 17.695312 L 1.054688 10.976562 C 0.898437 10.742188 0.820312 10.481771 0.820312 10.195312 C 0.820312 9.908854 0.898437 9.648438 1.054688 9.414062 L 4.921875 2.695312 C 5.078125 2.434896 5.286458 2.233073 5.546875 2.089844 C 5.807292 1.946615 6.080729 1.875001 6.367188 1.875 L 13.632812 1.875 C 13.91927 1.875001 14.192707 1.946615 14.453125 2.089844 C 14.713541 2.233073 14.921875 2.434896 15.078125 2.695312 Z M 10 10.195312 L 10 10.117188 L 7.851562 6.09375 L 7.695312 6.015625 L 6.367188 6.015625 L 6.25 6.09375 L 6.25 6.289062 L 8.320312 10.195312 L 6.25 14.101562 L 6.25 14.296875 L 6.367188 14.375 L 7.695312 14.375 L 7.851562 14.296875 L 10 10.273438 L 10 10.195312 L 10.039062 10.273438 L 12.148438 14.296875 L 12.304688 14.375 L 13.632812 14.375 L 13.75 14.296875 L 13.75 14.101562 L 11.679688 10.195312 L 13.75 6.289062 L 13.75 6.09375 L 13.632812 6.015625 L 12.304688 6.015625 L 12.148438 6.09375 L 10.039062 10.117188 Z " />

                                    </Grid>
                                </controls:UXButton>

                            </Grid>

                        </StackPanel>

                        <Border
                            x:Name="BorderCopiedMessage"
                            x:Load="False"
                            Grid.Row="0"
                            Grid.RowSpan="5"
                            Margin="12 12 12 12"
                            Padding="12"
                            VerticalAlignment="Bottom"
                            Background="{ThemeResource AccentFillColorDefaultBrush}"
                            CornerRadius="{StaticResource InfoBarCornerRadius}"
                            IsHitTestVisible="False"
                            Opacity="0"
                            d:Opacity="0">
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" />
                                </Grid.ColumnDefinitions>
                                <FontIcon
                                    FontSize="20"
                                    Foreground="{ThemeResource TextOnAccentFillColorPrimaryBrush}"
                                    Glyph="&#xEC61;" />

                                <StackPanel
                                    Grid.Column="1"
                                    Margin="8,0,0,0"
                                    VerticalAlignment="Center">
                                    <TextBlock
                                        x:Name="TxtCopiedMessage"
                                        x:Uid="TxtCopiedMessage"
                                        Foreground="{ThemeResource TextOnAccentFillColorPrimaryBrush}"
                                        d:Text="{core:Localizer Key=TxtCopiedMessage/Text}" />
                                    <TextBlock
                                        x:Name="TxtCopiedVariantMessage"
                                        x:Uid="TxtCopiedVariantMessage"
                                        FontSize="12"
                                        Foreground="{ThemeResource TextOnAccentFillColorSecondaryBrush}"
                                        TextWrapping="Wrap"
                                        d:Text="{core:Localizer Key=TxtCopiedVariantMessage/Text}" />
                                </StackPanel>

                            </Grid>
                        </Border>
                    </Grid>


                    <!--  Dev Utilities  -->
                    <StackPanel
                        x:Name="DevUtilsRoot"
                        Grid.Row="2"
                        core:Properties.UseStandardReposition="{x:Bind ViewModel.AllowAnimation, Mode=OneWay}"
                        Visibility="Collapsed">

                        <Rectangle
                            Height="1"
                            Margin="0 6 0 0"
                            HorizontalAlignment="Stretch"
                            Fill="{ThemeResource ApplicationForegroundThemeBrush}"
                            Opacity="0.15" />

                        <ItemsControl Margin="0,6,0,0" ItemsSource="{x:Bind ViewModel.SelectedProvider.GetOptions(), Mode=OneWay}">
                            <ItemsControl.ItemTemplate>
                                <DataTemplate x:DataType="models:DevOption">
                                    <Grid Height="50">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition Width="*" />
                                            <ColumnDefinition Width="50" />
                                        </Grid.ColumnDefinitions>

                                        <StackPanel Margin="0 0 0 0">
                                            <TextBlock
                                                Margin="14 0 0 0"
                                                FontSize="12"
                                                Foreground="{ThemeResource TextControlHeaderForeground}"
                                                Opacity="0.5"
                                                Text="{x:Bind Name}" />

                                            <!--
                                                XAML Path Geometry can easily be too long to display in
                                                a normal TextBlock and will cause it to fail to render.
                                                So we switch to Flyout if needed.
                                            -->

                                            <TextBox
                                                x:Name="TxtBx"
                                                x:Load="{x:Bind core:Converters.False(UseExtendedCopy)}"
                                                Margin="0 -8 0 0"
                                                GotFocus="OnCopyGotFocus"
                                                Style="{StaticResource CopyTextBox}"
                                                Text="{x:Bind Value}" />

                                            <Button
                                                x:Name="BtnXAMLGeometry"
                                                x:Load="{x:Bind core:Converters.True(UseExtendedCopy)}"
                                                x:Uid="BtnXAMLGeometry"
                                                Margin="6 0 0 0"
                                                FontSize="13.333"
                                                Style="{StaticResource ThemeTextBlockButtonStyle}"
                                                d:Content="{core:Localizer Key=BtnXAMLGeometry/Content}">
                                                <Button.Flyout>
                                                    <Flyout
                                                        x:Name="GeometryFlyout"
                                                        AreOpenCloseAnimationsEnabled="{Binding ViewModel.AllowAnimation, ElementName=ViewRoot, Mode=OneWay}"
                                                        ScrollViewer.VerticalScrollMode="Disabled">
                                                        <Grid>
                                                            <Grid.RowDefinitions>
                                                                <RowDefinition Height="Auto" />
                                                                <RowDefinition Height="Auto" />
                                                            </Grid.RowDefinitions>
                                                            <Grid.ColumnDefinitions>
                                                                <ColumnDefinition Width="*" />
                                                                <ColumnDefinition Width="Auto" />
                                                            </Grid.ColumnDefinitions>

                                                            <TextBlock VerticalAlignment="Center" Text="{x:Bind Name}" />

                                                            <controls:UXButton
                                                                x:Uid="BtnCopyDev"
                                                                Grid.Column="1"
                                                                VerticalAlignment="Bottom"
                                                                Click="BtnCopyCode_OnClick"
                                                                Style="{StaticResource CopyButtonStyle}"
                                                                Tag="{x:Bind Value}"
                                                                d:ToolTipService.ToolTip="{core:Localizer Key=BtnCopyDev/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                                                                <FontIcon
                                                                    FontFamily="{ThemeResource SymbolThemeFontFamily}"
                                                                    FontSize="16"
                                                                    Glyph="&#xE8C8;" />
                                                            </controls:UXButton>

                                                            <!--
                                                                Do not x:Bind the value on this TextBox.
                                                                Doing so will break multi-line rendering
                                                            -->
                                                            <TextBox
                                                                Grid.Row="1"
                                                                Grid.ColumnSpan="2"
                                                                Width="400"
                                                                MaxHeight="400"
                                                                AcceptsReturn="True"
                                                                FontFamily="Consolas"
                                                                ScrollViewer.VerticalScrollBarVisibility="Auto"
                                                                Text="{Binding Value}"
                                                                TextWrapping="Wrap" />

                                                        </Grid>
                                                    </Flyout>
                                                </Button.Flyout>
                                            </Button>

                                        </StackPanel>

                                        <controls:UXButton
                                            x:Name="BtnCopyXamlCode"
                                            x:Uid="BtnCopyDev"
                                            Grid.Column="1"
                                            VerticalAlignment="Bottom"
                                            Click="BtnCopyCode_OnClick"
                                            Style="{StaticResource CopyButtonStyle}"
                                            Tag="{x:Bind Value}"
                                            d:ToolTipService.ToolTip="{core:Localizer Key=BtnCopyDev/[using:Windows.UI.Xaml.Controls]ToolTipService/ToolTip}">
                                            <FontIcon
                                                FontFamily="{ThemeResource SymbolThemeFontFamily}"
                                                FontSize="16"
                                                Glyph="&#xE8C8;" />
                                        </controls:UXButton>
                                    </Grid>
                                </DataTemplate>
                            </ItemsControl.ItemTemplate>
                        </ItemsControl>

                    </StackPanel>
                </Grid>
            </Grid>

        </Grid>



        <!--  Notification Presenter  -->
        <Grid
            x:Name="NotificationRoot"
            x:Load="False"
            Grid.RowSpan="4"
            Grid.ColumnSpan="10">
            <toolkit:InAppNotification x:Name="DefaultNotification" />
        </Grid>

        <!--  Stand-alone Loading Root  -->
        <muxc:ProgressRing
            x:Name="LoadingRing"
            Grid.Row="2"
            Grid.RowSpan="2"
            Grid.ColumnSpan="2"
            Width="50"
            Height="50"
            IsActive="False"
            IsTabStop="False" />

        <!--  Print Preview Container  -->
        <Border
            x:Name="PrintPresenter"
            x:DeferLoadStrategy="Lazy"
            Grid.RowSpan="10"
            Grid.ColumnSpan="10"
            Canvas.ZIndex="100"
            d:IsHidden="True" />

        <!--  Off-screen printer render container  -->
        <Canvas
            x:Name="PrintCanvas"
            Margin="-10000, -10000, 0, 0"
            d:IsHidden="True"
            d:Visibility="Collapsed" />

        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup x:Name="LoadingStates">
                <VisualState x:Name="FontsLoadingState">
                    <VisualState.StateTriggers>
                        <StateTrigger IsActive="{x:Bind ViewModel.IsLoading, Mode=OneWay}" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Target="MainUIGrid.Opacity" Value="0" />
                        <Setter Target="MainUIGrid.IsHitTestVisible" Value="False" />
                        <Setter Target="LoadingRing.IsActive" Value="True" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="FontsLoadedState" />
            </VisualStateGroup>
            <VisualStateGroup x:Name="FontStateGroup">
                <VisualState x:Name="NoFontState">
                    <VisualState.Setters>
                        <Setter Target="MainUIGrid.Visibility" Value="Collapsed" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="HasFontState" />
            </VisualStateGroup>
            <VisualStateGroup x:Name="SearchStatesGroup">
                <VisualState x:Name="InstantSearchState">
                    <VisualState.StateTriggers>
                        <StateTrigger IsActive="{x:Bind ViewModel.Settings.UseInstantSearch, Mode=OneWay}" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Target="SearchBox.QueryIcon" Value="{x:Null}" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="ManualSearchState">
                    <VisualState.StateTriggers>
                        <StateTrigger IsActive="{x:Bind core:Converters.False(ViewModel.Settings.UseInstantSearch), Mode=OneWay}" />
                    </VisualState.StateTriggers>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="MapDisplayStates">
                <VisualStateGroup.Transitions>
                    <VisualTransition
                        x:Name="GridToRampTransition"
                        GeneratedDuration="00:00:00"
                        From="CharacterMapState"
                        To="TypeRampState" />
                    <VisualTransition
                        x:Name="RampToGridTransition"
                        GeneratedDuration="00:00:00"
                        From="TypeRampState"
                        To="CharacterMapState">
                        <!--<Storyboard>
                            <DoubleAnimation
                                Storyboard.TargetName="SearchBox"
                                Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.TranslateY)"
                                From="-60"
                                To="0"
                                Duration="00:00:00.4000000">
                                <DoubleAnimation.EasingFunction>
                                    <BackEase Amplitude="0.8" EasingMode="EaseOut" />
                                </DoubleAnimation.EasingFunction>
                            </DoubleAnimation>
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="CharacterFilterButton" Storyboard.TargetProperty="(UIElement.Visibility)">
                                <DiscreteObjectKeyFrame KeyTime="00:00:00" Value="Visible" />
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>-->
                    </VisualTransition>
                </VisualStateGroup.Transitions>
                <VisualState x:Name="CharacterMapState">
                    <VisualState.Setters>
                        <!--<Setter Target="SwitchToTypeRampButton.Visibility" Value="Visible" />-->
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="TypeRampState">
                    <VisualState.Setters>
                        <Setter Target="MoreOptionsButton.Margin" Value="0 0 -8 0" />
                        <Setter Target="SearchBox.Visibility" Value="Collapsed" />
                        <Setter Target="CharacterFilterButton.Visibility" Value="Collapsed" />
                        <Setter Target="CharGridRoot.Visibility" Value="Collapsed" />
                        <Setter Target="SplitterContainerContent.Visibility" Value="Collapsed" />
                        <Setter Target="PreviewGridContent.Visibility" Value="Collapsed" />
                        <Setter Target="TypeRampRoot.Visibility" Value="Visible" />
                        <Setter Target="CharGridHeader.ColumnSpan" Value="3" />
                        <!--<Setter Target="SwitchToCharacterMapButton.Visibility" Value="Visible" />
                        <Setter Target="SwitchToTypeRampButton.Visibility" Value="Collapsed" />-->
                        <Setter Target="ViewToggleButton.(core:Properties.ToolTip)" Value="{core:Localizer Key='LblSwitchToCharMap/Text'}" />
                        <Setter Target="TypeRampHints.Visibility" Value="Collapsed" />
                        <!--  Popup menu options  -->
                        <Setter Target="IncreaseSizeButton.IsEnabled" Value="False" />
                        <Setter Target="DecreaseSizeButton.IsEnabled" Value="False" />
                        <!--  Don't disable this button, breaks the binding  -->
                        <Setter Target="ToggleCopyPaneButton.IsHitTestVisible" Value="False" />
                        <Setter Target="ToggleCopyPaneButton.Opacity" Value="0.4" />
                        <Setter Target="ToggleCopyPaneButton.IsTabStop" Value="False" />
                        <Setter Target="TogglePaneButton.IsHitTestVisible" Value="False" />
                        <Setter Target="TogglePaneButton.Opacity" Value="0.4" />
                        <Setter Target="TogglePaneButton.IsTabStop" Value="False" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="DevStates">
                <VisualState x:Name="DevNoneState">
                    <VisualState.Setters>
                        <Setter Target="ShowCodeIcon.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="DevXAMLState">
                    <VisualState.Setters>
                        <Setter Target="BtnToggleDev.Label" Value="XAML" />
                        <Setter Target="DevXamlIcon.Visibility" Value="Visible" />
                        <Setter Target="DevUtilsRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="DevCSharpState">
                    <VisualState.Setters>
                        <Setter Target="BtnToggleDev.Label" Value="C#" />
                        <Setter Target="DevCSharpIcon.Visibility" Value="Visible" />
                        <Setter Target="DevUtilsRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="DevCSharpWinUI3State">
                    <VisualState.Setters>
                        <Setter Target="BtnToggleDev.Label" Value="C# WU3" />
                        <Setter Target="DevCSharpIcon.Visibility" Value="Visible" />
                        <Setter Target="DevUtilsRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="DevVisualBasicState">
                    <VisualState.Setters>
                        <Setter Target="BtnToggleDev.Label" Value="VB" />
                        <Setter Target="DevVisualBasicIcon.Visibility" Value="Visible" />
                        <Setter Target="DevUtilsRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="DevCppCXState">
                    <VisualState.Setters>
                        <Setter Target="BtnToggleDev.Label" Value="CX" />
                        <Setter Target="DevCppIcon.Visibility" Value="Visible" />
                        <Setter Target="DevUtilsRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="DevCppWinRTState">
                    <VisualState.Setters>
                        <Setter Target="BtnToggleDev.Label" Value="WinRT" />
                        <Setter Target="DevCppIcon.Visibility" Value="Visible" />
                        <Setter Target="DevUtilsRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="DevCppWinRTWinUI3State">
                    <VisualState.Setters>
                        <Setter Target="BtnToggleDev.Label" Value="WinRT 3" />
                        <Setter Target="DevCppIcon.Visibility" Value="Visible" />
                        <Setter Target="DevUtilsRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="DevUnicodeState">
                    <VisualState.Setters>
                        <Setter Target="BtnToggleDev.Label" Value="Unicode" />
                        <Setter Target="DevUnicodeIcon.Visibility" Value="Visible" />
                        <Setter Target="DevUtilsRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="DevXamarinFormsState">
                    <VisualState.Setters>
                        <Setter Target="BtnToggleDev.Label" Value="Forms" />
                        <Setter Target="DevXamarinIcon.Visibility" Value="Visible" />
                        <Setter Target="DevUtilsRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="PreviewPaneStates">
                <VisualStateGroup.Transitions>
                    <VisualTransition
                        x:Name="PaneHideTransition"
                        From="PreviewPaneEnabledState"
                        To="PreviewPaneDisabledState" />
                    <VisualTransition
                        x:Name="PaneShowTransition"
                        From="PreviewPaneDisabledState"
                        To="PreviewPaneEnabledState" />
                </VisualStateGroup.Transitions>
                <VisualState x:Name="PreviewPaneEnabledState">
                    <VisualState.Setters>
                        <Setter Target="PreviewGrid.Visibility" Value="Visible" />
                        <Setter Target="SplitterContainer.Visibility" Value="Visible" />
                        <Setter Target="CharGridColumn.Width" Value="*" />
                        <!--<Setter Target="SplitterColumn.Width" Value="10" />-->
                        <Setter Target="PreviewColumn.Width" Value="{x:Bind ViewModel.Settings.LastColumnWidth, Mode=OneWay}" />
                        <Setter Target="PreviewColumn.MinWidth" Value="150" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="PreviewPaneDisabledState">
                    <VisualState.Setters>
                        <Setter Target="PreviewGrid.Visibility" Value="Collapsed" />
                        <Setter Target="SplitterContainer.Visibility" Value="Collapsed" />
                        <Setter Target="CharGridColumn.Width" Value="*" />
                        <!--<Setter Target="SplitterColumn.Width" Value="0" />-->
                        <Setter Target="PreviewColumn.Width" Value="0" />
                        <Setter Target="PreviewColumn.MinWidth" Value="0" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="CopySequenceStates">
                <VisualStateGroup.Transitions>
                    <VisualTransition
                        x:Name="CopyPaneHidingTransition"
                        From="CopySequenceEnabledState"
                        To="CopySequenceDisabledState" />
                    <VisualTransition
                        x:Name="CopyPaneShowingTransition"
                        From="CopySequenceDisabledState"
                        To="CopySequenceEnabledState" />
                </VisualStateGroup.Transitions>
                <VisualState x:Name="CopySequenceDisabledState" />
                <VisualState x:Name="CopySequenceEnabledState">
                    <VisualState.Setters>
                        <Setter Target="CopySequenceRoot.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="CompactOverlayStates">
                <VisualState x:Name="NonCompactState" />
                <VisualState x:Name="CompactOverlayState">
                    <VisualState.Setters>
                        <Setter Target="SearchBox.Width" Value="150" />
                        <Setter Target="CharGridHeader.Visibility" Value="Collapsed" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="OptionsStates">
                <VisualState x:Name="HasOptionsState">
                    <VisualState.StateTriggers>
                        <StateTrigger IsActive="{x:Bind ViewModel.HasFontOptions, FallbackValue=False, Mode=OneWay}" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Target="FontOptionsButton.Visibility" Value="Visible" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="VisualThemeState">
                <VisualState x:Name="FUIThemeState">
                    <VisualState.Setters>
                        <!--<Setter Target="CopySequenceRoot.CornerRadius" Value="8" />
                        <Setter Target="CopySequenceRoot.Margin" Value="8 0 8 8" />
                        <Setter Target="CopySequenceRoot.Background" Value="{ThemeResource CardBackgroundFillColorSecondaryBrush}" />-->
                        <!--<Setter Target="MoreSwitchView.(core:Properties.UseAttachedStates)" Value="True" />-->
                        <Setter Target="ViewToggleButton.(core:Properties.UseAttachedStates)" Value="True" />
                        <Setter Target="ViewRoot.(muxc:BackdropMaterial.ApplyToRootOrPageBackground)" Value="True" />
                        <Setter Target="BackgroundBorder.Visibility" Value="Collapsed" />
                        <Setter Target="CopyTopBorder.Visibility" Value="Collapsed" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="ClassicThemeState">
                    <VisualState.Setters>
                        <Setter Target="InfoHeader.RequestedTheme" Value="Light" />
                        <Setter Target="BackgroundBorder.Background" Value="{ThemeResource DefaultPageBackgroundBrush}" />
                        <Setter Target="DevUtilsRoot.Margin" Value="0 0 0 8" />
                        <Setter Target="CharGridRoot.Margin" Value="0 0 8 0" />
                        <Setter Target="WeightSelector.ContentSpacing" Value="4" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="ZuneThemeState">
                    <VisualState.Setters>
                        <Setter Target="InfoHeader.RequestedTheme" Value="Light" />
                        <Setter Target="OptionsList.FontWeight" Value="SemiBold" />
                        <Setter Target="SelectorLabel.IsHitTestVisible" Value="False" />
                        <Setter Target="SelectorLabel.FontSize" Value="11" />
                        <Setter Target="SelectorLabel.FontWeight" Value="SemiBold" />
                        <Setter Target="WeightSelector.FontWeight" Value="SemiBold" />
                        <Setter Target="SearchContainer.Margin" Value="0 8 0 -8" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="ViewStates">
                <VisualState x:Name="ChildViewState" />
                <VisualState x:Name="StandaloneViewState">
                    <VisualState.Setters>
                        <Setter Target="BackgroundBorder.Background" Value="{ThemeResource DefaultPageBackgroundBrush}" />
                        <Setter Target="SearchContainer.Margin" Value="0 6 0 0" />
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="TitleStates">
                <VisualState x:Name="HideTitleState">
                    <VisualState.StateTriggers>
                        <StateTrigger IsActive="{x:Bind HideTitle, Mode=OneWay}" />
                    </VisualState.StateTriggers>
                    <VisualState.Setters>
                        <Setter Target="TitleRow.Height" Value="0" />
                        <Setter Target="TitleRowSpacer.Visibility" Value="Collapsed" />
                        <Setter Target="FontTitleBlock.Visibility" Value="Collapsed" />
                        <Setter Target="SearchBox.Visibility" Value="Visible" />
                        <Setter Target="SearchContainer.Visibility" Value="Visible" />
                        <!--<Setter Target="RightPresenter.Visibility" Value="Collapsed" />-->
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
            <VisualStateGroup x:Name="CharacterMapStates">
                <VisualState x:Name="GroupListState">
                    <VisualState.Setters>
                        <Setter Target="CharGrid.Padding" Value="10 -20 6 10" />
                    </VisualState.Setters>
                </VisualState>
                <VisualState x:Name="FlatListState">
                    <VisualState.Setters>
                        <!--<Setter Target="CharGrid.ItemsSource" Value="{StaticResource CharBinding}" />-->
                    </VisualState.Setters>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
    </Grid>

</views:ViewBase>
