From f7a316340b57b6e29025f220575a9763095921bf Mon Sep 17 00:00:00 2001
From: rabbitism <dongbin@irihi.tech>
Date: Sat, 20 Apr 2024 01:20:04 +0800
Subject: [PATCH] feat: add inner contents.

---
 demo/Ursa.Demo/Pages/TreeComboBoxDemo.axaml   |  25 +-
 .../Controls/TreeComboBox.axaml               | 276 ++++++++++++------
 .../SelectedItemTemplateConverter.cs          |  24 --
 src/Ursa/Controls/ComboBox/TreeComboBox.cs    |  46 ++-
 .../SelectionBoxTemplateConverter.cs          |  11 +-
 5 files changed, 257 insertions(+), 125 deletions(-)
 delete mode 100644 src/Ursa.Themes.Semi/Converters/SelectedItemTemplateConverter.cs

diff --git a/demo/Ursa.Demo/Pages/TreeComboBoxDemo.axaml b/demo/Ursa.Demo/Pages/TreeComboBoxDemo.axaml
index 06d7241..e204bff 100644
--- a/demo/Ursa.Demo/Pages/TreeComboBoxDemo.axaml
+++ b/demo/Ursa.Demo/Pages/TreeComboBoxDemo.axaml
@@ -41,13 +41,22 @@
             </u:TreeComboBox.ItemTemplate>
         </u:TreeComboBox>
         
-        <ContentControl Content="{Binding SelectedItem}">
-            <ContentControl.ContentTemplate>
-                <DataTemplate DataType="vm:TreeComboBoxItemViewModel">
-                    <TextBlock Text="{Binding ItemName}"></TextBlock>
-                </DataTemplate>
-            </ContentControl.ContentTemplate>
-        </ContentControl>
-        
+        <u:TreeComboBox
+            Classes="clearButton"
+            Width="300"
+            Watermark="Please select an item. "
+            HorizontalAlignment="Left"
+            SelectedItem="{Binding SelectedItem}"
+            InnerRightContent="Right"
+            InnerLeftContent="Left"
+            PopupInnerTopContent="Top"
+            PopupInnerBottomContent="Bottom"
+            ItemsSource="{Binding Items}">
+            <u:TreeComboBox.ItemTemplate>
+                <TreeDataTemplate ItemsSource="{Binding Children}">
+                    <TextBlock Text="{Binding ItemName}" />
+                </TreeDataTemplate>
+            </u:TreeComboBox.ItemTemplate>
+        </u:TreeComboBox>
     </StackPanel>
 </UserControl>
diff --git a/src/Ursa.Themes.Semi/Controls/TreeComboBox.axaml b/src/Ursa.Themes.Semi/Controls/TreeComboBox.axaml
index 42dbb78..3f12f48 100644
--- a/src/Ursa.Themes.Semi/Controls/TreeComboBox.axaml
+++ b/src/Ursa.Themes.Semi/Controls/TreeComboBox.axaml
@@ -1,68 +1,92 @@
-<ResourceDictionary xmlns="https://github.com/avaloniaui"
-                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-                    xmlns:u="https://irihi.tech/ursa"
-                    xmlns:iri="https://irihi.tech/shared"
-                    xmlns:converters="clr-namespace:Avalonia.Controls.Converters;assembly=Avalonia.Controls"
-                    xmlns:converters1="clr-namespace:Ursa.Themes.Semi.Converters">
-    <!-- Add Resources Here -->
-    
-    <converters:MarginMultiplierConverter x:Key="LeftMarginConverter" Indent="20" Left="True"/>
-    <converters1:SelectedItemTemplateConverter x:Key="SelectedItemTemplateConverter"/>
-    
+<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:converters1="clr-namespace:Ursa.Converters;assembly=Ursa"
+    xmlns:iri="https://irihi.tech/shared"
+    xmlns:u="https://irihi.tech/ursa">
+    <!--  Add Resources Here  -->
+
+    <converters:MarginMultiplierConverter
+        x:Key="LeftMarginConverter"
+        Indent="20"
+        Left="True" />
+
     <ControlTheme x:Key="{x:Type u:TreeComboBox}" TargetType="u:TreeComboBox">
