From 550b980f545029590144e77f684c9b7cba3bbe8f Mon Sep 17 00:00:00 2001
From: NaBian <836904362@qq.com>
Date: Sat, 20 Jun 2026 18:16:14 +0800
Subject: [PATCH] feat: Add SearchBar control, themes and demo.

---
 .../Data/DemoInfo.json                        |   1 +
 .../UserControl/Controls/SearchBarDemo.axaml  | 144 +++++++++
 .../Controls/SearchBarDemo.axaml.cs           |  25 ++
 .../Controls/Input/SearchBar.cs               | 129 ++++++++
 .../Themes/Styles/MergedStyles.axaml          |   1 +
 .../Themes/Styles/SearchBar.axaml             | 294 ++++++++++++++++++
 6 files changed, 594 insertions(+)
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/SearchBarDemo.axaml
 create mode 100644 src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/SearchBarDemo.axaml.cs
 create mode 100644 src/Avalonia/HandyControl_Avalonia/Controls/Input/SearchBar.cs
 create mode 100644 src/Avalonia/HandyControl_Avalonia/Themes/Styles/SearchBar.axaml

diff --git a/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json b/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json
index 5c507e64..d2c0eb21 100644
--- a/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json
+++ b/src/Avalonia/HandyControlDemo_Avalonia/Data/DemoInfo.json
@@ -47,6 +47,7 @@
       [ "ProgressButton", "ProgressButtonDemo", "Brush.ProgressBarStatusBar8", "", "Button" ],
       [ "Card", "CardDemo", "Brush.ContactCard", "", "DataDisplay" ],
       [ "PinBox", "PinBoxDemo", "Brush.Ellipsis", "", "DataEntry" ],
