Implement parent culture fallback for OverrideLocaleResources

Co-authored-by: rabbitism <14807942+rabbitism@users.noreply.github.com>

demo/Directory.Build.props

@@ -1,7 +1,7 @@
 <Project>
     <PropertyGroup>
-        <AvaloniaVersion>11.3.7</AvaloniaVersion>
+        <AvaloniaVersion>11.3.0</AvaloniaVersion>
-        <DataGridVersion>11.3.7</DataGridVersion>
+        <DataGridVersion>11.3.0</DataGridVersion>
         <CommunityToolkitVersion>8.4.0</CommunityToolkitVersion>
     </PropertyGroup>
 </Project>

demo/Semi.Avalonia.Demo.Android/Semi.Avalonia.Demo.Android.csproj

@@ -14,7 +14,9 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <AndroidResource Include="Icon.png" Link="Resources\drawable\Icon.png"/>
+        <AndroidResource Include="Icon.png">
+            <Link>Resources\drawable\Icon.png</Link>
+        </AndroidResource>
     </ItemGroup>
 
     <ItemGroup>

demo/Semi.Avalonia.Demo.Desktop/Semi.Avalonia.Demo.Desktop.csproj

@@ -4,7 +4,6 @@
         <TargetFramework>net8.0</TargetFramework>
         <Nullable>enable</Nullable>
         <BuiltInComInteropSupport>true</BuiltInComInteropSupport>
-        <ApplicationIcon>..\Semi.Avalonia.Demo\Assets\irihi.ico</ApplicationIcon>
         <!-- Uncomment below to enable Native AOT compilation-->
         <!--<PublishAot>true</PublishAot>-->
     </PropertyGroup>

demo/Semi.Avalonia.Demo.Drm/Semi.Avalonia.Demo.Drm.csproj

@@ -4,7 +4,6 @@
         <TargetFramework>net8.0</TargetFramework>
         <Nullable>enable</Nullable>
         <BuiltInComInteropSupport>true</BuiltInComInteropSupport>
-        <ApplicationIcon>..\Semi.Avalonia.Demo\Assets\irihi.ico</ApplicationIcon>
         <!-- Uncomment below to enable Native AOT compilation-->
         <!--<PublishAot>true</PublishAot>-->
     </PropertyGroup>

demo/Semi.Avalonia.Demo/App.axaml

@@ -1,11 +1,11 @@
 <Application
-    Name="Semi Avalonia Demo"
     x:Class="Semi.Avalonia.Demo.App"
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True"
+    x:DataType="viewModels:ApplicationViewModel"
     xmlns:semi="https://irihi.tech/semi"
-    xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels"
+    xmlns:viewModels="clr-namespace:Semi.Avalonia.Demo.ViewModels">
-    x:DataType="vm:ApplicationViewModel">
     <Application.Styles>
         <semi:SemiTheme Locale="zh-CN" />
         <semi:SemiPopupAnimations />
@@ -20,30 +20,12 @@
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </Application.Resources>
-    <NativeMenu.Menu>
-        <NativeMenu>
-            <NativeMenuItem
-                Header="About Us"
-                Command="{Binding JumpToCommand}"
-                CommandParameter="{Binding $self.Header}" />
-        </NativeMenu>
-    </NativeMenu.Menu>
     <TrayIcon.Icons>
         <TrayIcons>
-            <TrayIcon
+            <TrayIcon Icon="/Assets/irihi.ico" MacOSProperties.IsTemplateIcon="true" ToolTipText="Semi Avalonia Demo">
-                Icon="{OnPlatform Default=/Assets/irihi.ico, macOS=/Assets/irihi2.ico}"
-                MacOSProperties.IsTemplateIcon="true"
-                Command="{Binding ActivateCommand}"
-                ToolTipText="Semi Avalonia Demo">
                 <TrayIcon.Menu>
                     <NativeMenu>
-                        <NativeMenuItem
+                        <NativeMenuItem Header="Exit" Command="{Binding ExitCommand}" />
-                            Header="About Us"
-                            Command="{Binding JumpToCommand}"
-                            CommandParameter="{Binding $self.Header}" />
-                        <NativeMenuItem
-                            Header="Exit"
-                            Command="{Binding ExitCommand}" />
                     </NativeMenu>
                 </TrayIcon.Menu>
             </TrayIcon>

demo/Semi.Avalonia.Demo/Pages/AboutUs.axaml

@@ -8,6 +8,7 @@
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels"
     x:DataType="vm:AboutUsViewModel"
+    x:CompileBindings="True"
     d:DesignHeight="450"
     d:DesignWidth="800"
     mc:Ignorable="d">

demo/Semi.Avalonia.Demo/Pages/AutoCompleteBoxDemo.axaml

@@ -7,6 +7,7 @@
     xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels"
     d:DesignHeight="450"
     d:DesignWidth="800"
+    x:CompileBindings="False"
     x:DataType="vm:AutoCompleteBoxDemoViewModel"
     mc:Ignorable="d">
     <Design.DataContext>
@@ -29,40 +30,40 @@
 
         <AutoCompleteBox
             Watermark="Please select a State"
-            ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+            ValueMemberBinding="{Binding Name}" />
         <AutoCompleteBox
             Classes="Large"
-            ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+            ValueMemberBinding="{ReflectionBinding Name}" />
         <AutoCompleteBox
             Classes="Small"
-            ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+            ValueMemberBinding="{ReflectionBinding Name}" />
         <AutoCompleteBox
             Classes="Bordered"
-            ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+            ValueMemberBinding="{ReflectionBinding Name}" />
         <AutoCompleteBox
             IsEnabled="False"
             Watermark="Disabled"
-            ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+            ValueMemberBinding="{ReflectionBinding Name}" />
         <AutoCompleteBox
             InnerLeftContent="https://"
             InnerRightContent=".com"
-            ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+            ValueMemberBinding="{ReflectionBinding Name}" />
 
         <StackPanel Orientation="Horizontal">
             <AutoCompleteBox
                 Width="100"
                 Classes="Large"
                 Watermark="Large"
-                ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+                ValueMemberBinding="{ReflectionBinding Name}" />
             <AutoCompleteBox
                 Width="100"
                 Watermark="Default"
-                ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+                ValueMemberBinding="{ReflectionBinding Name}" />
             <AutoCompleteBox
                 Width="100"
                 Classes="Small"
                 Watermark="Small"
-                ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+                ValueMemberBinding="{ReflectionBinding Name}" />
         </StackPanel>
 
         <StackPanel Orientation="Horizontal">
@@ -70,17 +71,17 @@
                 Width="100"
                 IsEnabled="False"
                 Watermark="Disabled"
-                ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+                ValueMemberBinding="{ReflectionBinding Name}" />
             <AutoCompleteBox
                 Width="100"
                 Classes="Bordered"
                 Watermark="Bordered"
-                ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+                ValueMemberBinding="{ReflectionBinding Name}" />
             <AutoCompleteBox
                 Width="100"
                 Classes="Bordered"
                 IsEnabled="False"
-                ValueMemberBinding="{Binding Name,DataType=vm:StateData}" />
+                ValueMemberBinding="{ReflectionBinding Name}" />
         </StackPanel>
 
     </StackPanel>

demo/Semi.Avalonia.Demo/Pages/ButtonSpinnerDemo.axaml

@@ -8,10 +8,6 @@
     d:DesignWidth="800"
     mc:Ignorable="d">
     <StackPanel HorizontalAlignment="Left" Spacing="20">
-        <StackPanel Orientation="Horizontal">
-            <ToggleSwitch Name="showSpinCheck" IsChecked="True" Content="Show Button Spinner" />
-            <ToggleSwitch Name="allowSpinCheck" IsChecked="True" Content="Allow Spin" />
-        </StackPanel>
         <ButtonSpinner
             Height="30"
             AllowSpin="{Binding #allowSpinCheck.IsChecked}"

demo/Semi.Avalonia.Demo/Pages/ComboBoxDemo.axaml

@@ -7,51 +7,46 @@
     xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels"
     d:DesignHeight="800"
     d:DesignWidth="800"
-    mc:Ignorable="d"
+    mc:Ignorable="d">
-    x:DataType="vm:ComboBoxDemoViewModel">
     <Design.DataContext>
         <vm:ComboBoxDemoViewModel />
     </Design.DataContext>
-    <ScrollViewer>
+    <StackPanel Spacing="20">
-        <StackPanel Spacing="20">
+        <StackPanel.Styles>
-            <StackPanel.Styles>
+            <Style Selector="ComboBox">
-                <Style Selector="ComboBox">
+                <Setter Property="Width" Value="300" />
-                    <Setter Property="Width" Value="300" />
+                <Setter Property="ItemsSource" Value="{Binding Items}" />
-                    <Setter Property="ItemsSource" Value="{Binding Items}" />
+            </Style>
-                </Style>
+        </StackPanel.Styles>
-            </StackPanel.Styles>
 
-            <ComboBox />
+        <ComboBox />
-            <ComboBox Classes="ClearButton" />
+        <ComboBox Classes="ClearButton" />
-            <ComboBox PlaceholderText="Please Select" />
+        <ComboBox PlaceholderText="Please Select" />
-            <ComboBox IsEnabled="False" />
+        <ComboBox IsEnabled="False" />
-            <ComboBox Classes="Large" IsEnabled="False" />
+        <ComboBox Classes="Large" IsEnabled="False" />
-            <ComboBox Classes="Small" />
+        <ComboBox Classes="Small" />
-            <ComboBox Classes="Bordered" />
+        <ComboBox Classes="Bordered" />
-            <ComboBox Classes="Bordered" IsEnabled="False" />
+        <ComboBox Classes="Bordered" IsEnabled="False" />
-            <ComboBox>
+        <ComboBox>
-                <ComboBox.SelectionBoxItemTemplate>
+            <ComboBox.SelectionBoxItemTemplate>
-                    <DataTemplate DataType="x:String">
+                <DataTemplate DataType="x:String">
-                        <ContentControl BorderThickness="1"
+                    <ContentControl BorderThickness="1"
-                                        BorderBrush="Gold"
+                                    BorderBrush="Gold"
-                                        Content="{Binding}" />
+                                    Content="{Binding}" />
-                    </DataTemplate>
+                </DataTemplate>
-                </ComboBox.SelectionBoxItemTemplate>
+            </ComboBox.SelectionBoxItemTemplate>
-            </ComboBox>
+        </ComboBox>
 
-            <StackPanel Orientation="Horizontal">
+        <StackPanel Orientation="Horizontal">
-                <ComboBox Width="100" Classes="Large" PlaceholderText="Large" />
+            <ComboBox Width="100" Classes="Large" PlaceholderText="Large" />
-                <ComboBox Width="100" PlaceholderText="Default" />
+            <ComboBox Width="100" PlaceholderText="Default" />
-                <ComboBox Width="100" Classes="Small" PlaceholderText="Small" />
+            <ComboBox Width="100" Classes="Small" PlaceholderText="Small" />
-            </StackPanel>
-
-            <StackPanel Orientation="Horizontal">
-                <ComboBox Width="100" IsEnabled="False" PlaceholderText="Disabled" />
-                <ComboBox Width="100" Classes="Bordered" PlaceholderText="Bordered" />
-                <ComboBox Width="100" Classes="Bordered" IsEnabled="False" />
-            </StackPanel>
-            <ToggleSwitch Name="toggle" IsChecked="True" Content="IsEditable" />
-            <ComboBox IsEditable="{Binding #toggle.IsChecked}" />
         </StackPanel>
-    </ScrollViewer>
+
+        <StackPanel Orientation="Horizontal">
+            <ComboBox Width="100" IsEnabled="False" PlaceholderText="Disabled" />
+            <ComboBox Width="100" Classes="Bordered" PlaceholderText="Bordered" />
+            <ComboBox Width="100" Classes="Bordered" IsEnabled="False" />
+        </StackPanel>
+    </StackPanel>
 </UserControl>

demo/Semi.Avalonia.Demo/Pages/DataGridDemo.axaml

@@ -7,6 +7,7 @@
     xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels;assembly=Semi.Avalonia.Demo"
     d:DesignHeight="450"
     d:DesignWidth="800"
+    x:CompileBindings="True"
     x:DataType="vm:DataGridDemoViewModel"
     mc:Ignorable="d">
     <TabControl>

demo/Semi.Avalonia.Demo/Pages/HighContrastDemo.axaml

@@ -8,6 +8,7 @@
              xmlns:pages="clr-namespace:Semi.Avalonia.Demo.Pages"
              mc:Ignorable="d" d:DesignWidth="1000" d:DesignHeight="1450"
              x:DataType="vm:HighContrastDemoViewModel"
+             x:CompileBindings="True"
              x:Class="Semi.Avalonia.Demo.Pages.HighContrastDemo">
     <Design.DataContext>
         <vm:HighContrastDemoViewModel />

demo/Semi.Avalonia.Demo/Pages/NotificationDemo.axaml.cs