-        <Setter Property="Padding" Value="{DynamicResource ComboBoxSelectorDefaultPadding}"/>
-        <Setter Property="FocusAdorner" Value="{x:Null}"/>
-        <Setter Property="Background" Value="{DynamicResource ComboBoxSelectorBackground}"/>
-        <Setter Property="CornerRadius" Value="{DynamicResource ComboBoxSelectorCornerRadius}"/>
-        <Setter Property="VerticalContentAlignment" Value="Center"></Setter>
-        <Setter Property="BorderThickness" Value="1"/>
-        <Setter Property="Cursor" Value="Hand"/>
+        <Setter Property="Padding" Value="{DynamicResource ComboBoxSelectorDefaultPadding}" />
+        <Setter Property="FocusAdorner" Value="{x:Null}" />
+        <Setter Property="Background" Value="{DynamicResource ComboBoxSelectorBackground}" />
+        <Setter Property="CornerRadius" Value="{DynamicResource ComboBoxSelectorCornerRadius}" />
+        <Setter Property="VerticalContentAlignment" Value="Center" />
+        <Setter Property="BorderThickness" Value="1" />
+        <Setter Property="MinHeight" Value="{DynamicResource ComboBoxDefaultHeight}" />
+        <Setter Property="Cursor" Value="Hand" />
         <Setter Property="Template">
             <ControlTemplate TargetType="u:TreeComboBox">
-                <Grid ColumnDefinitions="*, Auto, Auto">
-                    <Border Grid.Column="0" 
-                            Name="Background"
-                            Grid.ColumnSpan="3" 
-                            Background="{TemplateBinding Background}" 
-                            BorderBrush="{TemplateBinding BorderBrush}"
-                            BorderThickness="{TemplateBinding BorderThickness}"
-                            CornerRadius="{TemplateBinding CornerRadius}"
-                            MinHeight="32"
-                            />
-                    <TextBlock 
-                        Name="PlaceholderTextBlock" 
+                <Grid MinWidth="{TemplateBinding MinHeight}" ColumnDefinitions="Auto, *, Auto, Auto, Auto">
+                    <Border
+                        Name="Background"
                         Grid.Column="0"
+                        Grid.ColumnSpan="5"
+                        Background="{TemplateBinding Background}"
+                        BorderBrush="{TemplateBinding BorderBrush}"
+                        BorderThickness="{TemplateBinding BorderThickness}"
+                        CornerRadius="{TemplateBinding CornerRadius}" />
+                    <ContentPresenter
+                        Grid.Column="0"
+                        Margin="8,0,0,0"
+                        VerticalAlignment="Center"
+                        VerticalContentAlignment="Center"
+                        Content="{TemplateBinding InnerLeftContent}"
+                        Foreground="{DynamicResource TextBoxInnerForeground}"
+                        IsVisible="{TemplateBinding InnerLeftContent,
+                                                    Converter={x:Static ObjectConverters.IsNotNull}}" />
+                    <TextBlock
+                        Name="PlaceholderTextBlock"
+                        Grid.Column="1"
                         Margin="{TemplateBinding Padding}"
                         HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                         VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
-                        TextTrimming="CharacterEllipsis"
                         Foreground="{TemplateBinding Foreground}"
+                        IsVisible="{TemplateBinding SelectionBoxItem,
+                                                    Converter={x:Static ObjectConverters.IsNull}}"
                         Opacity="0.3"
-                        IsVisible="{TemplateBinding SelectionBoxItem, Converter={x:Static ObjectConverters.IsNull}}"
                         Text="{TemplateBinding Watermark}"