+      [ "SearchBar", "SearchBarDemo", "Brush.Search", "", "DataEntry" ],
       [ "ElementGroup", "ElementGroupDemo", "Brush.ButtonGroup", "", "Layout" ],
       [ "CirclePanel", "CirclePanelDemo", "Brush.ColorWheel", "", "Layout" ],
       [ "Grid", "GridDemo", "Brush.GridPane", "", "Layout" ],
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/SearchBarDemo.axaml b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/SearchBarDemo.axaml
new file mode 100644
index 00000000..bd17ae08
--- /dev/null
+++ b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/SearchBarDemo.axaml
@@ -0,0 +1,144 @@
+<UserControl xmlns="https://github.com/avaloniaui"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:hc="https://handyorg.github.io/handycontrol"
+             xmlns:vm="clr-namespace:HandyControlDemo.ViewModel"
+             x:Class="HandyControlDemo.UserControl.SearchBarDemo"
+             DataContext="{Binding InputElementDemo, Source={x:Static vm:ViewModelLocator.Instance}}"
+             Background="{DynamicResource RegionBrush}">
+    <TransitioningContentControl>
+        <ScrollViewer>
+            <hc:UniformSpacingPanel Spacing="32"
+                                    Margin="32"
+                                    ChildWrapping="Wrap">
+                <StackPanel Spacing="16">
+                    <hc:SearchBar SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar IsEnabled="False" />
+
+                    <hc:SearchBar Theme="{StaticResource SearchBarExtend}"
+                                  hc:TitleElement.Title="This is the title"
+                                  SearchStarted="SearchBar_OnSearchStarted"
+                                  Margin="0,16,0,0" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarExtend}"
+                                  Watermark="Please enter content"
+                                  hc:TitleElement.Title="This item must be filled in"
+                                  hc:InfoElement.Necessary="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarExtend}"
+                                  Width="380"
+                                  hc:TitleElement.TitleWidth="120"
+                                  hc:TitleElement.TitlePlacement="Left"
+                                  hc:TitleElement.Title="The title is on the left"
+                                  Watermark="Please enter content"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarExtend}"
+                                  Width="380"
+                                  hc:TitleElement.TitleWidth="120"
+                                  hc:TitleElement.TitlePlacement="Left"
+                                  hc:TitleElement.Title="The title is on the left"
+                                  Watermark="Please enter content"
+                                  hc:InfoElement.Necessary="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                </StackPanel>
+
+                <StackPanel Spacing="16">
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus}"
+                                  hc:InfoElement.ShowClearButton="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus}"
+                                  IsEnabled="False" />
+
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus}"
+                                  hc:InfoElement.ShowClearButton="True"
+                                  hc:TitleElement.Title="This is the title"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus}"
+                                  Watermark="please enter email"
+                                  Text="{Binding Email1, UpdateSourceTrigger=PropertyChanged}"
+                                  hc:TitleElement.Title="This item must be filled in"
+                                  hc:InfoElement.Necessary="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus}"
+                                  Width="380"
+                                  hc:TitleElement.TitleWidth="120"
+                                  hc:TitleElement.TitlePlacement="Left"
+                                  hc:TitleElement.Title="The title is on the left"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus}"
+                                  Width="380"
+                                  hc:InfoElement.ShowClearButton="True"
+                                  hc:TitleElement.TitleWidth="120"
+                                  hc:TitleElement.TitlePlacement="Left"
+                                  hc:TitleElement.Title="The title is on the left"
+                                  Watermark="Please enter content"
+                                  hc:InfoElement.Necessary="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                </StackPanel>
+
+                <StackPanel Spacing="16">
+                    <hc:SearchBar Theme="{StaticResource SearchBar.Small}"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBar.Small}"
+                                  IsEnabled="False" />
+
+                    <hc:SearchBar Theme="{StaticResource SearchBarExtend.Small}"
+                                  hc:TitleElement.Title="This is the title"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarExtend.Small}"
+                                  Watermark="Please enter content"
+                                  hc:TitleElement.Title="This item must be filled in"
+                                  hc:InfoElement.Necessary="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarExtend.Small}"
+                                  Width="380"
+                                  hc:TitleElement.TitleWidth="120"
+                                  hc:TitleElement.TitlePlacement="Left"
+                                  hc:TitleElement.Title="The title is on the left"
+                                  Watermark="Please enter content"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarExtend.Small}"
+                                  Width="380"
+                                  hc:TitleElement.TitleWidth="120"
+                                  hc:TitleElement.TitlePlacement="Left"
+                                  hc:TitleElement.Title="The title is on the left"
+                                  Watermark="Please enter content"
+                                  hc:InfoElement.Necessary="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                </StackPanel>
+
+                <StackPanel Spacing="16">
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus.Small}"
+                                  hc:InfoElement.ShowClearButton="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus.Small}"
+                                  IsEnabled="False" />
+
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus.Small}"
+                                  hc:InfoElement.ShowClearButton="True"
+                                  hc:TitleElement.Title="This is the title"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus.Small}"
+                                  Watermark="please enter email"
+                                  Text="{Binding Email2, UpdateSourceTrigger=PropertyChanged}"
+                                  hc:TitleElement.Title="This item must be filled in"
+                                  hc:InfoElement.Necessary="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus.Small}"
+                                  Width="380"
+                                  hc:TitleElement.TitleWidth="120"
+                                  hc:TitleElement.TitlePlacement="Left"
+                                  hc:TitleElement.Title="The title is on the left"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                    <hc:SearchBar Theme="{StaticResource SearchBarPlus.Small}"
+                                  Width="380"
+                                  hc:InfoElement.ShowClearButton="True"
+                                  hc:TitleElement.TitleWidth="120"
+                                  hc:TitleElement.TitlePlacement="Left"
+                                  hc:TitleElement.Title="The title is on the left"
+                                  Watermark="Please enter content"
+                                  hc:InfoElement.Necessary="True"
+                                  SearchStarted="SearchBar_OnSearchStarted" />
+                </StackPanel>
+            </hc:UniformSpacingPanel>
+        </ScrollViewer>
+    </TransitioningContentControl>
+</UserControl>
diff --git a/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/SearchBarDemo.axaml.cs b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/SearchBarDemo.axaml.cs
new file mode 100644
index 00000000..861e4bd2
--- /dev/null
+++ b/src/Avalonia/HandyControlDemo_Avalonia/UserControl/Controls/SearchBarDemo.axaml.cs
@@ -0,0 +1,25 @@
+using Avalonia.Interactivity;
+using HandyControl.Controls;
+using HandyControl.Data;
+
+namespace HandyControlDemo.UserControl;
+
+public partial class SearchBarDemo : Avalonia.Controls.UserControl
+{
+    public SearchBarDemo()
+    {
+        InitializeComponent();
+    }
+
+    private void SearchBar_OnSearchStarted(object? sender, FunctionEventArgs<string?> e)
+    {
+        if (string.IsNullOrWhiteSpace(e.Info))
+        {
+            return;
+        }
+
+        var growlType = System.Type.GetType("HandyControl.Controls.Growl, HandyControl");
+        var method = growlType?.GetMethod("Info", [typeof(string), typeof(string)]);
+        method?.Invoke(null, [e.Info, string.Empty]);
+    }
+}
diff --git a/src/Avalonia/HandyControl_Avalonia/Controls/Input/SearchBar.cs b/src/Avalonia/HandyControl_Avalonia/Controls/Input/SearchBar.cs
new file mode 100644
index 00000000..61f24624
--- /dev/null
+++ b/src/Avalonia/HandyControl_Avalonia/Controls/Input/SearchBar.cs
@@ -0,0 +1,129 @@
+using System;
+using System.Windows.Input;
+using Avalonia;
+using Avalonia.Controls;
+using Avalonia.Controls.Metadata;
+using Avalonia.Controls.Primitives;
+using Avalonia.Input;
+using Avalonia.Interactivity;
+using HandyControl.Data;
+
+namespace HandyControl.Controls;
+
+[TemplatePart(Name = ElementSearchButton, Type = typeof(Button))]
+public class SearchBar : TextBox
+{
+    private const string ElementSearchButton = "PART_SearchButton";
+
+    public static readonly RoutedEvent<FunctionEventArgs<string?>> SearchStartedEvent =
+        RoutedEvent.Register<SearchBar, FunctionEventArgs<string?>>(nameof(SearchStarted), RoutingStrategies.Bubble);
+
+    public static readonly StyledProperty<bool> IsRealTimeProperty =
+        AvaloniaProperty.Register<SearchBar, bool>(nameof(IsRealTime));
+
+    public static readonly StyledProperty<ICommand?> CommandProperty =
+        AvaloniaProperty.Register<SearchBar, ICommand?>(nameof(Command));
+
+    public static readonly StyledProperty<object?> CommandParameterProperty =
+        AvaloniaProperty.Register<SearchBar, object?>(nameof(CommandParameter));
+
+    public static readonly StyledProperty<IInputElement?> CommandTargetProperty =
+        AvaloniaProperty.Register<SearchBar, IInputElement?>(nameof(CommandTarget));
+
+    private Button? _searchButton;
+
+    static SearchBar()
+    {
+        TextProperty.Changed.AddClassHandler<SearchBar>((searchBar, _) =>
+        {
+            if (searchBar.IsRealTime)
+            {
+                searchBar.OnSearchStarted();
+            }
+        });
+    }
+
+    public event EventHandler<FunctionEventArgs<string?>> SearchStarted
+    {
+        add => AddHandler(SearchStartedEvent, value);
+        remove => RemoveHandler(SearchStartedEvent, value);
+    }
+
+    public bool IsRealTime
+    {
+        get => GetValue(IsRealTimeProperty);
+        set => SetValue(IsRealTimeProperty, value);
+    }
+
+    public ICommand? Command
+    {
+        get => GetValue(CommandProperty);
+        set => SetValue(CommandProperty, value);
+    }
+
+    public object? CommandParameter
+    {
+        get => GetValue(CommandParameterProperty);
+        set => SetValue(CommandParameterProperty, value);
+    }
+
+    public IInputElement? CommandTarget
+    {
+        get => GetValue(CommandTargetProperty);
+        set => SetValue(CommandTargetProperty, value);
+    }
+
+    protected override void OnApplyTemplate(TemplateAppliedEventArgs e)
+    {
+        base.OnApplyTemplate(e);
+
+        if (_searchButton != null)
+        {
+            _searchButton.Click -= SearchButtonOnClick;
+        }
+
+        _searchButton = e.NameScope.Find<Button>(ElementSearchButton);
+        if (_searchButton != null)
+        {
+            _searchButton.Click += SearchButtonOnClick;
+        }
+    }
+
+    protected override void OnKeyDown(KeyEventArgs e)
+    {
+        base.OnKeyDown(e);
+
+        if (e.Key == Key.Enter)
+        {
+            OnSearchStarted();
+            e.Handled = true;
+        }
+    }
+
+    private void SearchButtonOnClick(object? sender, Avalonia.Interactivity.RoutedEventArgs e)
+    {
+        OnSearchStarted();
+    }
+
+    private void OnSearchStarted()
+    {
+        RaiseEvent(new FunctionEventArgs<string?>(SearchStartedEvent, this)
+        {
+            Info = Text
+        });
+
+        var command = Command;
+        if (command == null)
+        {
+            return;
+        }
+
+        var parameter = CommandParameter ?? Text;
+        if (!command.CanExecute(parameter))
+        {
+            return;
+        }
+
+        command.Execute(parameter);
+    }
+}
diff --git a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml
index f1beca3f..1dab63d2 100644
--- a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml
+++ b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/MergedStyles.axaml
@@ -59,6 +59,7 @@
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/Clock.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/TimePicker.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/TextBox.axaml" />
+                <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/SearchBar.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/PinBox.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/AutoCompleteBox.axaml" />
                 <MergeResourceInclude Source="avares://HandyControl/Themes/Styles/ButtonSpinner.axaml" />
