Initial commit

Author: 0x5bfa

src/Files.App.Controls/Breadcrumb/Breadcrumb.Properties.cs

@@ -0,0 +1,19 @@
+// Copyright (c) Files Community
+// Licensed under the MIT License.
+
+using CommunityToolkit.WinUI;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Media;
+using Microsoft.UI.Xaml.Markup;
+using Microsoft.UI.Xaml.Shapes;
+using Microsoft.UI.Xaml.Input;
+using Microsoft.UI;
+
+namespace Files.App.Controls
+{
+	public sealed partial class Breadcrumb : Control
+	{
+		// TODO: Put properties here
+	}
+}

src/Files.App.Controls/Breadcrumb/Breadcrumb.cs

@@ -0,0 +1,22 @@
+// Copyright (c) Files Community
+// Licensed under the MIT License.
+
+using CommunityToolkit.WinUI;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Media;
+using Microsoft.UI.Xaml.Markup;
+using Microsoft.UI.Xaml.Shapes;
+using Microsoft.UI.Xaml.Input;
+using Microsoft.UI;
+
+namespace Files.App.Controls
+{
+	public sealed partial class Breadcrumb : Control
+	{
+		public Breadcrumb()
+		{
+			DefaultStyleKey = typeof(Breadcrumb);
+		}
+	}
+}

src/Files.App.Controls/Breadcrumb/Breadcrumb.xaml

@@ -0,0 +1,36 @@
+<!--  Copyright (c) Files Community. Licensed under the MIT License.  -->
+<ResourceDictionary
+	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+	xmlns:local="using:Files.App.Controls">
+
+	<!--<x:Double x:Key="OmnibarDefaultHeight">38</x:Double>
+	<CornerRadius x:Key="OmnibarDefaultCornerRadius">19</CornerRadius>
+	<Thickness x:Key="OmnibarFocusedBorderThickness">2</Thickness>
+	<Thickness x:Key="OmnibarUnfocusedBorderThickness">1</Thickness>
+	<Thickness x:Key="OmnibarUnfocusedRootPadding">1</Thickness>-->
+
+	<Style BasedOn="{StaticResource DefaultBreadcrumbStyle}" TargetType="local:Breadcrumb" />
+
+	<Style x:Key="DefaultBreadcrumbStyle" TargetType="local:Breadcrumb">
+		<Setter Property="IsTabStop" Value="True" />
+		<Setter Property="UseSystemFocusVisuals" Value="True" />
+		<Setter Property="HorizontalAlignment" Value="Stretch" />
+		<Setter Property="Background" Value="{ThemeResource ControlFillColorDefaultBrush}" />
+		<!--<Setter Property="Padding" Value="{StaticResource OmnibarUnfocusedRootPadding}" />-->
+		<Setter Property="BorderBrush" Value="{ThemeResource CircleElevationBorderBrush}" />
+		<!--<Setter Property="BorderThickness" Value="{StaticResource OmnibarUnfocusedBorderThickness}" />-->
+		<Setter Property="HorizontalContentAlignment" Value="Stretch" />
+		<!--<Setter Property="CornerRadius" Value="{StaticResource OmnibarDefaultCornerRadius}" />-->
+		<Setter Property="VerticalAlignment" Value="Center" />
+		<Setter Property="IsFocusEngagementEnabled" Value="True" />
+		<Setter Property="Template">
+			<Setter.Value>
+				<ControlTemplate TargetType="local:Breadcrumb">
+					<Grid x:Name="PART_RootGrid" />
+				</ControlTemplate>
+			</Setter.Value>
+		</Setter>
+	</Style>
+
+</ResourceDictionary>

src/Files.App.Controls/Themes/Generic.xaml

@@ -55,7 +55,7 @@
 		<!--#endregion-->
 
 		<!--#region SidebarView-->
-    <ResourceDictionary Source="ms-appx:///Files.App.Controls/Sidebar/SidebarStyles.xaml" />
+		<ResourceDictionary Source="ms-appx:///Files.App.Controls/Sidebar/SidebarStyles.xaml" />
 		<!--#endregion-->
 
 		<!--#region Omnibar-->
@@ -67,6 +67,10 @@
 		<ResourceDictionary Source="ms-appx:///Files.App.Controls/SamplePanel/SamplePanel.xaml" />
 		<!--#endregion-->
 
+		<!--#region Breadcrumb-->
+		<ResourceDictionary Source="ms-appx:///Files.App.Controls/Breadcrumb/Breadcrumb.xaml" />
+		<!--#endregion-->
+
 	</ResourceDictionary.MergedDictionaries>
 
 </ResourceDictionary>

tests/Files.App.UITests/MainWindow.xaml

@@ -92,6 +92,7 @@
 						<NavigationViewItem Content="SidebarView" Tag="SidebarViewPage" />
 						<NavigationViewItem Content="StorageRing/StorageBar" Tag="StorageControlsPage" />
 						<NavigationViewItem Content="Omnibar" Tag="OmnibarPage" />
+						<NavigationViewItem Content="Breadcrumb" Tag="BreadcrumbPage" />
 					</NavigationViewItem.MenuItems>
 				</NavigationViewItem>
 			</NavigationView.MenuItems>

tests/Files.App.UITests/MainWindow.xaml.cs

@@ -50,6 +50,7 @@ private void NavigationView_SelectionChanged(NavigationView sender, NavigationVi
 					nameof(StorageControlsPage) => typeof(StorageControlsPage),
 					nameof(SidebarViewPage) => typeof(SidebarViewPage),
 					nameof(OmnibarPage) => typeof(OmnibarPage),
+					nameof(BreadcrumbPage) => typeof(BreadcrumbPage),
 					_ => throw new InvalidOperationException("There's no applicable page associated with the given key."),
 				});
 

tests/Files.App.UITests/Views/BreadcrumbPage.xaml

@@ -0,0 +1,27 @@
+<!--  Copyright (c) Files Community. Licensed under the MIT License.  -->
+<Page
+	x:Class="Files.App.UITests.Views.BreadcrumbPage"
+	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+	xmlns:controls="using:Files.App.Controls"
+	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+	xmlns:local="using:Files.App.UITests.Views"
+	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+	mc:Ignorable="d">
+
+	<StackPanel Spacing="24">
+
+		<controls:SamplePanel Header="Default usage">
+			<controls:SamplePanel.MainContent>
+				<StackPanel>
+					<TextBlock
+						HorizontalAlignment="Center"
+						VerticalAlignment="Center"
+						FontStyle="Italic"
+						Text="Breadcrumb will come soon in here." />
+				</StackPanel>
+			</controls:SamplePanel.MainContent>
+		</controls:SamplePanel>
+
+	</StackPanel>
+</Page>

tests/Files.App.UITests/Views/BreadcrumbPage.xaml.cs

@@ -0,0 +1,16 @@
+// Copyright (c) Files Community
+// Licensed under the MIT License.
+
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+
+namespace Files.App.UITests.Views
+{
+	public sealed partial class BreadcrumbPage : Page
+	{
+		public BreadcrumbPage()
+		{
+			InitializeComponent();
+		}
+	}
+}