-                        ></TextBlock>
-                    <ContentPresenter 
-                        Grid.Column="0" 
+                        TextTrimming="CharacterEllipsis" />
+                    <ContentPresenter
+                        Grid.Column="1"
                         Margin="{TemplateBinding Padding}"
-                        VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                         VerticalAlignment="Center"
+                        VerticalContentAlignment="{TemplateBinding VerticalContentAlignment}"
                         Content="{TemplateBinding SelectionBoxItem}">
                         <ContentPresenter.ContentTemplate>
-                            <MultiBinding Converter="{x:Static converters1:SelectedItemTemplateConverter.Instance}">
-                                <TemplateBinding Property="SelectedItemTemplate"/>
-                                <TemplateBinding  Property="ItemTemplate"/>
+                            <MultiBinding Converter="{x:Static converters1:SelectionBoxTemplateConverter.Instance}">
+                                <TemplateBinding Property="SelectedItemTemplate" />
+                                <TemplateBinding Property="ItemTemplate" />
                             </MultiBinding>
                         </ContentPresenter.ContentTemplate>
                     </ContentPresenter>
-                    <Border
-                        x:Name="DropDownOverlay"
+                    <Button
+                        Name="PART_ClearButton"
                         Grid.Column="2"
-                        Width="30"
-                        Margin="0,1,1,1"
-                        HorizontalAlignment="Right"
+                        Command="{Binding $parent[iri:IClearControl].Clear}"
+                        IsVisible="False"
+                        Theme="{DynamicResource InnerIconButton}"
+                        Content="{DynamicResource IconButtonClearData}" />
+                    <ContentPresenter
+                        Grid.Column="3"
+                        Margin="0 0 8 0"
+                        VerticalAlignment="Center"
+                        VerticalContentAlignment="Center"
+                        Content="{TemplateBinding InnerRightContent}"
+                        Foreground="{DynamicResource TextBoxInnerForeground}"
+                        IsVisible="{TemplateBinding InnerRightContent,
+                                                    Converter={x:Static ObjectConverters.IsNotNull}}" />
+                    <Panel
+                        Grid.Column="4"
+                        Width="32"
                         Background="Transparent"
-                        IsVisible="False" />
-                    <Panel Grid.Column="2" Width="32" IsHitTestVisible="False">
+                        IsHitTestVisible="True">
                         <PathIcon
                             x:Name="DropDownGlyph"
                             Width="12"
@@ -74,47 +98,125 @@
                             Foreground="{DynamicResource ComboBoxIconDefaultForeground}"
                             UseLayoutRounding="False" />
                     </Panel>
-                    <Popup 
-                        Name="{x:Static iri:PartNames.PART_Popup}" 
-                        Grid.Column="0" 
+                    <Popup
+                        Name="{x:Static iri:PartNames.PART_Popup}"
+                        Grid.Column="0"
                         MinWidth="{Binding Bounds.Width, RelativeSource={RelativeSource TemplatedParent}}"
                         MinHeight="{TemplateBinding MaxDropDownHeight}"
                         ClipToBounds="False"
                         InheritsTransform="True"
+                        IsLightDismissEnabled="True"
+                        IsOpen="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"
                         PlacementTarget="Background"
-                        WindowManagerAddShadowHint="False"
-                        IsLightDismissEnabled="True" 
-                        IsOpen="{Binding IsDropDownOpen, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}">
-                        <Border 
-                            Name="PopupBorder" 
-                            Margin="0 4" 
+                        WindowManagerAddShadowHint="False">
+                        <Border
+                            Name="PopupBorder"
+                            Margin="0,4"
                             Background="{DynamicResource ComboBoxPopupBackground}"
                             BorderBrush="{DynamicResource ComboBoxPopupBorderBrush}"
                             BoxShadow="{DynamicResource ComboBoxPopupBoxShadow}"
                             ClipToBounds="True"