@@ -27,8 +27,7 @@ public partial class NotificationDemo : UserControl
         if (sender is RadioButton b && b.Content is string s)
         {
             Enum.TryParse<NotificationPosition>(s, out var t);
-            if (_manager is not null)
+            _manager.Position = t;
-                _manager.Position = t;
         }
     }
 

demo/Semi.Avalonia.Demo/Pages/Overview.axaml.cs

@@ -9,7 +9,7 @@ public partial class Overview : UserControl
         InitializeComponent();
     }
 
-    public string MainInstall { get; set; } = "dotnet add package Semi.Avalonia";
+    public string MainInstall { get; set; } = "dotnet add package Semi.Avalonia --version 11.2.1.9";
 
     public string MainStyle { get; set; } =
         """
@@ -18,7 +18,7 @@ public partial class Overview : UserControl
         </Application.Styles>
         """;
 
-    public string ColorPickerInstall { get; set; } = "dotnet add package Semi.Avalonia.ColorPicker";
+    public string ColorPickerInstall { get; set; } = "dotnet add package Semi.Avalonia.ColorPicker --version 11.2.1.9";
 
     public string ColorPickerStyle { get; set; } =
         """
@@ -27,7 +27,7 @@ public partial class Overview : UserControl
         </Application.Styles>
         """;
 
-    public string DataGridInstall { get; set; } = "dotnet add package Semi.Avalonia.DataGrid";
+    public string DataGridInstall { get; set; } = "dotnet add package Semi.Avalonia.DataGrid --version 11.2.1.9";
 
     public string DataGridStyle { get; set; } =
         """
@@ -36,7 +36,7 @@ public partial class Overview : UserControl
         </Application.Styles>
         """;
 
-    public string TreeDataGridInstall { get; set; } = "dotnet add package Semi.Avalonia.TreeDataGrid";
+    public string TreeDataGridInstall { get; set; } = "dotnet add package Semi.Avalonia.TreeDataGrid --version 11.0.10.4";
 
     public string TreeDataGridStyle { get; set; } =
         """
@@ -45,7 +45,7 @@ public partial class Overview : UserControl
         </Application.Styles>
         """;
 
-    public string DockInstall { get; set; } = "dotnet add package Semi.Avalonia.Dock";
+    public string DockInstall { get; set; } = "dotnet add package Semi.Avalonia.Dock --version 11.3.0";
 
     public string DockStyle { get; set; } =
         """
@@ -54,7 +54,7 @@ public partial class Overview : UserControl
         </Application.Styles>
         """;
 
-    public string TabaloniaInstall { get; set; } = "dotnet add package Semi.Avalonia.Tabalonia";
+    public string TabaloniaInstall { get; set; } = "dotnet add package Semi.Avalonia.Tabalonia --version 11.0.0-beta1";
 
     public string TabaloniaStyle { get; set; } =
         """
@@ -63,7 +63,7 @@ public partial class Overview : UserControl
         </Application.Styles>
         """;
 