diff --git a/src/Avalonia/HandyControl_Avalonia/Themes/Styles/SearchBar.axaml b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/SearchBar.axaml
new file mode 100644
index 00000000..718f84f0
--- /dev/null
+++ b/src/Avalonia/HandyControl_Avalonia/Themes/Styles/SearchBar.axaml
@@ -0,0 +1,294 @@
+<ResourceDictionary xmlns="https://github.com/avaloniaui"
+                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                    x:ClassModifier="internal"
+                    xmlns:hc="clr-namespace:HandyControl.Controls"
+                    xmlns:sys="using:System">
+
+    <ControlTheme x:Key="SearchBarBaseStyle"
+                  BasedOn="{StaticResource TextBoxBaseStyle}"
+                  TargetType="hc:SearchBar">
+        <Setter Property="Template">
+            <ControlTemplate>
+                <DataValidationErrors>
+                    <Panel>
+                        <Border x:Name="border"
+                                CornerRadius="{TemplateBinding CornerRadius}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                Background="{TemplateBinding Background}" />
+                        <Grid ColumnDefinitions="*,Auto">
+                            <TextBlock Grid.Column="0"
+                                       VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                       Margin="{TemplateBinding Padding}"
+                                       IsVisible="{TemplateBinding Text, Converter={x:Static StringConverters.IsNullOrEmpty}}"
+                                       HorizontalAlignment="Stretch"
+                                       Theme="{StaticResource TextBlockDefaultThiLight}"
+                                       Text="{TemplateBinding Watermark}" />
+                            <ScrollViewer Grid.Column="0"
+                                          Name="PART_ScrollViewer"
+                                          AllowAutoHide="{TemplateBinding (ScrollViewer.AllowAutoHide)}"
+                                          BringIntoViewOnFocusChange="{TemplateBinding (ScrollViewer.BringIntoViewOnFocusChange)}"
+                                          HorizontalScrollBarVisibility="Hidden"
+                                          IsScrollChainingEnabled="{TemplateBinding (ScrollViewer.IsScrollChainingEnabled)}"
+                                          VerticalScrollBarVisibility="Hidden">
+                                <TextPresenter Name="PART_TextPresenter"
+                                               Margin="{TemplateBinding Padding}"
+                                               VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                               CaretBlinkInterval="{TemplateBinding CaretBlinkInterval}"
+                                               CaretBrush="{TemplateBinding CaretBrush}"
+                                               CaretIndex="{TemplateBinding CaretIndex}"
+                                               LineHeight="{TemplateBinding LineHeight}"
+                                               LetterSpacing="{TemplateBinding LetterSpacing}"
+                                               PasswordChar="{TemplateBinding PasswordChar}"
+                                               RevealPassword="{TemplateBinding RevealPassword}"
+                                               SelectionBrush="{TemplateBinding SelectionBrush}"
+                                               SelectionEnd="{TemplateBinding SelectionEnd}"
+                                               SelectionForegroundBrush="{TemplateBinding SelectionForegroundBrush}"
+                                               SelectionStart="{TemplateBinding SelectionStart}"
+                                               Text="{TemplateBinding Text, Mode=TwoWay}"
+                                               TextAlignment="{TemplateBinding TextAlignment}"
+                                               TextWrapping="{TemplateBinding TextWrapping}" />
+                            </ScrollViewer>
+                            <Button Grid.Column="1"
+                                    x:Name="PART_SearchButton"
+                                    HorizontalContentAlignment="Left"
+                                    HorizontalAlignment="Stretch"
+                                    VerticalAlignment="Stretch"
+                                    Focusable="False"
+                                    Theme="{StaticResource ButtonIcon}"
+                                    hc:IconElement.Width="14"
+                                    Padding="{Binding Padding, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource ThicknessSplitConverter}, ConverterParameter='0,0,1,0'}"
+                                    hc:IconElement.Geometry="{StaticResource SearchGeometry}"
+                                    Foreground="{Binding BorderBrush, ElementName=border}" />
+                        </Grid>
+                    </Panel>
+                </DataValidationErrors>
+            </ControlTemplate>
+        </Setter>
+
+        <Style Selector="^:disabled">
+            <Setter Property="Opacity"
+                    Value="0.4" />
+        </Style>
+
+        <Style Selector="^:pointerover /template/ Border#border">
+            <Setter Property="BorderBrush"
+                    Value="{DynamicResource SecondaryBorderBrush}" />
+        </Style>
+
+        <Style Selector="^:focus">
+            <Style Selector="^:pointerover /template/ Border#border">
+                <Setter Property="BorderBrush"
+                        Value="{DynamicResource PrimaryBrush}" />
+            </Style>
+            <Setter Property="BorderBrush"
+                    Value="{DynamicResource PrimaryBrush}" />
+        </Style>
+
+        <Style Selector="^:error /template/ Border#border">
+            <Setter Property="BorderBrush"
+                    Value="{DynamicResource DangerBrush}" />
+        </Style>
+    </ControlTheme>
+
+    <ControlTheme x:Key="{x:Type hc:SearchBar}"
+                  BasedOn="{StaticResource SearchBarBaseStyle}"
+                  TargetType="hc:SearchBar" />
+
+    <ControlTheme x:Key="SearchBar.Small"
+                  BasedOn="{StaticResource SearchBarBaseStyle}"
+                  TargetType="hc:SearchBar">
+        <Setter Property="MinHeight"
+                Value="20" />
+        <Setter Property="Padding"
+                Value="6,0" />
+    </ControlTheme>
+
+    <ControlTheme x:Key="SearchBarExtend"
+                  BasedOn="{StaticResource SearchBarBaseStyle}"
+                  TargetType="hc:SearchBar">
+        <Setter Property="hc:InfoElement.Symbol"
+                Value="●" />
+        <Setter Property="hc:InfoElement.ContentHeight"
+                Value="{x:Static sys:Double.NaN}" />
+        <Setter Property="hc:InfoElement.MinContentHeight"
+                Value="{StaticResource DefaultControlHeight}" />
+        <Setter Property="Template">
+            <ControlTemplate>
+                <HeaderedContentControl Header="{Binding $parent.(hc:TitleElement.Title)}">
+                    <Grid ColumnDefinitions="*,Auto">
+                        <Border x:Name="border"
+                                Grid.ColumnSpan="2"
+                                CornerRadius="{TemplateBinding CornerRadius}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                Background="{TemplateBinding Background}" />
+                        <TextBlock Grid.Column="0"
+                                   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                   Margin="{TemplateBinding Padding}"
+                                   IsVisible="{TemplateBinding Text, Converter={x:Static StringConverters.IsNullOrEmpty}}"
+                                   HorizontalAlignment="Stretch"
+                                   Theme="{StaticResource TextBlockDefaultThiLight}"
+                                   Text="{TemplateBinding Watermark}" />
+                        <ScrollViewer Grid.Column="0"
+                                      Name="PART_ScrollViewer"
+                                      AllowAutoHide="{TemplateBinding (ScrollViewer.AllowAutoHide)}"
+                                      BringIntoViewOnFocusChange="{TemplateBinding (ScrollViewer.BringIntoViewOnFocusChange)}"
+                                      HorizontalScrollBarVisibility="Hidden"
+                                      IsScrollChainingEnabled="{TemplateBinding (ScrollViewer.IsScrollChainingEnabled)}"
+                                      VerticalScrollBarVisibility="Hidden">
+                            <TextPresenter Name="PART_TextPresenter"
+                                           Margin="{TemplateBinding Padding}"
+                                           VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                           CaretBlinkInterval="{TemplateBinding CaretBlinkInterval}"
+                                           CaretBrush="{TemplateBinding CaretBrush}"
+                                           CaretIndex="{TemplateBinding CaretIndex}"
+                                           LineHeight="{TemplateBinding LineHeight}"
+                                           LetterSpacing="{TemplateBinding LetterSpacing}"
+                                           PasswordChar="{TemplateBinding PasswordChar}"
+                                           RevealPassword="{TemplateBinding RevealPassword}"
+                                           SelectionBrush="{TemplateBinding SelectionBrush}"
+                                           SelectionEnd="{TemplateBinding SelectionEnd}"
+                                           SelectionForegroundBrush="{TemplateBinding SelectionForegroundBrush}"
+                                           SelectionStart="{TemplateBinding SelectionStart}"
+                                           Text="{TemplateBinding Text, Mode=TwoWay}"
+                                           TextAlignment="{TemplateBinding TextAlignment}"
+                                           TextWrapping="{TemplateBinding TextWrapping}" />
+                        </ScrollViewer>
+                        <Button Grid.Column="1"
+                                x:Name="PART_SearchButton"
+                                HorizontalContentAlignment="Left"
+                                HorizontalAlignment="Stretch"
+                                VerticalAlignment="Stretch"
+                                Focusable="False"
+                                Theme="{StaticResource ButtonIcon}"
+                                hc:IconElement.Width="14"
+                                Padding="{Binding Padding, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource ThicknessSplitConverter}, ConverterParameter='0,0,1,0'}"
+                                hc:IconElement.Geometry="{StaticResource SearchGeometry}"
+                                Foreground="{Binding BorderBrush, ElementName=border}" />
+                    </Grid>
+                </HeaderedContentControl>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+
+    <ControlTheme x:Key="SearchBarExtend.Small"
+                  BasedOn="{StaticResource SearchBarExtend}"
+                  TargetType="hc:SearchBar">
+        <Setter Property="hc:InfoElement.MinContentHeight"
+                Value="20" />
+        <Setter Property="hc:InfoElement.ContentHeight"
+                Value="20" />
+        <Setter Property="hc:TitleElement.MarginOnTheLeft"
+                Value="0,3,6,0" />
+        <Setter Property="hc:TitleElement.MarginOnTheTop"
+                Value="6,0,0,1" />
+        <Setter Property="Padding"
+                Value="6,0" />
+        <Setter Property="MinHeight"
+                Value="20" />
+    </ControlTheme>
+
+    <ControlTheme x:Key="SearchBarPlus"
+                  BasedOn="{StaticResource SearchBarExtend}"
+                  TargetType="hc:SearchBar">
+        <Setter Property="Template">
+            <ControlTemplate>
+                <HeaderedContentControl Header="{Binding $parent.(hc:TitleElement.Title)}">
+                    <Grid ColumnDefinitions="*,Auto,Auto">
+                        <Border x:Name="border"
+                                Grid.ColumnSpan="3"
+                                CornerRadius="{TemplateBinding CornerRadius}"
+                                BorderBrush="{TemplateBinding BorderBrush}"
+                                BorderThickness="{TemplateBinding BorderThickness}"
+                                Background="{TemplateBinding Background}" />
+                        <TextBlock Grid.Column="0"
+                                   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                   Margin="{TemplateBinding Padding}"
+                                   IsVisible="{TemplateBinding Text, Converter={x:Static StringConverters.IsNullOrEmpty}}"
+                                   HorizontalAlignment="Stretch"
+                                   Theme="{StaticResource TextBlockDefaultThiLight}"
+                                   Text="{TemplateBinding Watermark}" />
+                        <ScrollViewer Grid.Column="0"
+                                      Name="PART_ScrollViewer"
+                                      AllowAutoHide="{TemplateBinding (ScrollViewer.AllowAutoHide)}"
+                                      BringIntoViewOnFocusChange="{TemplateBinding (ScrollViewer.BringIntoViewOnFocusChange)}"
+                                      HorizontalScrollBarVisibility="Hidden"
+                                      IsScrollChainingEnabled="{TemplateBinding (ScrollViewer.IsScrollChainingEnabled)}"
+                                      VerticalScrollBarVisibility="Hidden">
+                            <TextPresenter Name="PART_TextPresenter"
+                                           Margin="{TemplateBinding Padding}"
+                                           VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
+                                           CaretBlinkInterval="{TemplateBinding CaretBlinkInterval}"
+                                           CaretBrush="{TemplateBinding CaretBrush}"
+                                           CaretIndex="{TemplateBinding CaretIndex}"
+                                           LineHeight="{TemplateBinding LineHeight}"
+                                           LetterSpacing="{TemplateBinding LetterSpacing}"
+                                           PasswordChar="{TemplateBinding PasswordChar}"
+                                           RevealPassword="{TemplateBinding RevealPassword}"
+                                           SelectionBrush="{TemplateBinding SelectionBrush}"
+                                           SelectionEnd="{TemplateBinding SelectionEnd}"
+                                           SelectionForegroundBrush="{TemplateBinding SelectionForegroundBrush}"
+                                           SelectionStart="{TemplateBinding SelectionStart}"
+                                           Text="{TemplateBinding Text, Mode=TwoWay}"
+                                           TextAlignment="{TemplateBinding TextAlignment}"
+                                           TextWrapping="{TemplateBinding TextWrapping}" />
+                        </ScrollViewer>
+                        <Button Grid.Column="1"
+                                HorizontalContentAlignment="Left"
+                                HorizontalAlignment="Stretch"
+                                VerticalAlignment="Stretch"
+                                Focusable="False"
+                                Theme="{StaticResource ButtonIcon}"
+                                hc:IconElement.Width="14"
+                                Padding="0,0,2,0"
+                                hc:IconElement.Geometry="{StaticResource DeleteFillCircleGeometry}"
+                                Foreground="{Binding BorderBrush, ElementName=border}"
+                                Command="{Binding $parent[TextBox].Clear}">
+                            <Button.IsVisible>
+                                <MultiBinding Converter="{x:Static BoolConverters.And}">
+                                    <Binding RelativeSource="{RelativeSource TemplatedParent}"
+                                             Path="IsPointerOver" />
+                                    <Binding RelativeSource="{RelativeSource TemplatedParent}"
+                                             Path="(hc:InfoElement.ShowClearButton)" />
+                                    <Binding RelativeSource="{RelativeSource TemplatedParent}"
+                                             Path="IsReadOnly"
+                                             Converter="{x:Static BoolConverters.Not}" />
+                                </MultiBinding>
+                            </Button.IsVisible>
+                        </Button>
+                        <Button Grid.Column="2"
+                                x:Name="PART_SearchButton"
+                                HorizontalContentAlignment="Left"
+                                HorizontalAlignment="Stretch"
+                                VerticalAlignment="Stretch"
+                                Focusable="False"
+                                Theme="{StaticResource ButtonIcon}"
+                                hc:IconElement.Width="14"
+                                Padding="{Binding Padding, RelativeSource={RelativeSource TemplatedParent}, Converter={StaticResource ThicknessSplitConverter}, ConverterParameter='0,0,1,0'}"
+                                hc:IconElement.Geometry="{StaticResource SearchGeometry}"
+                                Foreground="{Binding BorderBrush, ElementName=border}" />
+                    </Grid>
+                </HeaderedContentControl>
+            </ControlTemplate>
+        </Setter>
+    </ControlTheme>
+
+    <ControlTheme x:Key="SearchBarPlus.Small"
+                  BasedOn="{StaticResource SearchBarPlus}"
+                  TargetType="hc:SearchBar">
+        <Setter Property="hc:InfoElement.MinContentHeight"
+                Value="20" />
+        <Setter Property="hc:InfoElement.ContentHeight"
+                Value="20" />
+        <Setter Property="hc:TitleElement.MarginOnTheLeft"
+                Value="0,3,6,0" />
+        <Setter Property="hc:TitleElement.MarginOnTheTop"
+                Value="6,0,0,1" />
+        <Setter Property="Padding"
+                Value="6,0" />
+        <Setter Property="MinHeight"
+                Value="20" />
+    </ControlTheme>
+
+</ResourceDictionary>