-                            CornerRadius="6"
-                            >
-                            <ScrollViewer>
-                                <ItemsPresenter ItemsPanel="{TemplateBinding ItemsPanel}"/>
-                            </ScrollViewer>
+                            CornerRadius="6">
+                            <DockPanel LastChildFill="True">
+                                <ContentPresenter
+                                    Name="PART_PopupHeader"
+                                    Margin="8,8 8 0"
+                                    Content="{TemplateBinding PopupInnerTopContent}"
+                                    DockPanel.Dock="Top" />
+                                <ContentPresenter
+                                    Name="PART_PopupFooter"
+                                    Margin="8 0 8 8"
+                                    Content="{TemplateBinding PopupInnerBottomContent}"
+                                    DockPanel.Dock="Bottom" />
+                                <ScrollViewer>
+                                    <ItemsPresenter ItemsPanel="{TemplateBinding ItemsPanel}" />
+                                </ScrollViewer>
+                            </DockPanel>
                         </Border>
                     </Popup>
                 </Grid>
             </ControlTemplate>
         </Setter>
+        
+        <Style Selector="^.clearButton, ^.ClearButton">
+            <Style Selector="^:pointerover /template/ Button#PART_ClearButton">
+                <Setter Property="IsVisible" Value="{Binding $parent[u:TreeComboBox].SelectionBoxItem, Converter={x:Static ObjectConverters.IsNotNull}}"/>
+            </Style>
+        </Style>
+        
+        <Style Selector="^.Large">
+            <Setter Property="MinHeight" Value="{DynamicResource ComboBoxLargeHeight}"/>
+        </Style>
+        <Style Selector="^.Small">
+            <Setter Property="MinHeight" Value="{DynamicResource ComboBoxSmallHeight}"/>
+        </Style>
+        
+        <!--  Pointerover State  -->
+        <Style Selector="^:pointerover">
+            <Setter Property="Background" Value="{DynamicResource ComboBoxSelectorPointeroverBackground}" />
+            <Setter Property="BorderBrush" Value="{DynamicResource ComboBoxSelectorPointeroverBorderBrush}" />
+        </Style>
+        <Style Selector="^:pointerover /template/ PathIcon#DropDownGlyph">
+            <Setter Property="Foreground" Value="{DynamicResource ComboBoxIconPointeroverForeground}" />
+        </Style>
+
+        <!--  Pressed State  -->
+        <Style Selector="^:pressed">
+            <Setter Property="Background" Value="{DynamicResource ComboBoxSelectorPressedBackground}" />
+            <Setter Property="BorderBrush" Value="{DynamicResource ComboBoxSelectorPressedBorderBrush}" />
+            <Style Selector="^ /template/ PathIcon#DropDownGlyph">
+                <Setter Property="Foreground" Value="{DynamicResource ComboBoxIconPressedForeground}" />
+            </Style>
+        </Style>
+
+        <Style Selector="^:dropdownopen">
+            <Setter Property="BorderBrush" Value="{DynamicResource ComboBoxSelectorPressedBorderBrush}" />
+        </Style>
+
+        <!--  Disabled State  -->
+        <Style Selector="^:disabled">
+            <Setter Property="Background" Value="{DynamicResource ComboBoxSelectorDisabledBackground}" />
+            <Style Selector="^ /template/ ContentControl#ContentPresenter">
+                <Setter Property="Foreground" Value="{DynamicResource ComboBoxDisabledForeground}" />
+            </Style>
+            <Style Selector="^ /template/ TextBlock#PlaceholderTextBlock">
+                <Setter Property="Foreground" Value="{DynamicResource ComboBoxDisabledForeground}" />
+            </Style>
+            <Style Selector="^ /template/ PathIcon#DropDownGlyph">
+                <Setter Property="Foreground" Value="{DynamicResource ComboBoxIconDisabledForeground}" />
+            </Style>
+        </Style>
+        <!--  Error State  -->
+        <Style Selector="^:error">
+            <Style Selector="^ /template/ Border#Background">
+                <Setter Property="Background" Value="{DynamicResource DataValidationErrorsBackground}" />
+            </Style>
+            <Style Selector="^:pointerover /template/ Border#Background">
+                <Setter Property="Background" Value="{DynamicResource DataValidationErrorsPointerOverBackground}" />
+                <Setter Property="BorderBrush" Value="Transparent" />
+            </Style>
+            <Style Selector="^:pressed /template/ Border#Background">
+                <Setter Property="Background" Value="{DynamicResource DataValidationErrorsPressedBackground}" />
+                <Setter Property="BorderBrush" Value="Transparent" />
+            </Style>
+            <Style Selector="^:focus /template/ Border#Background">
+                <Setter Property="Background" Value="{DynamicResource DataValidationErrorsSelectedBackground}" />
+                <Setter Property="BorderBrush" Value="{DynamicResource DataValidationErrorsSelectedBorderBrush}" />
+            </Style>
+        </Style>
     </ControlTheme>