-    public string AvaloniaEditInstall { get; set; } = "dotnet add package Semi.Avalonia.AvaloniaEdit";
+    public string AvaloniaEditInstall { get; set; } = "dotnet add package Semi.Avalonia.AvaloniaEdit --version 11.2.0";
 
     public string AvaloniaEditStyle { get; set; } =
         """

demo/Semi.Avalonia.Demo/Pages/PaletteDemo.axaml

@@ -8,6 +8,7 @@
     xmlns:viewModels="clr-namespace:Semi.Avalonia.Demo.ViewModels"
     d:DesignHeight="450"
     d:DesignWidth="800"
+    x:CompileBindings="True"
     x:DataType="viewModels:PaletteDemoViewModel"
     mc:Ignorable="d">
     <Design.DataContext>

demo/Semi.Avalonia.Demo/Pages/RefreshContainerDemo.axaml

@@ -8,6 +8,7 @@
     d:DesignHeight="450"
     d:DesignWidth="800"
     x:DataType="vm:RefreshContainerDemoViewModel"
+    x:CompileBindings="True"
     mc:Ignorable="d">
     <DockPanel HorizontalAlignment="Stretch" VerticalAlignment="Top">
         <Label DockPanel.Dock="Top">A control that supports pull to refresh</Label>

demo/Semi.Avalonia.Demo/Pages/SplitViewDemo.axaml

@@ -7,187 +7,276 @@
     xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels"
     d:DesignHeight="1000"
     d:DesignWidth="800"
-    x:DataType="vm:SplitViewDemoViewModel"
     mc:Ignorable="d">
     <Design.DataContext>
         <vm:SplitViewDemoViewModel />
     </Design.DataContext>
     <Border>
         <Grid ColumnDefinitions="*,400">
-            <Border
+            <Border Grid.Column="1" VerticalAlignment="Top" Margin="10 0 0 0">
-                Grid.Column="1"
+                <Grid RowDefinitions="*, *, *, *, *, *" ColumnDefinitions="Auto, *">
-                Margin="10,0,0,0"
-                VerticalAlignment="Top">
-                <Grid ColumnDefinitions="Auto, *" RowDefinitions="*, *, *, *, *, *">
                     <Label
-                        Grid.Row="0"
+                        Grid.Row="0" Grid.Column="0"
-                        Grid.Column="0"
                         VerticalAlignment="Center"
                         Content="IsPaneOpen" />
                     <ToggleSwitch
-                        Name="PaneOpenButton"
+                        Grid.Row="0" Grid.Column="1"
-                        Grid.Row="0"
+                        Name="PaneOpenButton" />
-                        Grid.Column="1" />
 
                     <Label
-                        Grid.Row="1"
+                        Grid.Row="1" Grid.Column="0"
-                        Grid.Column="0"
                         VerticalAlignment="Center"
                         Content="UseLightDismissOverlayMode" />
                     <ToggleSwitch
-                        Name="UseLightDismissOverlayModeButton"
+                        Grid.Row="1" Grid.Column="1"
-                        Grid.Row="1"
+                        Name="UseLightDismissOverlayModeButton" />
-                        Grid.Column="1" />
 
                     <Label
-                        Grid.Row="2"
+                        Grid.Row="2" Grid.Column="0"
-                        Grid.Column="0"
                         VerticalAlignment="Center"
                         Content="Placement" />
-                    <ComboBox 
+                    <ToggleSwitch
-                        Grid.Row="2" 
+                        Grid.Row="2" Grid.Column="1"
-                        Grid.Column="1" 
+                        Name="PanePlacementButton"
-                        Name="PanelPlacementSelector"
+                        OffContent="Left"
-                        HorizontalAlignment="Stretch"
+                        OnContent="Right" />
-                        ItemsSource="{x:Static vm:SplitViewDemoViewModel.Placements}"
+
-                        SelectedItem="{x:Static SplitViewPanePlacement.Left}"
-                        />
                     <Label
-                        Grid.Row="3"
+                        Grid.Row="3" Grid.Column="0"
-                        Grid.Column="0"
                         VerticalAlignment="Center"
                         Content="DisplayMode" />
                     <ComboBox
+                        Grid.Row="3" Grid.Column="1"
                         Name="DisplayModeSelector"
-                        Grid.Row="3"
-                        Grid.Column="1"
                         HorizontalAlignment="Stretch"
                         ItemsSource="{x:Static vm:SplitViewDemoViewModel.DisplayModes}"
                         SelectedItem="{x:Static SplitViewDisplayMode.CompactInline}" />
 
                     <Label
-                        Grid.Row="4"
+                        Grid.Row="4" Grid.Column="0"
-                        Grid.Column="0"
                         VerticalAlignment="Center"
                         Content="{Binding #CompactPaneLengthSlider.Value, StringFormat='{}CompactPaneLength: {0}'}" />
                     <Slider
+                        Grid.Row="4" Grid.Column="1"
                         Name="CompactPaneLengthSlider"
-                        Grid.Row="4"
-                        Grid.Column="1"
-                        IsSnapToTickEnabled="True"
                         Maximum="128"
                         Minimum="0"
                         TickFrequency="1"
+                        IsSnapToTickEnabled="True"
                         Value="48" />
 
                     <Label
-                        Grid.Row="5"
+                        Grid.Row="5" Grid.Column="0"
-                        Grid.Column="0"
                         VerticalAlignment="Center"
-                        Content="{Binding #OpenPaneLengthSlider.Value, StringFormat='{}OpenPaneLength: {0}'}" />
+                        Content="{Binding #OpenPaneLengthSlider.Value,StringFormat='{}OpenPaneLength: {0}'}" />
                     <Slider
+                        Grid.Row="5" Grid.Column="1"
                         Name="OpenPaneLengthSlider"
-                        Grid.Row="5"
-                        Grid.Column="1"
-                        IsSnapToTickEnabled="True"
                         Maximum="500"
                         Minimum="128"
                         TickFrequency="1"
+                        IsSnapToTickEnabled="True"
                         Value="256" />
                 </Grid>
             </Border>
-            <SplitView
+            <TabControl Grid.Column="0">
-                Grid.Column="0"
+                <TabItem Header="Default">
-                Name="SplitView"
+                    <Border
-                CompactPaneLength="{Binding #CompactPaneLengthSlider.Value}"
+                        BorderBrush="{DynamicResource SemiGrey1}"
-                DisplayMode="{Binding #DisplayModeSelector.SelectedItem}"
+                        BorderThickness="1">
-                IsPaneOpen="{Binding #PaneOpenButton.IsChecked, Mode=TwoWay}"
+                        <SplitView
-                OpenPaneLength="{Binding #OpenPaneLengthSlider.Value}"
+                            Name="SplitView"
-                PanePlacement="{Binding #PanelPlacementSelector.SelectedItem}"
+                            IsPaneOpen="{Binding #PaneOpenButton.IsChecked,Mode=TwoWay}"
-                UseLightDismissOverlayMode="{Binding #UseLightDismissOverlayModeButton.IsChecked}">
+                            UseLightDismissOverlayMode="{Binding #UseLightDismissOverlayModeButton.IsChecked}"
-                <SplitView.Background>
+                            PanePlacement="{Binding #PanePlacementButton.IsChecked}"
-                    <LinearGradientBrush StartPoint="0%,0%" EndPoint="0%,100%">
+                            DisplayMode="{Binding #DisplayModeSelector.SelectedItem}"
-                        <GradientStop Offset="0" Color="#6b4c1b" />
+                            CompactPaneLength="{Binding #CompactPaneLengthSlider.Value}"
-                        <GradientStop Offset="1" Color="#291e10" />
+                            OpenPaneLength="{Binding #OpenPaneLengthSlider.Value}">
-                    </LinearGradientBrush>
+                            <SplitView.Background>
-                </SplitView.Background>
+                                <LinearGradientBrush StartPoint="0%,0%" EndPoint="0%,100%">
-                <SplitView.Pane>
+                                    <GradientStop Color="#6b4c1b" Offset="0" />
-                    <Grid RowDefinitions="Auto,*,Auto">
+                                    <GradientStop Color="#291e10" Offset="1" />
-                        <StackPanel Grid.Row="0" Orientation="Horizontal" Margin="8 12">
+                                </LinearGradientBrush>
-                            <ToggleSwitch
+                            </SplitView.Background>
-                                Content="{StaticResource SemiIconSidebar}"
+                            <SplitView.Pane>
-                                IsChecked="{Binding #SplitView.IsPaneOpen}"
+                                <Grid RowDefinitions="Auto,*,Auto">
-                                Theme="{DynamicResource IconBorderlessToggleSwitch}" />
+                                    <TextBlock
-                            <TextBlock
+                                        Grid.Row="0"
-                                Name="PaneHeader"
+                                        Name="PaneHeader"
-                                VerticalAlignment="Center"
+                                        Margin="8,12"
-                                Margin="8 0"
+                                        FontWeight="Bold"
-                                FontWeight="Bold"
+                                        Text="Playlist" />
-                                Text="Playlist" />
+                                    <ListBox
-                        </StackPanel>
+                                        Grid.Row="1"
-                        
+                                        ItemsSource="{Binding Songs}" />
-                        <ListBox Grid.Row="1" ItemsSource="{Binding Songs}" />
+                                    <ToggleSwitch
-                        
+                                        Grid.Row="2"
-                    </Grid>
+                                        Theme="{DynamicResource IconBorderlessToggleSwitch}"
-                </SplitView.Pane>
+                                        Content="{StaticResource SemiIconSidebar}"
+                                        HorizontalAlignment="Left"
+                                        IsChecked="{Binding #SplitView.IsPaneOpen}" />
+                                </Grid>
+                            </SplitView.Pane>
 
-                <Panel>
+                            <Panel>
-                    <Panel.Styles>
+                                <Panel.Styles>
-                        <Style Selector="Image#AlbumCover">
+                                    <Style Selector="Image#AlbumCover">
-                            <Style.Animations>
+                                        <Style.Animations>
-                                <Animation IterationCount="Infinite" Duration="0:0:40">
+                                            <Animation IterationCount="Infinite" Duration="0:0:40">
-                                    <KeyFrame Cue="0%">
+                                                <KeyFrame Cue="0%">
-                                        <Setter Property="RotateTransform.Angle" Value="0" />
+                                                    <Setter Property="RotateTransform.Angle" Value="0" />
-                                    </KeyFrame>
+                                                </KeyFrame>
-                                    <KeyFrame Cue="100%">
+                                                <KeyFrame Cue="100%">
-                                        <Setter Property="RotateTransform.Angle" Value="360" />
+                                                    <Setter Property="RotateTransform.Angle" Value="360" />
-                                    </KeyFrame>
+                                                </KeyFrame>
-                                </Animation>
+                                            </Animation>
-                            </Style.Animations>
+                                        </Style.Animations>
-                        </Style>
+                                    </Style>
-                    </Panel.Styles>
+                                </Panel.Styles>
-                    <Image
+                                <Image
-                        Name="AlbumCover"
+                                    Source="/Assets/WORLD.png"
-                        Width="200"
+                                    Name="AlbumCover"
-                        Height="200"
+                                    Width="200"
-                        Source="/Assets/WORLD.png" />
+                                    Height="200" />
-                    <Arc
+                                <Arc
-                        Width="290"
+                                    Width="290"
-                        Height="290"
+                                    Height="290"
-                        StartAngle="0"
+                                    StartAngle="0"
-                        StrokeJoin="Round"
+                                    SweepAngle="360"
-                        StrokeLineCap="Round"
+                                    StrokeJoin="Round"
-                        StrokeThickness="45"
+                                    StrokeLineCap="Round"
-                        SweepAngle="360">
+                                    StrokeThickness="45">
-                        <Arc.Stroke>
+                                    <Arc.Stroke>
-                            <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,0%">
+                                        <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,0%">
-                                <GradientStop Offset="0" Color="#010101" />
+                                            <GradientStop Color="#010101" Offset="0" />
-                                <GradientStop Offset="0.5" Color="#363636" />
+                                            <GradientStop Color="#363636" Offset="0.5" />
-                                <GradientStop Offset="1" Color="#010101" />
+                                            <GradientStop Color="#010101" Offset="1" />
-                            </LinearGradientBrush>
+                                        </LinearGradientBrush>
-                        </Arc.Stroke>
+                                    </Arc.Stroke>
-                    </Arc>
+                                </Arc>
-                    <Arc
+                                <Arc
-                        Width="294"
+                                    Width="294"
-                        Height="294"
+                                    Height="294"
-                        StartAngle="0"
+                                    StartAngle="0"
-                        Stroke="Black"
+                                    SweepAngle="360"
-                        StrokeJoin="Round"
+                                    StrokeJoin="Round"
-                        StrokeLineCap="Round"
+                                    StrokeLineCap="Round"
-                        StrokeThickness="4"
+                                    StrokeThickness="4"
-                        SweepAngle="360" />
+                                    Stroke="Black" />
-                    <Arc
+                                <Arc
-                        Width="310"
+                                    Width="310"
-                        Height="310"
+                                    Height="310"
-                        Opacity="0.1"
+                                    StartAngle="0"
-                        StartAngle="0"
+                                    SweepAngle="360"
-                        Stroke="#C6CACD"
+                                    StrokeJoin="Round"
-                        StrokeJoin="Round"
+                                    StrokeLineCap="Round"
-                        StrokeLineCap="Round"
+                                    StrokeThickness="10"
-                        StrokeThickness="10"
+                                    Stroke="#C6CACD"
-                        SweepAngle="360" />
+                                    Opacity="0.1" />
-                </Panel>
+                            </Panel>
-            </SplitView>
+
+                        </SplitView>
+                    </Border>
+                </TabItem>
+                <TabItem Header="VerticalSplitView">
+                    <Border
+                        BorderBrush="{DynamicResource SemiGrey1}"
+                        BorderThickness="1">
+                        <SplitView
+                            Name="SplitView2"
+                            Theme="{DynamicResource VerticalSplitView}"
+                            IsPaneOpen="{Binding #PaneOpenButton.IsChecked,Mode=TwoWay}"
+                            UseLightDismissOverlayMode="{Binding #UseLightDismissOverlayModeButton.IsChecked}"
+                            PanePlacement="{Binding #PanePlacementButton.IsChecked}"
+                            DisplayMode="{Binding #DisplayModeSelector.SelectedItem}"
+                            CompactPaneLength="{Binding #CompactPaneLengthSlider.Value}"
+                            OpenPaneLength="{Binding #OpenPaneLengthSlider.Value}">
+                            <SplitView.Background>
+                                <LinearGradientBrush StartPoint="0%,0%" EndPoint="0%,100%">
+                                    <GradientStop Color="#6b4c1b" Offset="0" />
+                                    <GradientStop Color="#291e10" Offset="1" />
+                                </LinearGradientBrush>
+                            </SplitView.Background>
+                            <SplitView.Pane>
+                                <Grid RowDefinitions="Auto,Auto,*">
+                                    <ToggleSwitch
+                                        Grid.Row="0"
+                                        Theme="{DynamicResource IconBorderlessToggleSwitch}"
+                                        Content="{StaticResource SemiIconSidebar}"
+                                        HorizontalAlignment="Left"
+                                        IsChecked="{Binding #SplitView2.IsPaneOpen}" />
+                                    <TextBlock
+                                        Grid.Row="1"
+                                        Margin="8,12"
+                                        FontWeight="Bold"
+                                        Text="Playlist" />
+                                    <ListBox
+                                        Grid.Row="2"
+                                        ItemsSource="{Binding Songs}" />
+                                </Grid>
+                            </SplitView.Pane>
+
+                            <Panel>
+                                <Panel.Styles>
+                                    <Style Selector="Image#AlbumCover2">
+                                        <Style.Animations>
+                                            <Animation IterationCount="Infinite" Duration="0:0:40">
+                                                <KeyFrame Cue="0%">
+                                                    <Setter Property="RotateTransform.Angle" Value="0" />
+                                                </KeyFrame>
+                                                <KeyFrame Cue="100%">
+                                                    <Setter Property="RotateTransform.Angle" Value="360" />
+                                                </KeyFrame>
+                                            </Animation>
+                                        </Style.Animations>
+                                    </Style>
+                                </Panel.Styles>
+                                <Image
+                                    Source="/Assets/WORLD.png"
+                                    Name="AlbumCover2"
+                                    Width="200"
+                                    Height="200" />
+                                <Arc
+                                    Width="290"
+                                    Height="290"
+                                    StartAngle="0"
+                                    SweepAngle="360"
+                                    StrokeJoin="Round"
+                                    StrokeLineCap="Round"
+                                    StrokeThickness="45">
+                                    <Arc.Stroke>
+                                        <LinearGradientBrush StartPoint="0%,0%" EndPoint="100%,0%">
+                                            <GradientStop Color="#010101" Offset="0" />
+                                            <GradientStop Color="#363636" Offset="0.5" />
+                                            <GradientStop Color="#010101" Offset="1" />
+                                        </LinearGradientBrush>
+                                    </Arc.Stroke>
+                                </Arc>
+                                <Arc
+                                    Width="294"
+                                    Height="294"
+                                    StartAngle="0"
+                                    SweepAngle="360"
+                                    StrokeJoin="Round"
+                                    StrokeLineCap="Round"
+                                    StrokeThickness="4"
+                                    Stroke="Black" />
+                                <Arc
+                                    Width="310"
+                                    Height="310"
+                                    StartAngle="0"
+                                    SweepAngle="360"
+                                    StrokeJoin="Round"
+                                    StrokeLineCap="Round"
+                                    StrokeThickness="10"
+                                    Stroke="#C6CACD"
+                                    Opacity="0.1" />
+                            </Panel>
+
+                        </SplitView>
+                    </Border>
+                </TabItem>
+            </TabControl>
         </Grid>
     </Border>
 </UserControl>

demo/Semi.Avalonia.Demo/Pages/TabControlDemo.axaml

@@ -7,6 +7,7 @@
     xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels;assembly=Semi.Avalonia.Demo"
     d:DesignHeight="450"
     d:DesignWidth="800"
+    x:CompileBindings="True"
     x:DataType="vm:TabControlDemoViewModel"
     mc:Ignorable="d">
     <ScrollViewer>

demo/Semi.Avalonia.Demo/Pages/TabStripDemo.axaml

@@ -5,6 +5,7 @@
              xmlns:vm="clr-namespace:Semi.Avalonia.Demo.ViewModels"
              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
              x:Class="Semi.Avalonia.Demo.Pages.TabStripDemo"
+             x:CompileBindings="True"
              x:DataType="vm:TabStripDemoViewModel">
     <Design.DataContext>
         <vm:TabStripDemoViewModel />

demo/Semi.Avalonia.Demo/Pages/TreeDataGridDemo.axaml

@@ -6,6 +6,7 @@
              xmlns:converters="clr-namespace:Semi.Avalonia.Demo.Converters"
              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
              x:Class="Semi.Avalonia.Demo.Pages.TreeDataGridDemo"
+             x:CompileBindings="True"
              x:DataType="vm:TreeDataGridDemoViewModel">
     <UserControl.Resources>
         <converters:FileIconConverter x:Key="FileIconConverter">

demo/Semi.Avalonia.Demo/Pages/TreeDataGridDemo.axaml.cs

@@ -14,9 +14,10 @@ public partial class TreeDataGridDemo : UserControl
 
     private void SelectedPath_KeyDown(object? sender, KeyEventArgs e)
     {
-        if (e.Key == Key.Enter && DataContext is TreeDataGridDemoViewModel vm)
+        if (e.Key == Key.Enter)
         {
-            vm.FilesContext.SelectedPath = (sender as TextBox)?.Text;
+            var vm = DataContext as TreeDataGridDemoViewModel;
+            vm.FilesContext.SelectedPath = (sender as TextBox)!.Text;
         }
     }
 }

demo/Semi.Avalonia.Demo/Pages/TreeViewDemo.axaml

@@ -8,6 +8,7 @@
     xmlns:vm="clr-namespace:Semi.Avalonia.Demo.Pages"
     d:DesignHeight="450"
     d:DesignWidth="800"
+    x:CompileBindings="True"
     x:DataType="vm:TreeViewVm"
     mc:Ignorable="d">
 

demo/Semi.Avalonia.Demo/Pages/TreeViewDemo.axaml.cs

@@ -21,40 +21,33 @@ public class TreeViewVm : ObservableObject
 
     public TreeViewVm()
     {
-        Items =
+        Items = new ObservableCollection<TreeViewItemVm>()
-        [
-            new TreeViewItemVm { Name = "Item 1", Id = "1" },
-            new TreeViewItemVm { Name = "Item 2", Id = "2" },
-            new TreeViewItemVm
-            {
-                Name = "Item 3", Id = "3", Items =
-                [
-                    new TreeViewItemVm { Name = "Item 3.1", Id = "3.1" },
-                    new TreeViewItemVm { Name = "Item 3.2", Id = "3.2" },
-                    new TreeViewItemVm { Name = "Item 3.3", Id = "3.3" }
-                ],
-            }
-
-        ];
-
-        MultipleLevelItems = [];
-        for (var i = 1; i < 6; i++)
         {
-            var firstItem = new FirstItem
+            new TreeViewItemVm() { Name = "Item 1", Id = "1" },
+            new TreeViewItemVm() { Name = "Item 2", Id = "2" },
+            new TreeViewItemVm()
             {
-                Id = i, Name = $"FirstItem {i}",
+                Name = "Item 3", Id = "3", Items = new ObservableCollection<TreeViewItemVm>()
-                SecondItems = []
+                {
-            };
+                    new TreeViewItemVm() { Name = "Item 3.1", Id = "3.1" },
-            for (var j = 1; j < 6; j++)
+                    new TreeViewItemVm() { Name = "Item 3.2", Id = "3.2" },
+                    new TreeViewItemVm() { Name = "Item 3.3", Id = "3.3" },
+                },
+            },
+        };
+
+        MultipleLevelItems = new();
+        for (int i = 1; i < 6; i++)
+        {
+            FirstItem firstItem = new FirstItem { Id = i, Name = $"FirstItem {i}" };
+            firstItem.SecondItems = new();
+            for (int j = 1; j < 6; j++)
             {
-                var secondItem = new SecondItem
+                SecondItem secondItem = new SecondItem { Id = j, Name = $"SecondItem {j}" };
+                secondItem.ThirdItemItems = new();
+                for (int k = 1; k < 6; k++)
                 {
-                    Id = j, Name = $"SecondItem {j}",
+                    ThirdItem thirdItem = new ThirdItem { Id = k, Name = $"ThirdItem {k}" };
-                    ThirdItemItems = []
-                };
-                for (var k = 1; k < 6; k++)
-                {
-                    var thirdItem = new ThirdItem { Id = k, Name = $"ThirdItem {k}" };
                     secondItem.ThirdItemItems.Add(thirdItem);
                 }
 
@@ -68,9 +61,9 @@ public class TreeViewVm : ObservableObject
 
 public partial class TreeViewItemVm : ObservableObject
 {
-    public ObservableCollection<TreeViewItemVm> Items { get; set; } = [];
+    public ObservableCollection<TreeViewItemVm> Items { get; set; }
-    public string? Name { get; set; }
+    public string Name { get; set; }
-    public string? Id { get; set; }
+    public string Id { get; set; }
 }
 
 public class ItemBase

demo/Semi.Avalonia.Demo/Pages/VariablesDemo.axaml

@@ -6,99 +6,89 @@
              xmlns:pages="clr-namespace:Semi.Avalonia.Demo.Pages"
              mc:Ignorable="d" d:DesignWidth="800" d:DesignHeight="450"
              x:Class="Semi.Avalonia.Demo.Pages.VariablesDemo"
-             x:DataType="vm:VariablesDemoViewModel">
+             x:DataType="vm:VariablesDemoViewModel"
+             x:CompileBindings="True">
     <Design.DataContext>
         <vm:VariablesDemoViewModel />
     </Design.DataContext>
-    <Grid RowDefinitions="Auto, *">
+    <DataGrid
-        <TextBox
+        Margin="8"
-            Grid.Row="0"
+        CanUserReorderColumns="True"
-            Width="600"
+        CanUserResizeColumns="True"
-            Margin="8"
+        CanUserSortColumns="True"
-            Classes="ClearButton"
+        HeadersVisibility="All"
-            Text="{Binding SearchText}"
+        IsReadOnly="True"
-            Watermark="Input Variable Category/ResourceKey/Type/Value/Description" />
+        ItemsSource="{Binding GridData}">
-
+        <DataGrid.Columns>
-        <DataGrid
+            <DataGridTemplateColumn
-            Grid.Row="1"
+                Width="300"
-            Margin="8"
+                x:DataType="vm:VariableItem"
-            CanUserReorderColumns="True"
+                Header="ResourceKey">
-            CanUserResizeColumns="True"
+                <DataGridTemplateColumn.CellTemplate>
-            CanUserSortColumns="True"
+                    <DataTemplate DataType="vm:VariableItem">
-            HeadersVisibility="All"
+                        <SelectableTextBlock
-            IsReadOnly="True"
+                            Margin="12,0"
-            ItemsSource="{Binding GridData}">
+                            VerticalAlignment="Center"
-            <DataGrid.Columns>
+                            Text="{Binding ResourceKey}" />
-                <DataGridTemplateColumn
+                    </DataTemplate>
-                    Width="300"
+                </DataGridTemplateColumn.CellTemplate>
-                    x:DataType="vm:VariableItem"
+            </DataGridTemplateColumn>
-                    Header="ResourceKey">
+            <DataGridTemplateColumn
-                    <DataGridTemplateColumn.CellTemplate>
+                Width="200"
-                        <DataTemplate DataType="vm:VariableItem">
+                x:DataType="vm:VariableItem"
-                            <SelectableTextBlock
+                Header="Type">
-                                Margin="12,0"
+                <DataGridTemplateColumn.CellTemplate>
-                                VerticalAlignment="Center"
+                    <DataTemplate DataType="vm:VariableItem">
-                                Text="{Binding ResourceKey}" />
+                        <SelectableTextBlock
-                        </DataTemplate>
+                            Margin="12,0"
-                    </DataGridTemplateColumn.CellTemplate>
+                            VerticalAlignment="Center"
-                </DataGridTemplateColumn>
+                            Text="{Binding Type.Name}" />
-                <DataGridTemplateColumn
+                    </DataTemplate>
-                    Width="200"
+                </DataGridTemplateColumn.CellTemplate>
-                    x:DataType="vm:VariableItem"
+            </DataGridTemplateColumn>
-                    Header="Type">
+            <DataGridTemplateColumn
-                    <DataGridTemplateColumn.CellTemplate>
+                Width="200"
-                        <DataTemplate DataType="vm:VariableItem">
+                x:DataType="vm:VariableItem"
-                            <SelectableTextBlock
+                Header="Value">
-                                Margin="12,0"
+                <DataGridTemplateColumn.CellTemplate>
-                                VerticalAlignment="Center"
+                    <DataTemplate DataType="vm:VariableItem">
-                                Text="{Binding Type.Name}" />
+                        <SelectableTextBlock
-                        </DataTemplate>
+                            Margin="12,0"
-                    </DataGridTemplateColumn.CellTemplate>
+                            VerticalAlignment="Center"
-                </DataGridTemplateColumn>
+                            Text="{Binding Value}"
-                <DataGridTemplateColumn
+                            TextWrapping="Wrap" />
-                    Width="200"
+                    </DataTemplate>
-                    x:DataType="vm:VariableItem"
+                </DataGridTemplateColumn.CellTemplate>
-                    Header="Value">
+            </DataGridTemplateColumn>
-                    <DataGridTemplateColumn.CellTemplate>
+            <DataGridTemplateColumn
-                        <DataTemplate DataType="vm:VariableItem">
+                Width="*"
-                            <SelectableTextBlock
+                x:DataType="vm:VariableItem"
-                                Margin="12,0"
+                Header="Description">
-                                VerticalAlignment="Center"
+                <DataGridTemplateColumn.CellTemplate>
-                                Text="{Binding Value}"
+                    <DataTemplate DataType="vm:VariableItem">
-                                TextWrapping="Wrap" />
+                        <SelectableTextBlock
-                        </DataTemplate>
+                            Margin="12,0"
-                    </DataGridTemplateColumn.CellTemplate>
+                            VerticalAlignment="Center"
-                </DataGridTemplateColumn>
+                            Text="{Binding Description}"
-                <DataGridTemplateColumn
+                            TextWrapping="Wrap" />
-                    Width="*"
+                    </DataTemplate>
-                    x:DataType="vm:VariableItem"
+                </DataGridTemplateColumn.CellTemplate>
-                    Header="Description">
+            </DataGridTemplateColumn>
-                    <DataGridTemplateColumn.CellTemplate>
+            <DataGridTemplateColumn
-                        <DataTemplate DataType="vm:VariableItem">
+                Width="100"
-                            <SelectableTextBlock
+                x:DataType="vm:VariableItem"
-                                Margin="12,0"
+                Header="CopyText"
-                                VerticalAlignment="Center"
+                SortMemberPath="Duration">
-                                Text="{Binding Description}"
+                <DataGridTemplateColumn.CellTemplate>
-                                TextWrapping="Wrap" />
+                    <DataTemplate DataType="vm:VariableItem">
-                        </DataTemplate>
+                        <Button
-                    </DataGridTemplateColumn.CellTemplate>
+                            Command="{Binding $parent[pages:VariablesDemo].Copy}"
-                </DataGridTemplateColumn>
+                            CommandParameter="{Binding CopyText}"
-                <DataGridTemplateColumn
+                            Theme="{DynamicResource  IconBorderlessButton}"
-                    Width="100"
+                            Content="{StaticResource SemiIconCopy}" />
-                    x:DataType="vm:VariableItem"
+                    </DataTemplate>
-                    Header="CopyText"
+                </DataGridTemplateColumn.CellTemplate>
-                    SortMemberPath="Duration">
+            </DataGridTemplateColumn>
-                    <DataGridTemplateColumn.CellTemplate>
+        </DataGrid.Columns>
-                        <DataTemplate DataType="vm:VariableItem">
+    </DataGrid>
-                            <Button
-                                Command="{Binding $parent[pages:VariablesDemo].Copy}"
-                                CommandParameter="{Binding CopyText}"
-                                Theme="{DynamicResource  IconBorderlessButton}"
-                                Content="{StaticResource SemiIconCopy}" />
-                        </DataTemplate>
-                    </DataGridTemplateColumn.CellTemplate>
-                </DataGridTemplateColumn>
-            </DataGrid.Columns>
-        </DataGrid>
-    </Grid>
 </UserControl>

demo/Semi.Avalonia.Demo/Semi.Avalonia.Demo.csproj

@@ -3,7 +3,6 @@
         <TargetFramework>net8.0</TargetFramework>
         <Nullable>enable</Nullable>
         <LangVersion>latest</LangVersion>
-        <AvaloniaUseCompiledBindingsByDefault>true</AvaloniaUseCompiledBindingsByDefault>
     </PropertyGroup>
 
     <ItemGroup>

demo/Semi.Avalonia.Demo/Themes/ColorDetailControl.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:controls="clr-namespace:Semi.Avalonia.Demo.Controls">
+    xmlns:controls="clr-namespace:Semi.Avalonia.Demo.Controls"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type controls:ColorDetailControl}" TargetType="controls:ColorDetailControl">
         <Setter Property="Template">
             <ControlTemplate TargetType="controls:ColorDetailControl">

demo/Semi.Avalonia.Demo/Themes/ColorItemControl.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:controls="using:Semi.Avalonia.Demo.Controls">
+    xmlns:controls="using:Semi.Avalonia.Demo.Controls"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <controls:ColorItemControl />
     </Design.PreviewWith>

demo/Semi.Avalonia.Demo/Themes/FunctionalColorGroupControl.axaml

@@ -4,6 +4,7 @@
     xmlns:controls="clr-namespace:Semi.Avalonia.Demo.Controls"
     xmlns:viewModels="clr-namespace:Semi.Avalonia.Demo.ViewModels"
     xmlns:pages="clr-namespace:Semi.Avalonia.Demo.Pages"
+    x:CompileBindings="True"
     x:DataType="viewModels:FunctionalColorGroupViewModel">
     <ControlTheme x:Key="{x:Type controls:FunctionalColorGroupControl}" TargetType="controls:FunctionalColorGroupControl">
         <Setter Property="Template">

demo/Semi.Avalonia.Demo/Themes/ShadowGroupControl.axaml

@@ -4,6 +4,7 @@
     xmlns:controls="clr-namespace:Semi.Avalonia.Demo.Controls"
     xmlns:viewModels="clr-namespace:Semi.Avalonia.Demo.ViewModels"
     xmlns:pages="clr-namespace:Semi.Avalonia.Demo.Pages"
+    x:CompileBindings="True"
     x:DataType="viewModels:ShadowGroupViewModel">
     <ControlTheme x:Key="{x:Type controls:ShadowGroupControl}" TargetType="controls:ShadowGroupControl">
         <Setter Property="Template">

demo/Semi.Avalonia.Demo/ViewModels/ApplicationViewModel.cs

@@ -1,37 +1,12 @@
 using Avalonia;
-using Avalonia.Controls;
 using Avalonia.Controls.ApplicationLifetimes;
 using CommunityToolkit.Mvvm.ComponentModel;
 using CommunityToolkit.Mvvm.Input;
-using CommunityToolkit.Mvvm.Messaging;
 
 namespace Semi.Avalonia.Demo.ViewModels;
 
 public partial class ApplicationViewModel : ObservableObject
 {
-    [RelayCommand]
-    private void Activate()
-    {
-        if (Application.Current?.ApplicationLifetime is not IClassicDesktopStyleApplicationLifetime desktop) return;
-        var mainWindow = desktop.MainWindow;
-        if (mainWindow is not null && !mainWindow.IsActive)
-        {
-            if (mainWindow.WindowState is WindowState.Minimized)
-            {
-                mainWindow.WindowState = WindowState.Normal;
-            }
-
-            mainWindow.Activate();
-        }
-    }
-
-    [RelayCommand]
-    private void JumpTo(string header)
-    {
-        Activate();
-        WeakReferenceMessenger.Default.Send(header, "JumpTo");
-    }
-
     [RelayCommand]
     private void Exit()
     {

demo/Semi.Avalonia.Demo/ViewModels/IconDemoViewModel.cs

@@ -1,5 +1,4 @@
-using System;
+using System.Collections.Generic;
-using System.Collections.Generic;
 using System.Collections.ObjectModel;
 using System.Linq;
 using Avalonia.Controls;
@@ -10,7 +9,7 @@ namespace Semi.Avalonia.Demo.ViewModels;
 
 public partial class IconDemoViewModel : ObservableObject
 {
-    private readonly Icons _resources = new();
+    private readonly IResourceDictionary? _resources = new Icons();
 
     private readonly Dictionary<string, IconItem> _filledIcons = new();
     private readonly Dictionary<string, IconItem> _strokedIcons = new();
@@ -22,6 +21,8 @@ public partial class IconDemoViewModel : ObservableObject
 
     public void InitializeResources()
     {
+        if (_resources is null) return;
+
         foreach (var provider in _resources.MergedDictionaries)
         {
             if (provider is not ResourceDictionary dic) continue;
@@ -29,17 +30,16 @@ public partial class IconDemoViewModel : ObservableObject
             foreach (var key in dic.Keys)
             {
                 if (dic[key] is not Geometry geometry) continue;
-                var resourceKey = key.ToString() ?? string.Empty;
                 var icon = new IconItem
                 {
-                    ResourceKey = resourceKey,
+                    ResourceKey = key.ToString(),
                     Geometry = geometry
                 };
 
-                if (resourceKey.EndsWith("Stroked", StringComparison.InvariantCultureIgnoreCase))
+                if (key.ToString().EndsWith("Stroked"))
-                    _strokedIcons[resourceKey] = icon;
+                    _strokedIcons[key.ToString().ToLowerInvariant()] = icon;
                 else
-                    _filledIcons[resourceKey] = icon;
+                    _filledIcons[key.ToString().ToLowerInvariant()] = icon;
             }
         }
 
@@ -48,16 +48,16 @@ public partial class IconDemoViewModel : ObservableObject
 
     partial void OnSearchTextChanged(string? value)
     {
-        var search = string.IsNullOrWhiteSpace(value) ? string.Empty : value.Trim();
+        var search = value?.ToLowerInvariant() ?? string.Empty;
 
         FilteredFilledIcons.Clear();
-        foreach (var pair in _filledIcons.Where(kv => kv.Key.Contains(search, StringComparison.InvariantCultureIgnoreCase)))
+        foreach (var pair in _filledIcons.Where(i => i.Key.Contains(search)))
         {
             FilteredFilledIcons.Add(pair.Value);
         }
 
         FilteredStrokedIcons.Clear();
-        foreach (var pair in _strokedIcons.Where(kv => kv.Key.Contains(search, StringComparison.InvariantCultureIgnoreCase)))
+        foreach (var pair in _strokedIcons.Where(i => i.Key.Contains(search)))
         {
             FilteredStrokedIcons.Add(pair.Value);
         }

demo/Semi.Avalonia.Demo/ViewModels/SplitViewDemoViewModel.cs

@@ -26,12 +26,4 @@ public class SplitViewDemoViewModel : ObservableObject
         SplitViewDisplayMode.Overlay,
         SplitViewDisplayMode.CompactOverlay,
     ];
-
-    public static ObservableCollection<SplitViewPanePlacement> Placements { get; set; } =
-    [
-        SplitViewPanePlacement.Left,
-        SplitViewPanePlacement.Right,
-        SplitViewPanePlacement.Top,
-        SplitViewPanePlacement.Bottom
-    ];
 }

demo/Semi.Avalonia.Demo/ViewModels/TreeDataGridDemo/FilesPageViewModel.cs

@@ -19,15 +19,9 @@ public partial class FilesPageViewModel : ObservableObject
     public IList<string> Drives { get; }
     public HierarchicalTreeDataGridSource<FileNodeViewModel> Source { get; }
     [ObservableProperty] private string _selectedDrive;
-    private string? _selectedPath;
+    [ObservableProperty] private string? _selectedPath;
     [ObservableProperty] private FileNodeViewModel? _root;
 
-    public string? SelectedPath
-    {
-        get => _selectedPath;
-        set => SetSelectedPath(value);
-    }
-
     partial void OnSelectedDriveChanged(string value)
     {
         Root = new FileNodeViewModel(value, true, true);
@@ -37,6 +31,11 @@ public partial class FilesPageViewModel : ObservableObject
         }
     }
 
+    partial void OnSelectedPathChanged(string? value)
+    {
+        SetSelectedPath(value);
+    }
+
     public FilesPageViewModel()
     {
         Drives = DriveInfo.GetDrives().Select(x => x.Name).ToList();
@@ -49,7 +48,7 @@ public partial class FilesPageViewModel : ObservableObject
             SelectedDrive = Drives.FirstOrDefault() ?? "/";
         }
 
-        Source = new HierarchicalTreeDataGridSource<FileNodeViewModel>([])
+        Source = new HierarchicalTreeDataGridSource<FileNodeViewModel>(Array.Empty<FileNodeViewModel>())
         {
             Columns =
             {
@@ -109,14 +108,16 @@ public partial class FilesPageViewModel : ObservableObject
         foreach (var i in e.SelectedItems)
             Trace.WriteLine($"Selected '{i?.Path}'");
     }
-    private void SetSelectedPath(string? path)
+
+    private void SetSelectedPath(string? value)
     {
-        if (string.IsNullOrEmpty(path))
+        if (string.IsNullOrEmpty(value))
         {
             Source.RowSelection!.Clear();
             return;
         }
 
+        var path = value;
         var components = new Stack<string>();
         DirectoryInfo? d = null;
 
@@ -147,7 +148,7 @@ public partial class FilesPageViewModel : ObservableObject
             if (driveIndex >= 0)
                 SelectedDrive = Drives[driveIndex];
 
-            var node = Root;
+            FileNodeViewModel? node = _root;
             index = new IndexPath(0);
 
             while (node is not null && components.Count > 0)
@@ -161,7 +162,7 @@ public partial class FilesPageViewModel : ObservableObject
             }
         }
 
-        Source.Items = [Root!];
+        Source.Items = [Root];
         Source.RowSelection!.SelectedIndex = index;
     }
 }
@@ -274,8 +275,8 @@ public partial class FileNodeViewModel : ObservableObject, IEditableObject
         };
     }
 
-    void IEditableObject.BeginEdit() => _undoName = Name;
+    void IEditableObject.BeginEdit() => _undoName = _name;
-    void IEditableObject.CancelEdit() => Name = _undoName ?? string.Empty;
+    void IEditableObject.CancelEdit() => _name = _undoName!;
     void IEditableObject.EndEdit() => _undoName = null;
 
     private void OnChanged(object sender, FileSystemEventArgs e)

demo/Semi.Avalonia.Demo/ViewModels/VariablesDemoViewModel.cs

@@ -10,10 +10,9 @@ using Semi.Avalonia.Tokens;
 
 namespace Semi.Avalonia.Demo.ViewModels;
 
-public partial class VariablesDemoViewModel : ObservableObject
+public class VariablesDemoViewModel : ObservableObject
 {
     public DataGridCollectionView GridData { get; set; }
-    [ObservableProperty] private string _searchText = string.Empty;
 
     public VariablesDemoViewModel()
     {
@@ -31,7 +30,7 @@ public partial class VariablesDemoViewModel : ObservableObject
         GridData.GroupDescriptions.Add(new DataGridPathGroupDescription(nameof(VariableItem.Category)));
     }
 
-    private static string? GetValueString(object? value)
+    private static string GetValueString(object? value)
     {
         if (value is null) return string.Empty;
 
@@ -46,28 +45,6 @@ public partial class VariablesDemoViewModel : ObservableObject
         };
     }
 
-    partial void OnSearchTextChanged(string value)
-    {
-        if (string.IsNullOrWhiteSpace(value))
-        {
-            GridData.Filter = _ => true;
-            GridData.Refresh();
-            return;
-        }
-
-        var search = value.Trim();
-        GridData.Filter = item =>
-        {
-            if (item is not VariableItem variableItem) return false;
-            return (variableItem.Category?.Contains(search, StringComparison.InvariantCultureIgnoreCase) ?? false) ||
-                   (variableItem.ResourceKey?.Contains(search, StringComparison.InvariantCultureIgnoreCase) ?? false) ||
-                   (variableItem.Value?.Contains(search, StringComparison.InvariantCultureIgnoreCase) ?? false) ||
-                   (variableItem.Type?.Name.Contains(search, StringComparison.InvariantCultureIgnoreCase) ?? false) ||
-                   (variableItem.Description?.Contains(search, StringComparison.InvariantCultureIgnoreCase) ?? false);
-        };
-        GridData.Refresh();
-    }
-
     private static List<VariableItem> Tokens { get; set; } =
     [
         new("Height", "SemiHeightControlSmall"),
@@ -78,11 +55,6 @@ public partial class VariablesDemoViewModel : ObservableObject
         new("Icon Size", "SemiWidthIconMedium"),
         new("Icon Size", "SemiWidthIconLarge"),
         new("Icon Size", "SemiWidthIconExtraLarge"),
-        new("Border CornerRadius Spacing", "SemiBorderRadiusSpacingExtraSmall"),
-        new("Border CornerRadius Spacing", "SemiBorderRadiusSpacingSmall"),
-        new("Border CornerRadius Spacing", "SemiBorderRadiusSpacingMedium"),
-        new("Border CornerRadius Spacing", "SemiBorderRadiusSpacingLarge"),
-        new("Border CornerRadius Spacing", "SemiBorderRadiusSpacingFull"),
         new("Border CornerRadius", "SemiBorderRadiusExtraSmall"),
         new("Border CornerRadius", "SemiBorderRadiusSmall"),
         new("Border CornerRadius", "SemiBorderRadiusMedium"),

demo/Semi.Avalonia.Demo/Views/MainView.axaml

@@ -8,6 +8,7 @@
     xmlns:views="clr-namespace:Semi.Avalonia.Demo.Views"
     d:DesignHeight="450"
     d:DesignWidth="800"
+    x:CompileBindings="True"
     x:DataType="views:MainViewModel"
     mc:Ignorable="d">
     <UserControl.Resources>

demo/Semi.Avalonia.Demo/Views/MainView.axaml.cs

@@ -9,7 +9,6 @@ using Avalonia.Controls.ApplicationLifetimes;
 using Avalonia.Styling;
 using CommunityToolkit.Mvvm.ComponentModel;
 using CommunityToolkit.Mvvm.Input;
-using CommunityToolkit.Mvvm.Messaging;
 
 namespace Semi.Avalonia.Demo.Views;
 
@@ -19,19 +18,6 @@ public partial class MainView : UserControl
     {
         InitializeComponent();
         this.DataContext = new MainViewModel();
-        WeakReferenceMessenger.Default.Register<string, string>(this, "JumpTo", MessageHandler);
-    }
-
-    private void MessageHandler(object _, string message)
-    {
-        foreach (var item in tab.ItemsView)
-        {
-            if (item is TabItem tabItem && tabItem.Header is not null && tabItem.Header.Equals(message))
-            {
-                tab.SelectedItem = tabItem;
-                break;
-            }
-        }
     }
 }
 
@@ -105,42 +91,6 @@ public partial class MainViewModel : ObservableObject
                         CommandParameter = new CultureInfo("ja-jp")
                     },
                     new MenuItemViewModel
-                    {
-                        Header = "한국어",
-                        Command = SelectLocaleCommand,
-                        CommandParameter = new CultureInfo("ko-kr")
-                    },
-                    new MenuItemViewModel
-                    {
-                        Header = "English (UK)",
-                        Command = SelectLocaleCommand,
-                        CommandParameter = new CultureInfo("en-gb")
-                    },
-                    new MenuItemViewModel
-                    {
-                        Header = "Italiano",
-                        Command = SelectLocaleCommand,
-                        CommandParameter = new CultureInfo("it-it")
-                    },
-                    new MenuItemViewModel
-                    {
-                        Header = "Italiano (Switzerland)",
-                        Command = SelectLocaleCommand,
-                        CommandParameter = new CultureInfo("it-ch")
-                    },
-                    new MenuItemViewModel
-                    {
-                        Header = "Nederlands",
-                        Command = SelectLocaleCommand,
-                        CommandParameter = new CultureInfo("nl-nl")
-                    },
-                    new MenuItemViewModel
-                    {
-                        Header = "Nederlands (Belgium)",
-                        Command = SelectLocaleCommand,
-                        CommandParameter = new CultureInfo("nl-be")
-                    },
-                    new MenuItemViewModel
                     {
                         Header = "Українська",
                         Command = SelectLocaleCommand,
@@ -247,4 +197,4 @@ public class MenuItemViewModel
     public ICommand? Command { get; set; }
     public object? CommandParameter { get; set; }
     public IList<MenuItemViewModel>? Items { get; set; }
-}
+}

src/Package.props

@@ -3,15 +3,14 @@
         <TargetFrameworks>netstandard2.0;net6.0;net8.0</TargetFrameworks>
         <Nullable>enable</Nullable>
         <LangVersion>latest</LangVersion>
-        <Version>11.3.7</Version>
+        <Version>11.2.1.9</Version>
         <Authors>IRIHI Technology Co., Ltd.</Authors>
         <Description>Avalonia Theme inspired by Semi Design.</Description>
         <RepositoryUrl>https://github.com/irihitech/Semi.Avalonia</RepositoryUrl>
         <PackageLicenseExpression>MIT</PackageLicenseExpression>
         <PackageIcon>irihi.png</PackageIcon>
         <PackageProjectUrl>https://github.com/irihitech/Semi.Avalonia</PackageProjectUrl>
-        <AvaloniaVersion>11.3.7</AvaloniaVersion>
+        <AvaloniaVersion>11.2.1</AvaloniaVersion>
-        <AvaloniaUseCompiledBindingsByDefault>true</AvaloniaUseCompiledBindingsByDefault>
     </PropertyGroup>
 
     <ItemGroup>

src/Semi.Avalonia.ColorPicker/Controls/ColorPicker.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:converters="using:Avalonia.Controls.Converters">
+    xmlns:converters="using:Avalonia.Controls.Converters"
+    x:CompileBindings="True">
     <converters:CornerRadiusFilterConverter x:Key="LeftCornerRadiusFilterConverter" Filter="TopLeft, BottomLeft" />
     <converters:ToBrushConverter x:Key="ToBrushConverter" />
 

src/Semi.Avalonia.ColorPicker/Controls/ColorPreviewer.axaml

@@ -2,7 +2,8 @@
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:converters="using:Avalonia.Controls.Converters"
-    xmlns:pc="using:Avalonia.Controls.Primitives.Converters">
+    xmlns:pc="using:Avalonia.Controls.Primitives.Converters"
+    x:CompileBindings="True">
     <pc:AccentColorConverter x:Key="AccentColorConverter" />
     <converters:CornerRadiusFilterConverter x:Key="LeftCornerRadiusFilterConverter" Filter="TopLeft, BottomLeft" />
     <converters:CornerRadiusFilterConverter x:Key="RightCornerRadiusFilterConverter" Filter="TopRight, BottomRight" />

src/Semi.Avalonia.ColorPicker/Controls/ColorSlider.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:converters="using:Avalonia.Controls.Converters">
+    xmlns:converters="using:Avalonia.Controls.Converters"
+    x:CompileBindings="True">
     <converters:CornerRadiusToDoubleConverter x:Key="TopLeftCornerRadiusConverter" Corner="TopLeft" />
     <converters:CornerRadiusToDoubleConverter x:Key="BottomRightCornerRadiusConverter" Corner="BottomRight" />
 

src/Semi.Avalonia.ColorPicker/Controls/ColorSpectrum.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:converters="using:Avalonia.Controls.Converters">
+    xmlns:converters="using:Avalonia.Controls.Converters"
+    x:CompileBindings="True">
     <converters:EnumToBoolConverter x:Key="EnumToBoolConverter" />
     <converters:CornerRadiusToDoubleConverter x:Key="TopLeftCornerRadiusConverter" Corner="TopLeft" />
     <converters:CornerRadiusToDoubleConverter x:Key="BottomRightCornerRadiusConverter" Corner="BottomRight" />

src/Semi.Avalonia.ColorPicker/Controls/ColorView.axaml

@@ -4,7 +4,8 @@
     xmlns:converters="using:Avalonia.Controls.Converters"
     xmlns:globalization="using:System.Globalization"
     xmlns:pc="using:Avalonia.Controls.Primitives.Converters"
-    xmlns:cvts="clr-namespace:Semi.Avalonia.ColorPicker.Converters">
+    xmlns:cvts="clr-namespace:Semi.Avalonia.ColorPicker.Converters"
+    x:CompileBindings="True">
     <pc:ContrastBrushConverter x:Key="ContrastBrushConverter" />
     <converters:ColorToDisplayNameConverter x:Key="ColorToDisplayNameConverter" />
     <converters:ColorToHexConverter x:Key="ColorToHexConverter" />

src/Semi.Avalonia.ColorPicker/Controls/_index.axaml

@@ -1,4 +1,5 @@
 <ResourceDictionary
+    x:CompileBindings="True"
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
     <ResourceDictionary.MergedDictionaries>

src/Semi.Avalonia.ColorPicker/Semi.Avalonia.ColorPicker.csproj

@@ -4,7 +4,7 @@
 
     <PropertyGroup>
         <Title>Semi.Avalonia.ColorPicker</Title>
-        <PackageReleaseNotes>Update to Semi.Avalonia.ColorPicker 11.3.7</PackageReleaseNotes>
+        <PackageReleaseNotes>Update to Semi.Avalonia.ColorPicker 11.2.1.9</PackageReleaseNotes>
     </PropertyGroup>
 
     <PropertyGroup Condition="$([MSBuild]::IsTargetFrameworkCompatible('$(TargetFramework)', 'net8.0'))">

src/Semi.Avalonia.DataGrid/Semi.Avalonia.DataGrid.csproj

@@ -4,8 +4,8 @@
         <TargetFrameworks>netstandard2.0;net6.0;net8.0</TargetFrameworks>
         <Nullable>enable</Nullable>
         <LangVersion>latest</LangVersion>
-        <Version>11.3.7</Version>
+        <Version>11.2.1.9</Version>
-        <PackageReleaseNotes>Update to Semi.Avalonia.DataGrid 11.3.7</PackageReleaseNotes>
+        <PackageReleaseNotes>Update to Semi.Avalonia.DataGrid 11.2.1.9</PackageReleaseNotes>
         <Authors>IRIHI Technology Co., Ltd.</Authors>
         <Description>Avalonia Theme inspired by Semi Design.</Description>
         <RepositoryUrl>https://github.com/irihitech/Semi.Avalonia</RepositoryUrl>
@@ -20,7 +20,7 @@
     </PropertyGroup>
 
     <ItemGroup>
-        <PackageReference Include="Avalonia.Controls.DataGrid" Version="11.3.7"/>
+        <PackageReference Include="Avalonia.Controls.DataGrid" Version="11.2.1"/>
         <None Include="..\..\irihi.png" Pack="true" PackagePath="\" Link="Properties\irihi.png"/>
         <None Include="..\..\LICENSE" Pack="true" PackagePath="\" Link="Properties\LICENSE"/>
     </ItemGroup>

src/Semi.Avalonia.TreeDataGrid/TreeDataGrid.axaml

@@ -1,8 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:conv="clr-namespace:Avalonia.Controls.Converters;assembly=Avalonia.Controls.TreeDataGrid"
+    xmlns:conv="clr-namespace:Avalonia.Controls.Converters;assembly=Avalonia.Controls.TreeDataGrid">
-    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20">
             <TreeDataGridColumnHeader Header="123" />

src/Semi.Avalonia/Controls/AdornerLayer.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type AdornerLayer}" TargetType="AdornerLayer">
         <Setter Property="DefaultFocusAdorner">
             <FocusAdornerTemplate>

src/Semi.Avalonia/Controls/AutoCompleteBox.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20" Spacing="20">
             <TextBox Text="Hello" />

src/Semi.Avalonia/Controls/Border.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20" Spacing="20">
             <Border Theme="{StaticResource CardBorder}">

src/Semi.Avalonia/Controls/Button.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <!--  Button Theme Key: Light, Solid, Outline, Borderless; Default is Light  -->
     <!--  Button Default Classes: Primary, Secondary, Tertiary, Success, Warning, Danger; Default is Primary  -->
     <!--  State: default, pointerover, pressed, disabled  -->

src/Semi.Avalonia/Controls/ButtonSpinner.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20" Spacing="20">
             <ButtonSpinner Content="Hello World" />

src/Semi.Avalonia/Controls/Calendar.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <Border Padding="20">
             <Calendar />

src/Semi.Avalonia/Controls/CalendarDatePicker.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20" Width="800" Height="400">
             <CalendarDatePicker HorizontalAlignment="Center" Classes="ClearButton" />

src/Semi.Avalonia/Controls/CaptionButtons.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <CaptionButtons />
     </Design.PreviewWith>

src/Semi.Avalonia/Controls/Carousel.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:converter="clr-namespace:Semi.Avalonia.Converters">
+    xmlns:converter="clr-namespace:Semi.Avalonia.Converters"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Spacing="20" Width="800" Height="800">
             <StackPanel.Styles>

src/Semi.Avalonia/Controls/CheckBox.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <ThemeVariantScope RequestedThemeVariant="Dark">
             <StackPanel Background="{DynamicResource SemiBackground0Color}">

src/Semi.Avalonia/Controls/ComboBox.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20">
             <ComboBoxItem>Hello World</ComboBoxItem>
@@ -66,14 +67,8 @@
                             VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                             TextTrimming="CharacterEllipsis"
                             Foreground="{TemplateBinding PlaceholderForeground}"
-                            Text="{TemplateBinding PlaceholderText}">
+                            IsVisible="{TemplateBinding SelectionBoxItem,Converter={x:Static ObjectConverters.IsNull}}"
-                            <TextBlock.IsVisible>
+                            Text="{TemplateBinding PlaceholderText}" />
-                                <MultiBinding Converter="{x:Static BoolConverters.And}">
-                                    <TemplateBinding Property="SelectionBoxItem" Converter="{x:Static ObjectConverters.IsNull}" />
-                                    <TemplateBinding Property="IsEditable" Converter="{x:Static BoolConverters.Not}" />
-                                </MultiBinding>
-                            </TextBlock.IsVisible>
-                        </TextBlock>
                         <ContentPresenter
                             Name="ContentPresenter"
                             Grid.Column="0"
@@ -81,20 +76,7 @@
                             HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
                             VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                             Content="{TemplateBinding SelectionBoxItem}"
-                            ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}"
+                            ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" />
-                            IsVisible="{TemplateBinding IsEditable, Converter={x:Static BoolConverters.Not}}" />
-                        <TextBox
-                            Name="PART_EditableTextBox"
-                            Grid.Column="0"
-                            Theme="{StaticResource LooklessTextBox}"
-                            Padding="{TemplateBinding Padding}"
-                            HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"
-                            VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
-                            Foreground="{TemplateBinding Foreground}"
-                            Text="{TemplateBinding Text, Mode=TwoWay}"
-                            Watermark="{TemplateBinding PlaceholderText}"
-                            IsVisible="{TemplateBinding IsEditable}" />
-
                         <Button
                             Name="ClearButton"
                             Grid.Column="1"
@@ -230,11 +212,6 @@
             </Style>
         </Style>
 
-        <Style Selector="^[IsEditable=true]">
-            <Setter Property="IsTabStop" Value="False" />
-            <Setter Property="KeyboardNavigation.TabNavigation" Value="Local" />
-        </Style>
-
         <Style Selector="^.Bordered">
             <Style Selector="^ /template/ Border#Background">
                 <Setter Property="Background" Value="{DynamicResource ComboBoxSelectorBorderedBackground}" />

src/Semi.Avalonia/Controls/ContextMenu.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type ContextMenu}" TargetType="ContextMenu">
         <Setter Property="Background" Value="{DynamicResource MenuFlyoutBackground}" />
         <Setter Property="BorderBrush" Value="{DynamicResource MenuFlyoutBorderBrush}" />

src/Semi.Avalonia/Controls/DataValidationErrors.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:collections="clr-namespace:System.Collections;assembly=netstandard">
+    xmlns:collections="clr-namespace:System.Collections;assembly=netstandard"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type DataValidationErrors}" TargetType="DataValidationErrors">
         <Setter Property="Template">
             <ControlTemplate TargetType="DataValidationErrors">
@@ -94,10 +95,12 @@
                     <ToolTip.Tip>
                         <ItemsControl x:DataType="collections:IEnumerable" ItemsSource="{Binding}" />
                     </ToolTip.Tip>
-                    <PathIcon
+                    <Path
-                        Theme="{StaticResource InnerPathIcon}"
+                        Width="14"
-                        Data="{StaticResource SemiIconIssueStroked}"
+                        Height="14"
-                        Foreground="{DynamicResource DataValidationErrorsForeground}" />
+                        Data="M14,7 A7,7 0 0,0 0,7 M0,7 A7,7 0 1,0 14,7 M7,3l0,5 M7,9l0,2"
+                        Stroke="{DynamicResource DataValidationErrorsForeground}"
+                        StrokeThickness="2" />
                 </Panel>
             </DataTemplate>
         </Setter>

src/Semi.Avalonia/Controls/DatePicker.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <Border Padding="20">
             <DatePickerPresenter />

src/Semi.Avalonia/Controls/DateTimePickerShared.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="DateTimePickerFlyoutButton" TargetType="Button">
         <Setter Property="RenderTransform" Value="none" />
         <Setter Property="BackgroundSizing" Value="OuterBorderEdge" />

src/Semi.Avalonia/Controls/DropDownButton.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20">
             <DropDownButton Content="Button" />

src/Semi.Avalonia/Controls/Expander.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20" Spacing="20">
             <TextBox>Hello</TextBox>

src/Semi.Avalonia/Controls/FlyoutPresenter.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type FlyoutPresenter}" TargetType="FlyoutPresenter">
         <Setter Property="HorizontalContentAlignment" Value="Stretch" />
         <Setter Property="VerticalContentAlignment" Value="Stretch" />

src/Semi.Avalonia/Controls/GridSplitter.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type GridSplitter}" TargetType="GridSplitter">
         <Setter Property="Focusable" Value="True" />
         <Setter Property="MinWidth" Value="6" />

src/Semi.Avalonia/Controls/HeaderedContentControl.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:converters="clr-namespace:Avalonia.Controls.Converters;assembly=Avalonia.Controls">
+    xmlns:converters="clr-namespace:Avalonia.Controls.Converters;assembly=Avalonia.Controls"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Spacing="20">
             <HeaderedContentControl

src/Semi.Avalonia/Controls/HyperlinkButton.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel>
             <HyperlinkButton NavigateUri="http://www.irihi.tech/">

src/Semi.Avalonia/Controls/ItemsControl.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type ItemsControl}" TargetType="ItemsControl">
         <Setter Property="Template">
             <ControlTemplate>

src/Semi.Avalonia/Controls/Label.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel
             Width="500"

src/Semi.Avalonia/Controls/ListBox.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <ListBox Margin="30">
             <ListBoxItem>Item 1</ListBoxItem>

src/Semi.Avalonia/Controls/ManagedFileChooser.axaml

@@ -4,7 +4,8 @@
     xmlns:converters="using:Semi.Avalonia.Converters"
     xmlns:dialogs="clr-namespace:Avalonia.Dialogs;assembly=Avalonia.Dialogs"
     xmlns:internal="clr-namespace:Avalonia.Dialogs.Internal;assembly=Avalonia.Dialogs"
-    xmlns:cvt="using:Avalonia.Controls.Converters">
+    xmlns:cvt="using:Avalonia.Controls.Converters"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <Border
             Width="800"

src/Semi.Avalonia/Controls/Menu.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:converters="using:Avalonia.Controls.Converters">
+    xmlns:converters="using:Avalonia.Controls.Converters"
+    x:CompileBindings="True">
 
     <converters:PlatformKeyGestureConverter x:Key="KeyGestureConverter" />
 

src/Semi.Avalonia/Controls/MenuFlyoutPresenter.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <ThemeVariantScope RequestedThemeVariant="Dark">
             <MenuFlyoutPresenter>

src/Semi.Avalonia/Controls/NotificationCard.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <ThemeVariantScope RequestedThemeVariant="Dark">
             <StackPanel>

src/Semi.Avalonia/Controls/NumericUpDown.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type NumericUpDown}" TargetType="NumericUpDown">
         <Setter Property="VerticalAlignment" Value="Center" />
         <Setter Property="VerticalContentAlignment" Value="Center" />

src/Semi.Avalonia/Controls/PathIcon.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type PathIcon}" TargetType="PathIcon">
         <Setter Property="Background" Value="Transparent" />
         <Setter Property="Height" Value="{DynamicResource IconElementThemeHeight}" />

src/Semi.Avalonia/Controls/Popup.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type PopupRoot}" TargetType="PopupRoot">
         <Setter Property="Background" Value="{x:Null}" />
         <Setter Property="TransparencyLevelHint" Value="Transparent" />

src/Semi.Avalonia/Controls/ProgressBar.axaml

@@ -2,7 +2,8 @@
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:converters="using:Avalonia.Controls.Converters"
-    xmlns:semiConverters="clr-namespace:Semi.Avalonia.Converters">
+    xmlns:semiConverters="clr-namespace:Semi.Avalonia.Converters"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20" Spacing="20">
             <ProgressBar

src/Semi.Avalonia/Controls/RadioButton.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <ThemeVariantScope RequestedThemeVariant="Dark">
             <StackPanel Background="{DynamicResource SemiBackground0Color}">

src/Semi.Avalonia/Controls/RefreshContainer.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type RefreshContainer}" TargetType="RefreshContainer">
         <Setter Property="Template">
             <ControlTemplate>

src/Semi.Avalonia/Controls/RepeatButton.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <StaticResource x:Key="{x:Type RepeatButton}" ResourceKey="{x:Type Button}" />
     <StaticResource x:Key="SolidRepeatButton" ResourceKey="SolidButton" />
     <StaticResource x:Key="OutlineRepeatButton" ResourceKey="OutlineButton" />

src/Semi.Avalonia/Controls/ScrollViewer.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:converters="using:Avalonia.Controls.Converters">
+    xmlns:converters="using:Avalonia.Controls.Converters"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel>
             <ScrollBar Width="200" Orientation="Horizontal" />
@@ -310,4 +311,52 @@
             </ControlTemplate>
         </Setter>
     </ControlTheme>
+
+    <ControlTheme x:Key="SimpleMenuScrollViewer" TargetType="ScrollViewer">
+        <Setter Property="Background" Value="Transparent" />
+        <Setter Property="Template">
+            <ControlTemplate TargetType="ScrollViewer">
+                <DockPanel>
+                    <RepeatButton
+                        Background="Transparent"
+                        BorderThickness="0"
+                        Command="{Binding LineUp, RelativeSource={RelativeSource TemplatedParent}}"
+                        DockPanel.Dock="Top">
+                        <RepeatButton.IsVisible>
+                            <MultiBinding Converter="{x:Static converters:MenuScrollingVisibilityConverter.Instance}" ConverterParameter="0">
+                                <Binding Path="VerticalScrollBarVisibility" RelativeSource="{RelativeSource TemplatedParent}" />
+                                <Binding Path="Offset.Y" RelativeSource="{RelativeSource TemplatedParent}" />
+                                <Binding Path="Extent.Height" RelativeSource="{RelativeSource TemplatedParent}" />
+                                <Binding Path="Viewport.Height" RelativeSource="{RelativeSource TemplatedParent}" />
+                            </MultiBinding>
+                        </RepeatButton.IsVisible>
+                        <Path Data="M 0 4 L 8 4 L 4 0 Z" />
+                    </RepeatButton>
+                    <RepeatButton
+                        Background="Transparent"
+                        BorderThickness="0"
+                        Command="{Binding LineDown, RelativeSource={RelativeSource TemplatedParent}}"
+                        DockPanel.Dock="Bottom">
+                        <RepeatButton.IsVisible>
+                            <MultiBinding Converter="{x:Static converters:MenuScrollingVisibilityConverter.Instance}" ConverterParameter="100">
+                                <Binding Path="VerticalScrollBarVisibility" RelativeSource="{RelativeSource TemplatedParent}" />
+                                <Binding Path="Offset.Y" RelativeSource="{RelativeSource TemplatedParent}" />
+                                <Binding Path="Extent.Height" RelativeSource="{RelativeSource TemplatedParent}" />
+                                <Binding Path="Viewport.Height" RelativeSource="{RelativeSource TemplatedParent}" />
+                            </MultiBinding>
+                        </RepeatButton.IsVisible>
+                        <Path Data="M 0 0 L 4 4 L 8 0 Z" />
+                    </RepeatButton>
+                    <ScrollContentPresenter Name="PART_ContentPresenter" Margin="{TemplateBinding Padding}" />
+                </DockPanel>
+            </ControlTemplate>
+        </Setter>
+        <Style Selector="^ /template/ RepeatButton > Path">
+            <Setter Property="Fill" Value="{DynamicResource ColorScrollBarButtonDefaultForeground}" />
+        </Style>
+
+        <Style Selector="^ /template/ RepeatButton:pointerover > Path">
+            <Setter Property="Fill" Value="{DynamicResource ColorScrollBarButtonPointeroverForeground}" />
+        </Style>
+    </ControlTheme>
 </ResourceDictionary>

src/Semi.Avalonia/Controls/SelectableTextBlock.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
 
     <MenuFlyout x:Key="SelectableTextBlockContextFlyout" Placement="Bottom">
         <MenuItem

src/Semi.Avalonia/Controls/Slider.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="SliderHorizontalRepeatButton" TargetType="RepeatButton">
         <Setter Property="Template">
             <ControlTemplate TargetType="RepeatButton">

src/Semi.Avalonia/Controls/SplitButton.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Width="500" Height="500" Margin="20" Spacing="8">
             <SplitButton

src/Semi.Avalonia/Controls/SplitView.axaml

@@ -1,4 +1,7 @@
-<ResourceDictionary xmlns="https://github.com/avaloniaui" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+<ResourceDictionary 
+    xmlns="https://github.com/avaloniaui" 
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type SplitView}" TargetType="SplitView">
         <Setter Property="OpenPaneLength" Value="{DynamicResource SplitViewOpenPaneThemeLength}" />
         <Setter Property="CompactPaneLength" Value="{DynamicResource SplitViewCompactPaneThemeLength}" />
@@ -98,7 +101,7 @@
 
         <Style Selector="^:right">
             <Setter Property="Template">
-                <ControlTemplate TargetType="SplitView">
+                <ControlTemplate>
                     <Grid Name="Container" Background="{TemplateBinding Background}">
                         <Grid.ColumnDefinitions>
                             <ColumnDefinition Width="*" />
@@ -183,190 +186,8 @@
             </Style>
         </Style>
 
-        <Style Selector="^:top">
-            <Setter Property="Template">
-                <ControlTemplate TargetType="SplitView">
-                    <Grid Name="Container" Background="{TemplateBinding Background}">
-                        <Grid.RowDefinitions>
-                            <!--  why is this throwing a binding error?  -->
-                            <RowDefinition Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.PaneColumnGridLength}" />
-                            <RowDefinition Height="*" />
-                        </Grid.RowDefinitions>
-
-                        <Panel
-                            Name="PART_PaneRoot"
-                            VerticalAlignment="Top"
-                            Background="{TemplateBinding PaneBackground}"
-                            ClipToBounds="True"
-                            ZIndex="100">
-                            <ContentPresenter
-                                Name="PART_PanePresenter"
-                                Content="{TemplateBinding Pane}"
-                                ContentTemplate="{TemplateBinding PaneTemplate}" />
-                            <Rectangle
-                                Name="HCPaneBorder"
-                                Height="1"
-                                VerticalAlignment="Bottom"
-                                Fill="{DynamicResource SplitViewSeparatorBackground}" />
-                        </Panel>
-
-                        <Panel Name="ContentRoot">
-                            <ContentPresenter
-                                Name="PART_ContentPresenter"
-                                Content="{TemplateBinding Content}"
-                                ContentTemplate="{TemplateBinding ContentTemplate}" />
-                            <Rectangle
-                                Name="LightDismissLayer"
-                                Fill="Transparent"
-                                IsVisible="False" />
-                        </Panel>
-
-                    </Grid>
-                </ControlTemplate>
-            </Setter>
-
-            <Style Selector="^:overlay">
-                <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                    <Setter Property="Grid.Row" Value="0" />
-                </Style>
-                <Style Selector="^ /template/ Panel#ContentRoot">
-                    <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Grid.RowSpan" Value="2" />
-                </Style>
-            </Style>
-
-            <Style Selector="^:compactinline">
-                <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                    <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-                </Style>
-                <Style Selector="^ /template/ Panel#ContentRoot">
-                    <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                </Style>
-            </Style>
-
-            <Style Selector="^:compactoverlay">
-                <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <!--  RowSpan should be 2  -->
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                    <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-                </Style>
-                <Style Selector="^ /template/ Panel#ContentRoot">
-                    <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                </Style>
-            </Style>
-
-            <Style Selector="^:inline">
-                <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                    <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-                </Style>
-                <Style Selector="^ /template/ Panel#ContentRoot">
-                    <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                </Style>
-            </Style>
-        </Style>
-
-        <Style Selector="^:bottom">
-            <Setter Property="Template">
-                <ControlTemplate TargetType="SplitView">
-                    <Grid Name="Container" Background="{TemplateBinding Background}">
-                        <Grid.RowDefinitions>
-                            <RowDefinition Height="*" />
-                            <RowDefinition Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.PaneColumnGridLength}" />
-                        </Grid.RowDefinitions>
-
-                        <Panel
-                            Name="PART_PaneRoot"
-                            VerticalAlignment="Bottom"
-                            Background="{TemplateBinding PaneBackground}"
-                            ClipToBounds="True"
-                            ZIndex="100">
-                            <ContentPresenter
-                                Name="PART_PanePresenter"
-                                Content="{TemplateBinding Pane}"
-                                ContentTemplate="{TemplateBinding PaneTemplate}" />
-                            <Rectangle
-                                Name="HCPaneBorder"
-                                Height="1"
-                                VerticalAlignment="Top"
-                                Fill="{DynamicResource SplitViewSeparatorBackground}" />
-                        </Panel>
-
-                        <Panel Name="ContentRoot">
-                            <ContentPresenter
-                                Name="PART_ContentPresenter"
-                                Content="{TemplateBinding Content}"
-                                ContentTemplate="{TemplateBinding ContentTemplate}" />
-                            <Rectangle
-                                Name="LightDismissLayer"
-                                Fill="Transparent"
-                                IsVisible="False" />
-                        </Panel>
-
-                    </Grid>
-                </ControlTemplate>
-            </Setter>
-
-            <Style Selector="^:overlay">
-                <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-                    <Setter Property="Grid.RowSpan" Value="2" />
-                    <Setter Property="Grid.Row" Value="1" />
-                </Style>
-                <Style Selector="^ /template/ Panel#ContentRoot">
-                    <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Grid.RowSpan" Value="2" />
-                </Style>
-            </Style>
-
-            <Style Selector="^:compactinline">
-                <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                    <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-                </Style>
-                <Style Selector="^ /template/ Panel#ContentRoot">
-                    <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                </Style>
-            </Style>
-
-            <Style Selector="^:compactoverlay">
-                <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <Setter Property="Grid.RowSpan" Value="2" />
-                    <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-                </Style>
-                <Style Selector="^ /template/ Panel#ContentRoot">
-                    <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                </Style>
-            </Style>
-
-            <Style Selector="^:inline">
-                <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                    <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-                </Style>
-                <Style Selector="^ /template/ Panel#ContentRoot">
-                    <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Grid.RowSpan" Value="1" />
-                </Style>
-            </Style>
-        </Style>
-
         <Style Selector="^:open">
-            <Style Selector="^:left /template/ Panel#PART_PaneRoot">
+            <Style Selector="^ /template/ Panel#PART_PaneRoot">
                 <Setter Property="Transitions">
                     <Transitions>
                         <DoubleTransition
@@ -377,39 +198,6 @@
                 </Setter>
                 <Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenPaneLength}" />
             </Style>
-            <Style Selector="^:right /template/ Panel#PART_PaneRoot">
-                <Setter Property="Transitions">
-                    <Transitions>
-                        <DoubleTransition
-                            Easing="{StaticResource SplitViewPaneAnimationEasing}"
-                            Property="Width"
-                            Duration="{StaticResource SplitViewPaneAnimationOpenDuration}" />
-                    </Transitions>
-                </Setter>
-                <Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenPaneLength}" />
-            </Style>
-            <Style Selector="^:top /template/ Panel#PART_PaneRoot">
-                <Setter Property="Transitions">
-                    <Transitions>
-                        <DoubleTransition
-                            Easing="{StaticResource SplitViewPaneAnimationEasing}"
-                            Property="Height"
-                            Duration="{StaticResource SplitViewPaneAnimationOpenDuration}" />
-                    </Transitions>
-                </Setter>
-                <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenPaneLength}" />
-            </Style>
-            <Style Selector="^:bottom /template/ Panel#PART_PaneRoot">
-                <Setter Property="Transitions">
-                    <Transitions>
-                        <DoubleTransition
-                            Easing="{StaticResource SplitViewPaneAnimationEasing}"
-                            Property="Height"
-                            Duration="{StaticResource SplitViewPaneAnimationOpenDuration}" />
-                    </Transitions>
-                </Setter>
-                <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenPaneLength}" />
-            </Style>
             <Style Selector="^ /template/ Rectangle#LightDismissLayer">
                 <Setter Property="Transitions">
                     <Transitions>
@@ -424,7 +212,7 @@
         </Style>
 
         <Style Selector="^:closed">
-            <Style Selector="^:left /template/ Panel#PART_PaneRoot">
+            <Style Selector="^ /template/ Panel#PART_PaneRoot">
                 <Setter Property="Transitions">
                     <Transitions>
                         <DoubleTransition
@@ -435,39 +223,6 @@
                 </Setter>
                 <Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
             </Style>
-            <Style Selector="^:right /template/ Panel#PART_PaneRoot">
-                <Setter Property="Transitions">
-                    <Transitions>
-                        <DoubleTransition
-                            Easing="{StaticResource SplitViewPaneAnimationEasing}"
-                            Property="Width"
-                            Duration="{StaticResource SplitViewPaneAnimationCloseDuration}" />
-                    </Transitions>
-                </Setter>
-                <Setter Property="Width" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-            </Style>
-            <Style Selector="^:top /template/ Panel#PART_PaneRoot">
-                <Setter Property="Transitions">
-                    <Transitions>
-                        <DoubleTransition
-                            Easing="{StaticResource SplitViewPaneAnimationEasing}"
-                            Property="Height"
-                            Duration="{StaticResource SplitViewPaneAnimationCloseDuration}" />
-                    </Transitions>
-                </Setter>
-                <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-            </Style>
-            <Style Selector="^:bottom /template/ Panel#PART_PaneRoot">
-                <Setter Property="Transitions">
-                    <Transitions>
-                        <DoubleTransition
-                            Easing="{StaticResource SplitViewPaneAnimationEasing}"
-                            Property="Height"
-                            Duration="{StaticResource SplitViewPaneAnimationCloseDuration}" />
-                    </Transitions>
-                </Setter>
-                <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
-            </Style>
             <Style Selector="^ /template/ Rectangle#LightDismissLayer">
                 <Setter Property="Transitions">
                     <Transitions>
@@ -491,8 +246,6 @@
             <Setter Property="IsVisible" Value="True" />
         </Style>
     </ControlTheme>
-
-    <!--  Obsolete after Avalonia 11.3.7  -->
     <ControlTheme x:Key="VerticalSplitView" TargetType="SplitView">
         <Setter Property="OpenPaneLength" Value="{DynamicResource SplitViewOpenPaneThemeLength}" />
         <Setter Property="CompactPaneLength" Value="{DynamicResource SplitViewCompactPaneThemeLength}" />
@@ -504,7 +257,8 @@
                     <Grid Name="Container" Background="{TemplateBinding Background}">
                         <Grid.RowDefinitions>
                             <!--  why is this throwing a binding error?  -->
-                            <RowDefinition Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.PaneColumnGridLength}" />
+                            <RowDefinition
+                                Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.PaneColumnGridLength}" />
                             <RowDefinition Height="*" />
                         </Grid.RowDefinitions>
 
@@ -542,7 +296,8 @@
 
             <Style Selector="^:overlay">
                 <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
+                    <Setter Property="Height"
+                            Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
                     <Setter Property="Grid.RowSpan" Value="1" />
                     <Setter Property="Grid.Row" Value="0" />
                 </Style>
@@ -556,7 +311,8 @@
                 <Style Selector="^ /template/ Panel#PART_PaneRoot">
                     <Setter Property="Grid.RowSpan" Value="1" />
                     <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
+                    <Setter Property="Height"
+                            Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
                 </Style>
                 <Style Selector="^ /template/ Panel#ContentRoot">
                     <Setter Property="Grid.Row" Value="1" />
@@ -569,7 +325,8 @@
                     <!--  RowSpan should be 2  -->
                     <Setter Property="Grid.RowSpan" Value="1" />
                     <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
+                    <Setter Property="Height"
+                            Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
                 </Style>
                 <Style Selector="^ /template/ Panel#ContentRoot">
                     <Setter Property="Grid.Row" Value="1" />
@@ -581,7 +338,8 @@
                 <Style Selector="^ /template/ Panel#PART_PaneRoot">
                     <Setter Property="Grid.RowSpan" Value="1" />
                     <Setter Property="Grid.Row" Value="0" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
+                    <Setter Property="Height"
+                            Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
                 </Style>
                 <Style Selector="^ /template/ Panel#ContentRoot">
                     <Setter Property="Grid.Row" Value="1" />
@@ -596,7 +354,8 @@
                     <Grid Name="Container" Background="{TemplateBinding Background}">
                         <Grid.RowDefinitions>
                             <RowDefinition Height="*" />
-                            <RowDefinition Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.PaneColumnGridLength}" />
+                            <RowDefinition
+                                Height="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.PaneColumnGridLength}" />
                         </Grid.RowDefinitions>
 
                         <Panel
@@ -630,7 +389,8 @@
 
             <Style Selector="^:overlay">
                 <Style Selector="^ /template/ Panel#PART_PaneRoot">
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
+                    <Setter Property="Height"
+                            Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
                     <Setter Property="Grid.RowSpan" Value="2" />
                     <Setter Property="Grid.Row" Value="1" />
                 </Style>
@@ -644,7 +404,8 @@
                 <Style Selector="^ /template/ Panel#PART_PaneRoot">
                     <Setter Property="Grid.RowSpan" Value="1" />
                     <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
+                    <Setter Property="Height"
+                            Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
                 </Style>
                 <Style Selector="^ /template/ Panel#ContentRoot">
                     <Setter Property="Grid.Row" Value="0" />
@@ -656,7 +417,8 @@
                 <Style Selector="^ /template/ Panel#PART_PaneRoot">
                     <Setter Property="Grid.RowSpan" Value="2" />
                     <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
+                    <Setter Property="Height"
+                            Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
                 </Style>
                 <Style Selector="^ /template/ Panel#ContentRoot">
                     <Setter Property="Grid.Row" Value="0" />
@@ -668,7 +430,8 @@
                 <Style Selector="^ /template/ Panel#PART_PaneRoot">
                     <Setter Property="Grid.RowSpan" Value="1" />
                     <Setter Property="Grid.Row" Value="1" />
-                    <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
+                    <Setter Property="Height"
+                            Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
                 </Style>
                 <Style Selector="^ /template/ Panel#ContentRoot">
                     <Setter Property="Grid.Row" Value="0" />
@@ -687,7 +450,8 @@
                             Duration="{StaticResource SplitViewPaneAnimationOpenDuration}" />
                     </Transitions>
                 </Setter>
-                <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenPaneLength}" />
+                <Setter Property="Height"
+                        Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=OpenPaneLength}" />
             </Style>
             <Style Selector="^ /template/ Rectangle#LightDismissLayer">
                 <Setter Property="Transitions">
@@ -712,7 +476,8 @@
                             Duration="{StaticResource SplitViewPaneAnimationCloseDuration}" />
                     </Transitions>
                 </Setter>
-                <Setter Property="Height" Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
+                <Setter Property="Height"
+                        Value="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.ClosedPaneWidth}" />
             </Style>
             <Style Selector="^ /template/ Rectangle#LightDismissLayer">
                 <Setter Property="Transitions">

src/Semi.Avalonia/Controls/TabControl.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Width="400" Height="400" Margin="20">
             <TabControl

src/Semi.Avalonia/Controls/TabItem.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel
             Width="400"

src/Semi.Avalonia/Controls/TabStrip.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Width="400" Height="400" Margin="20">
             <TabStrip Theme="{DynamicResource LineTabStrip}">

src/Semi.Avalonia/Controls/TextBlock.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Spacing="20">
             <TextBlock Text="Test" Theme="{StaticResource TitleTextBlock}" />

src/Semi.Avalonia/Controls/TextBox.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <MenuFlyout x:Key="DefaultTextBoxContextFlyout" Placement="Bottom">
         <MenuItem
             Command="{Binding $parent[TextBox].Cut}"
@@ -28,6 +29,7 @@
         <Setter Property="BorderThickness" Value="{DynamicResource TextBoxBorderThickness}" />
         <Setter Property="BackgroundSizing" Value="OuterBorderEdge" />
         <Setter Property="CornerRadius" Value="{DynamicResource TextBoxDefaultCornerRadius}" />
+        <Setter Property="Cursor" Value="Ibeam" />
         <Setter Property="CaretBrush" Value="{DynamicResource TextBoxTextCaretBrush}" />
         <Setter Property="Padding" Value="{DynamicResource TextBoxContentPadding}" />
         <Setter Property="MinHeight" Value="{DynamicResource TextBoxDefaultHeight}" />
@@ -95,11 +97,6 @@
                                         TextAlignment="{TemplateBinding TextAlignment}"
                                         TextWrapping="{TemplateBinding TextWrapping}" />
                                 </Panel>
-                                <ScrollViewer.Styles>
-                                    <Style Selector="ScrollContentPresenter#PART_ContentPresenter">
-                                        <Setter Property="Cursor" Value="Ibeam" />
-                                    </Style>
-                                </ScrollViewer.Styles>
                             </ScrollViewer>
                             <Button
                                 Name="PART_ClearButton"
@@ -491,7 +488,6 @@
         <Setter Property="VerticalContentAlignment" Value="Center" />
         <Setter Property="FocusAdorner" Value="{x:Null}" />
         <Setter Property="ScrollViewer.IsScrollChainingEnabled" Value="True" />
-        <Setter Property="ContextFlyout" Value="{StaticResource DefaultTextBoxContextFlyout}" />
         <Setter Property="Template">
             <ControlTemplate TargetType="TextBox">
                 <Border Name="PART_ContentPresenterBorder" MinHeight="{TemplateBinding MinHeight}">

src/Semi.Avalonia/Controls/ThemeVariantScope.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type ThemeVariantScope}" TargetType="ThemeVariantScope">
         <Setter Property="TextElement.Foreground" Value="{DynamicResource DefaultForeground}" />
         <Setter Property="TextElement.FontSize" Value="{DynamicResource DefaultFontSize}" />

src/Semi.Avalonia/Controls/TimePicker.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <Border Padding="20">
             <TimePickerPresenter />

src/Semi.Avalonia/Controls/TitleBar.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type TitleBar}" TargetType="TitleBar">
         <Setter Property="VerticalAlignment" Value="Top" />
         <Setter Property="HorizontalAlignment" Value="Stretch" />

src/Semi.Avalonia/Controls/ToggleButton.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <StackPanel Margin="20">
             <ToggleButton Classes="Primary">Toggle</ToggleButton>

src/Semi.Avalonia/Controls/ToggleSwitch.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <Design.PreviewWith>
         <ThemeVariantScope RequestedThemeVariant="Dark">
             <StackPanel Spacing="8" Background="{DynamicResource SemiBackground0Color}">

src/Semi.Avalonia/Controls/Tooltip.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type ToolTip}" TargetType="ToolTip">
         <Setter Property="Foreground" Value="{DynamicResource ToolTipForeground}" />
         <Setter Property="Background" Value="{DynamicResource ToolTipBackground}" />

src/Semi.Avalonia/Controls/TransitioningContentControl.axaml

@@ -1,6 +1,7 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
-    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    x:CompileBindings="True">
     <ControlTheme x:Key="{x:Type TransitioningContentControl}" TargetType="TransitioningContentControl">
         <Setter Property="Template">
             <ControlTemplate>

src/Semi.Avalonia/Controls/TreeView.axaml

@@ -1,7 +1,8 @@
 <ResourceDictionary
     xmlns="https://github.com/avaloniaui"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-    xmlns:converters="clr-namespace:Semi.Avalonia.Converters">
+    xmlns:converters="clr-namespace:Semi.Avalonia.Converters"
+    x:CompileBindings="True">
 
     <Design.PreviewWith>
         <StackPanel