From da694b666103d318394745bcc3ccc983a8804e97 Mon Sep 17 00:00:00 2001
From: Zakaria Tahri <101801384+Zakariathr22@users.noreply.github.com>
Date: Tue, 14 Jan 2025 10:04:00 +0100
Subject: [PATCH] Add Popup Control Page (#1723)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Description
This pull request introduces a new page for the `Popup` control,
providing an example and details for developers to better understand and
utilize the control, main changes are:
1. Added Popup Control Details in `ControlInfoData.json`
- Included a new entry for the Popup control, with relevant descriptions
and metadata.
    - Created a New Page for the Popup Control

2. The page includes an example that demonstrates the Popup control’s
capabilities:
    - Light dismissal (IsLightDismissEnabled).
    - Offset positioning (HorizontalOffset and VerticalOffset).
- Provided detailed comments in the example code for better
understanding and usage.

## Motivation and Context
Closes #1713

## How Has This Been Tested?
**Manually Tested**

## Screenshots (if appropriate):

![image](https://github.com/user-attachments/assets/caf93b37-523b-4980-946e-8ee7b08d0b8f)

![image](https://github.com/user-attachments/assets/132ced3d-fec8-4d20-a271-1dc561e7e4cd)

## Types of changes
<!--- What types of changes does your code introduce? Put an `x` in all
the boxes that apply: -->
- [ ] Bug fix (non-breaking change which fixes an issue)
- [X] New feature (non-breaking change which adds functionality)
- [ ] Breaking change (fix or feature that would cause existing
functionality to change)

---------

Co-authored-by: Niels Laute <niels.laute@live.nl>
---
 WinUIGallery/Assets/ControlImages/Popup.png | Bin 0 -> 3595 bytes
 WinUIGallery/ControlPages/PopupPage.xaml    | 111 ++++++++++++++++++++
 WinUIGallery/ControlPages/PopupPage.xaml.cs |  53 ++++++++++
 WinUIGallery/DataModel/ControlInfoData.json |  26 ++++-
 WinUIGallery/WinUIGallery.csproj            |   7 ++
 5 files changed, 196 insertions(+), 1 deletion(-)
 create mode 100644 WinUIGallery/Assets/ControlImages/Popup.png
 create mode 100644 WinUIGallery/ControlPages/PopupPage.xaml
 create mode 100644 WinUIGallery/ControlPages/PopupPage.xaml.cs

diff --git a/WinUIGallery/Assets/ControlImages/Popup.png b/WinUIGallery/Assets/ControlImages/Popup.png
new file mode 100644
index 0000000000000000000000000000000000000000..f4b04d92d3d1e31d4b51047e93043e6f7676bb23
GIT binary patch
literal 3595
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
Rj3xj8002ovPDHLkV1mr>x{Uw;

literal 0
HcmV?d00001

diff --git a/WinUIGallery/ControlPages/PopupPage.xaml b/WinUIGallery/ControlPages/PopupPage.xaml
new file mode 100644
index 000000000..4276d02e3
--- /dev/null
+++ b/WinUIGallery/ControlPages/PopupPage.xaml
@@ -0,0 +1,111 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Page
+    x:Class="WinUIGallery.ControlPages.PopupPage"
+    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+    xmlns:local="using:WinUIGallery"
+    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+    mc:Ignorable="d">
+
+    <StackPanel>
+        <local:ControlExample HeaderText="Popup with Offset Positioning">
+            <local:ControlExample.Example>
+                <Grid x:Name="Output"
+                      HorizontalAlignment="Left"
+                      VerticalAlignment="Top">
+                    <Button Content="Show Popup (using Offset)"
+                            Click="ShowPopupOffsetClicked" />
+                    <Popup VerticalOffset="{x:Bind VerticalOffset.Value , Mode=OneWay}"
+                           HorizontalOffset="{x:Bind HorizontalOffset.Value , Mode=OneWay}"
+                           IsLightDismissEnabled="{x:Bind IsLightDismissEnabledToggleSwitch.IsOn , Mode=OneWay}"
+                           x:Name="StandardPopup"
+                           Closed="PopupClosed">
+                        <Border Padding="20"
+                                CornerRadius="8"
+                                Width="200"
+                                Height="150"
+                                Background="{ThemeResource AcrylicBackgroundFillColorDefaultBrush}"
+                                BorderThickness="1"
+                                BorderBrush="{ThemeResource SurfaceStrokeColorDefaultBrush}">
+                            <StackPanel HorizontalAlignment="Center"
+                                        VerticalAlignment="Center"
+                                        Spacing="8">
+                                <TextBlock Text="Simple Popup"
+                                           FontSize="16"
+                                           HorizontalAlignment="Center" />
+                                <Button Content="Close"
+                                        Click="ClosePopupClicked" />
+                            </StackPanel>
+                        </Border>
+                    </Popup>
+                </Grid>
+            </local:ControlExample.Example>
+            <local:ControlExample.Options>
+                <StackPanel Spacing="8">
+                    <ToggleSwitch x:Name="IsLightDismissEnabledToggleSwitch"
+                                  Header="IsLightDismissEnabled"
+                                  OffContent="False"
+                                  OnContent="True"
+                                  IsOn="False"
+                                  />
+                    <NumberBox x:Name="VerticalOffset"
+                               Header="VerticalOffset"
+                               Minimum="-100"
+                               Maximum="100"
+                               Value="0"
+                               SpinButtonPlacementMode="Inline"
+                               SmallChange="10"
+                               LargeChange="100" />
+                    <NumberBox x:Name="HorizontalOffset"
+                               Header="HorizontalOffset"
+                               Minimum="-100"
+                               Maximum="500"
+                               Value="200"
+                               SpinButtonPlacementMode="Inline"
+                               SmallChange="10"
+                               LargeChange="100" />
+                </StackPanel>
+            </local:ControlExample.Options>
+            <local:ControlExample.CSharp>
+                <x:String xml:space="preserve">
+// Handles the Click event on the Button on the page and opens the Popup. 
+private void ShowPopupOffsetClicked(object sender, RoutedEventArgs e)
+{
+    // open the Popup if it isn't open already 
+    if (!StandardPopup.IsOpen) { StandardPopup.IsOpen = true; }
+}
+
+// Handles the Click event on the Button inside the Popup control and closes the Popup. 
+private void ClosePopupClicked(object sender, RoutedEventArgs e)
+{
+    // if the Popup is open, then close it 
+    if (StandardPopup.IsOpen) { StandardPopup.IsOpen = false; }
+}
+                </x:String>
+            </local:ControlExample.CSharp>
+            <local:ControlExample.Xaml>
+                <x:String xml:space="preserve">
+&lt;Grid x:Name="Output" HorizontalAlignment="Left" VerticalAlignment="Top" &gt;
+    &lt;Button Content="Show Popup (using Offset)" Click="ShowPopupOffsetClicked" /&gt;
+    &lt;Popup x:Name="StandardPopup" VerticalOffset="$(VerticalOffset)" HorizontalOffset="$(HorizontalOffset)" IsLightDismissEnabled="$(IsLightDismissEnabled)"
+           BorderThickness="1" BorderBrush="{ThemeResource SurfaceStrokeColorDefaultBrush}"&gt;
+        &lt;Border Padding="20" CornerRadius="8" Width="200" Height="150"
+                Background="{ThemeResource AcrylicBackgroundFillColorDefaultBrush}"&gt;
+            &lt;StackPanel HorizontalAlignment="Center" VerticalAlignment="Center" Spacing="8"&gt;
+                &lt;TextBlock Text="Simple Popup" FontSize="16" HorizontalAlignment="Center" /&gt;
+                &lt;Button Content="Close" Click="ClosePopupClicked" /&gt;
+            &lt;/StackPanel&gt;
+        &lt;/Border&gt;
+    &lt;/Popup&gt;
+&lt;/Grid&gt;
+                </x:String>
+            </local:ControlExample.Xaml>
+            <local:ControlExample.Substitutions>
+                <local:ControlExampleSubstitution Key="VerticalOffset" Value="{x:Bind VerticalOffset.Value, Mode=OneWay}" />
+                <local:ControlExampleSubstitution Key="HorizontalOffset" Value="{x:Bind HorizontalOffset.Value, Mode=OneWay}" />
+                <local:ControlExampleSubstitution Key="IsLightDismissEnabled" Value="{x:Bind IsLightDismissEnabledToggleSwitch.IsOn, Mode=OneWay}" />
+            </local:ControlExample.Substitutions>
+        </local:ControlExample>
+    </StackPanel>
+</Page>
diff --git a/WinUIGallery/ControlPages/PopupPage.xaml.cs b/WinUIGallery/ControlPages/PopupPage.xaml.cs
new file mode 100644
index 000000000..fa77e6fdf
--- /dev/null
+++ b/WinUIGallery/ControlPages/PopupPage.xaml.cs
@@ -0,0 +1,53 @@
+using System;
+using System.Collections.Generic;
+using System.IO;
+using System.Linq;
+using System.Runtime.InteropServices.WindowsRuntime;
+using Windows.Foundation;
+using Windows.Foundation.Collections;
+using Microsoft.UI.Xaml;
+using Microsoft.UI.Xaml.Controls;
+using Microsoft.UI.Xaml.Controls.Primitives;
+using Microsoft.UI.Xaml.Data;
+using Microsoft.UI.Xaml.Input;
+using Microsoft.UI.Xaml.Media;
+using Microsoft.UI.Xaml.Navigation;
+
+// To learn more about WinUI, the WinUI project structure,
+// and more about our project templates, see: http://aka.ms/winui-project-info.
+
+namespace WinUIGallery.ControlPages
+{
+    /// <summary>
+    /// An empty page that can be used on its own or navigated to within a Frame.
+    /// </summary>
+    public sealed partial class PopupPage : Page
+    {
+        public PopupPage()
+        {
+            this.InitializeComponent();
+        }
+
+        // Handles the Click event on the Button on the page and opens the Popup. 
+        private void ShowPopupOffsetClicked(object sender, RoutedEventArgs e)
+        {
+            // open the Popup if it isn't open already 
+            if (!StandardPopup.IsOpen) { StandardPopup.IsOpen = true; }
+            IsLightDismissEnabledToggleSwitch.IsEnabled = false;
+        }
+
+        // Handles the Click event on the Button inside the Popup control and 
+        // closes the Popup. 
+        private void ClosePopupClicked(object sender, RoutedEventArgs e)
+        {
+            // if the Popup is open, then close it 
+            if (StandardPopup.IsOpen) { StandardPopup.IsOpen = false; }
+            IsLightDismissEnabledToggleSwitch.IsEnabled = true;
+        }
+
+        private void PopupClosed(object sender, object e)
+        {
+            IsLightDismissEnabledToggleSwitch.IsEnabled = true;
+        }
+    }
+}
diff --git a/WinUIGallery/DataModel/ControlInfoData.json b/WinUIGallery/DataModel/ControlInfoData.json
index b147bdb5a..d28fc748d 100644
--- a/WinUIGallery/DataModel/ControlInfoData.json
+++ b/WinUIGallery/DataModel/ControlInfoData.json
@@ -1719,6 +1719,30 @@
             "AppBarButton"
           ]
         },
+        {
+          "UniqueId": "Popup",
+          "Title": "Popup",
+          "BaseClasses": [
+            "Object",
+            "DependencyObject",
+            "UIElement",
+            "FrameworkElement"
+          ],
+          "ApiNamespace": "Microsoft.UI.Xaml.Controls.Primitives",
+          "Subtitle": "A UI element displaying temporary content over existing interface.",
+          "ImagePath": "ms-appx:///Assets/ControlImages/Popup.png",
+          "Description": "The Popup Control allows your app to display temporary content above other UI elements. It can be used for lightweight interactions such as tooltips, notifications, or custom floating panels to enhance user workflows or highlight specific parts of the interface.",
+          "IsNew": true,
+          "Docs": [
+            {
+              "Title": "Popup - API",
+              "Uri": "https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.primitives.popup"
+            }
+          ],
+          "RelatedControls": [
+            "ContentDialog"
+          ]
+        },
         {
           "UniqueId": "TeachingTip",
           "Title": "TeachingTip",
@@ -1751,7 +1775,7 @@
             "Flyout",
             "ToolTip"
           ]
-        }
+        }       
       ]
     },
     {
diff --git a/WinUIGallery/WinUIGallery.csproj b/WinUIGallery/WinUIGallery.csproj
index c100b5942..c4f9a06da 100644
--- a/WinUIGallery/WinUIGallery.csproj
+++ b/WinUIGallery/WinUIGallery.csproj
@@ -146,6 +146,7 @@
 
     <ItemGroup>
         <None Remove="Assets\ControlImages\Accessibility.png" />
+        <None Remove="Assets\ControlImages\Popup.png" />
         <None Remove="Assets\Design\Cards.dark.png" />
         <None Remove="Assets\Design\Cards.light.png" />
         <None Remove="Assets\Design\Dialog.dark.png" />
@@ -315,6 +316,7 @@
 
     <ItemGroup>
         <Content Include="Assets\ControlImages\Accessibility.png" />
+        <Content Include="Assets\ControlImages\Popup.png" />
         <Content Include="Assets\Design\Cards.dark.png" />
         <Content Include="Assets\Design\Cards.light.png" />
         <Content Include="Assets\Design\Dialog.dark.png" />
@@ -563,6 +565,11 @@
     <ItemGroup>
       <Folder Include="ControlPages\Accessibility\" />
     </ItemGroup>
+    <ItemGroup>
+      <Page Update="ControlPages\PopupPage.xaml">
+        <Generator>MSBuild:Compile</Generator>
+      </Page>
+    </ItemGroup>
     <Import Project="ContentIncludes.props" />
     <!--Per comment in Microsoft.Common.CurrentVersion.targets, the default GetCopyToPublishDirectoryItems 
         just returns GetCopyToOutputDirectoryItems, which automatically includes the ContentWithTargetPath