-    
+
     <ControlTheme x:Key="{x:Type u:TreeComboBoxItem}" TargetType="u:TreeComboBoxItem">
-        <Setter Property="Background" Value="{DynamicResource TreeViewItemDefaultBackground}"/>
-        <Setter Property="Foreground" Value="{DynamicResource TreeViewItemDefaultForeground}"/>
-        <Setter Property="CornerRadius" Value="3"/>
-        <Setter Property="VerticalAlignment" Value="Center"/>
+        <Setter Property="Background" Value="{DynamicResource TreeViewItemDefaultBackground}" />
+        <Setter Property="Foreground" Value="{DynamicResource TreeViewItemDefaultForeground}" />
+        <Setter Property="CornerRadius" Value="3" />
+        <Setter Property="VerticalAlignment" Value="Center" />
         <Setter Property="Template">
             <ControlTemplate TargetType="u:TreeComboBoxItem">
                 <StackPanel>
-                    <Border 
-                        Name="PART_LayoutRoot" 
-                        MinHeight="{TemplateBinding MinHeight}" 
+                    <Border
+                        Name="PART_LayoutRoot"
+                        MinHeight="{TemplateBinding MinHeight}"
                         Background="{TemplateBinding Background}"
                         BorderBrush="{TemplateBinding BorderBrush}"
                         BorderThickness="{TemplateBinding BorderThickness}"
@@ -122,33 +224,39 @@
                         TemplatedControl.IsTemplateFocusTarget="True">
                         <Grid
                             Name="{x:Static iri:PartNames.PART_Header}"
-                            Margin="{TemplateBinding Level, Mode=OneWay, Converter={StaticResource LeftMarginConverter}}" 
-                              ColumnDefinitions="Auto, *">
-                            <ToggleButton 
-                                IsChecked="{TemplateBinding IsExpanded, Mode=TwoWay}" 
-                                Theme="{DynamicResource ToggleButtonTreeViewItemIconButton}" 
-                                Name="PART_ExpandCollapseChevron" 
-                                Grid.Column="0" 
+                            Margin="{TemplateBinding Level,
+                                                     Mode=OneWay,
+                                                     Converter={StaticResource LeftMarginConverter}}"
+                            ColumnDefinitions="Auto, *">
+                            <ToggleButton
+                                Name="PART_ExpandCollapseChevron"
+                                Grid.Column="0"
                                 Padding="{DynamicResource TreeViewItemIconMargin}"
-                                Focusable="False"></ToggleButton>
-                            <ContentPresenter 
-                                Grid.Column="1" 
+                                Focusable="False"
+                                IsChecked="{TemplateBinding IsExpanded,
+                                                            Mode=TwoWay}"
+                                Theme="{DynamicResource ToggleButtonTreeViewItemIconButton}" />
+                            <ContentPresenter
                                 Name="{x:Static iri:PartNames.PART_HeaderPresenter}"
+                                Grid.Column="1"
                                 Margin="{TemplateBinding Padding}"
                                 Padding="{DynamicResource TreeViewItemPadding}"
                                 HorizontalAlignment="{TemplateBinding HorizontalAlignment}"
                                 VerticalAlignment="{TemplateBinding VerticalAlignment}"
-                                Foreground="{TemplateBinding Foreground}"
-                                Content="{TemplateBinding Header}" 
-                                ContentTemplate="{TemplateBinding HeaderTemplate}" 
-                                Focusable="False"/>
+                                Content="{TemplateBinding Header}"
+                                ContentTemplate="{TemplateBinding HeaderTemplate}"
+                                Focusable="False"
+                                Foreground="{TemplateBinding Foreground}" />
                         </Grid>
                     </Border>
-                    <ItemsPresenter IsVisible="{TemplateBinding IsExpanded}" Name="{x:Static iri:PartNames.PART_ItemsPresenter}" ItemsPanel="{TemplateBinding ItemsPanel}"/>
+                    <ItemsPresenter
+                        Name="{x:Static iri:PartNames.PART_ItemsPresenter}"
+                        IsVisible="{TemplateBinding IsExpanded}"
+                        ItemsPanel="{TemplateBinding ItemsPanel}" />
                 </StackPanel>
             </ControlTemplate>
         </Setter>
-        
+
         <!--  Pointerover state  -->
         <Style Selector="^ /template/ Border#PART_LayoutRoot:pointerover">
             <Setter Property="Background" Value="{DynamicResource TreeViewItemPointeroverBackground}" />
diff --git a/src/Ursa.Themes.Semi/Converters/SelectedItemTemplateConverter.cs b/src/Ursa.Themes.Semi/Converters/SelectedItemTemplateConverter.cs
deleted file mode 100644
index 122e004..0000000
--- a/src/Ursa.Themes.Semi/Converters/SelectedItemTemplateConverter.cs
+++ /dev/null
@@ -1,24 +0,0 @@
-using System.Globalization;
-using Avalonia;
-using Avalonia.Controls.Templates;
-using Avalonia.Data.Converters;
-
-namespace Ursa.Themes.Semi.Converters;
-
-public class SelectedItemTemplateConverter: IMultiValueConverter
-{
-    public static SelectedItemTemplateConverter Instance { get; } = new SelectedItemTemplateConverter();
-    
-    public object? Convert(IList<object?> values, Type targetType, object? parameter, CultureInfo culture)
-    {
-        if(values.Count>0 && values[0] is IDataTemplate template1)
-        {
-            return template1;
-        }
-        if(values.Count>1 && values[1] is IDataTemplate template2)
-        {
-            return template2;
-        }
-        return AvaloniaProperty.UnsetValue;
-    }
-}
\ No newline at end of file
diff --git a/src/Ursa/Controls/ComboBox/TreeComboBox.cs b/src/Ursa/Controls/ComboBox/TreeComboBox.cs
index 689ba99..3c6b201 100644
--- a/src/Ursa/Controls/ComboBox/TreeComboBox.cs
+++ b/src/Ursa/Controls/ComboBox/TreeComboBox.cs
@@ -12,14 +12,18 @@ using Avalonia.Metadata;
 using Avalonia.VisualTree;
 using Irihi.Avalonia.Shared.Common;
 using Irihi.Avalonia.Shared.Contracts;
+using Irihi.Avalonia.Shared.Helpers;
 using Size = Avalonia.Size;
 
 
 namespace Ursa.Controls;
 
 [TemplatePart(PartNames.PART_Popup, typeof(Popup))]
+[PseudoClasses(PC_DropdownOpen)]
 public class TreeComboBox: ItemsControl, IClearControl, IInnerContentControl, IPopupInnerContent
 {
+    public const string PC_DropdownOpen = ":dropdownopen";
+    
     private Popup? _popup;
     
     private static readonly FuncTemplate<Panel?> DefaultPanel =
@@ -101,12 +105,49 @@ public class TreeComboBox: ItemsControl, IClearControl, IInnerContentControl, IP
         get => _selectedItem;
         set => SetAndRaise(SelectedItemProperty, ref _selectedItem, value);
     }
+
+    public static readonly StyledProperty<object?> InnerLeftContentProperty = AvaloniaProperty.Register<TreeComboBox, object?>(
+        nameof(InnerLeftContent));
+
+    public object? InnerLeftContent
+    {
+        get => GetValue(InnerLeftContentProperty);
+        set => SetValue(InnerLeftContentProperty, value);
+    }
+
+    public static readonly StyledProperty<object?> InnerRightContentProperty = AvaloniaProperty.Register<TreeComboBox, object?>(
+        nameof(InnerRightContent));
+
+    public object? InnerRightContent
+    {
+        get => GetValue(InnerRightContentProperty);
+        set => SetValue(InnerRightContentProperty, value);
+    }
+
+    public static readonly StyledProperty<object?> PopupInnerTopContentProperty = AvaloniaProperty.Register<TreeComboBox, object?>(
+        nameof(PopupInnerTopContent));
+
+    public object? PopupInnerTopContent
+    {
+        get => GetValue(PopupInnerTopContentProperty);
+        set => SetValue(PopupInnerTopContentProperty, value);
+    }
+
+    public static readonly StyledProperty<object?> PopupInnerBottomContentProperty = AvaloniaProperty.Register<TreeComboBox, object?>(
+        nameof(PopupInnerBottomContent));
+
+    public object? PopupInnerBottomContent
+    {
+        get => GetValue(PopupInnerBottomContentProperty);
+        set => SetValue(PopupInnerBottomContentProperty, value);
+    }
     
     static TreeComboBox()
     {
         ItemsPanelProperty.OverrideDefaultValue<TreeComboBox>(DefaultPanel);
         FocusableProperty.OverrideDefaultValue<TreeComboBox>(true);
         SelectedItemProperty.Changed.AddClassHandler<TreeComboBox, object?>((box, args) => box.OnSelectedItemChanged(args));
+        IsDropDownOpenProperty.AffectsPseudoClass<TreeComboBox>(PC_DropdownOpen);
     }
 
     private void OnSelectedItemChanged(AvaloniaPropertyChangedEventArgs<object?> args)
@@ -293,9 +334,4 @@ public class TreeComboBox: ItemsControl, IClearControl, IInnerContentControl, IP
     {
         SelectedItem = null;
     }
-
-    public object? InnerLeftContent { get; set; }
-    public object? InnerRightContent { get; set; }
-    public object? PopupInnerTopContent { get; set; }
-    public object? PopupInnerBottomContent { get; set; }
 } 
\ No newline at end of file
diff --git a/src/Ursa/Converters/SelectionBoxTemplateConverter.cs b/src/Ursa/Converters/SelectionBoxTemplateConverter.cs
index 3f735b7..906e3cc 100644
--- a/src/Ursa/Converters/SelectionBoxTemplateConverter.cs
+++ b/src/Ursa/Converters/SelectionBoxTemplateConverter.cs
@@ -6,11 +6,14 @@ namespace Ursa.Converters;
 
 public class SelectionBoxTemplateConverter: IMultiValueConverter
 {
+    public static SelectionBoxTemplateConverter Instance { get; } = new();
+    
     public object? Convert(IList<object?> values, Type targetType, object? parameter, CultureInfo culture)
     {
-        var selectedItemTemplate = values.Count > 0 ? values[0] as IDataTemplate : null;
-        if (selectedItemTemplate is not null) return selectedItemTemplate;
-        var itemTemplate = values.Count > 1 ? values[1] as IDataTemplate : null;
-        return itemTemplate;
+        for (int i = 0; i < values.Count; i++)
+        {
+            if (values[i] is IDataTemplate template) return template;
+        }
+        return null;
     }
 }
\ No newline at end of file