Implement Popup control in MAUI Toolkit

maui/samples/Gallery/ControlList.xml

@@ -19,6 +19,7 @@
     <Assembly Name="NumericEntry" />
     <Assembly Name="NumericUpDown" />
 	<Assembly Name="Calendar" />
+	<Assembly Name="Popup"/>
 	<Assembly Name="Cards" />
 	</Assemblies>
 </SampleBrowser>

maui/samples/Gallery/SampleList/PopupSamplesList.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<SyncfusionControls>
+	<ControlCategory Name="Layouts">
+		<Control Title="Popup" ControlName="SfPopup" Image="popup.png" Description="Enables custom alert messages or loading specific views in a popup.">
+			<Sample SearchTags="popup, pop, up, alert, dialogue, toast" SampleName="GettingStarted" Title="Getting Started" />
+		</Control>
+	</ControlCategory>
+</SyncfusionControls>

maui/samples/Gallery/Samples/Popup/GettingStarted/GettingStarted.xaml.cs

@@ -0,0 +1,10 @@
+namespace Syncfusion.Maui.ControlsGallery.Popup.SfPopup
+{
+	public partial class GettingStarted : SampleView
+	{
+		public GettingStarted()
+		{
+			InitializeComponent();
+		}
+	}
+}

maui/samples/Gallery/Samples/Popup/Helper/Behavior.cs

@@ -0,0 +1,71 @@
+using Syncfusion.Maui.ControlsGallery;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Reflection;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Syncfusion.Maui.ControlsGallery.Popup.SfPopup
+{
+    public class SampleViewBehavior : Behavior<SampleView>
+    {
+		#region Private Fields
+
+		Syncfusion.Maui.Toolkit.Popup.SfPopup? _actionSheetPopup;
+
+		#endregion
+
+		#region Methods
+
+		internal static Size GetScaledScreenSize(DisplayInfo info)
+		{
+			return new Size(info.Width / info.Density, info.Height / info.Density);
+		}
+		protected override void OnAttachedTo(SampleView sampleView)
+		{
+			_actionSheetPopup = sampleView.Resources["Actionsheet"] as Syncfusion.Maui.Toolkit.Popup.SfPopup;
+
+			sampleView.SizeChanged += SampleView_SizeChanged;
+
+			base.OnAttachedTo(sampleView);
+		}
+
+		protected override void OnDetachingFrom(SampleView sampleView)
+		{
+			// Unsubscribe from SizeChanged
+			sampleView.SizeChanged -= SampleView_SizeChanged;
+			_actionSheetPopup = null;
+		}
+
+		void SampleView_SizeChanged(object? sender, EventArgs e)
+		{
+			if (sender is SampleView sampleView)
+			{
+				var displayInfo = DeviceDisplay.Current.MainDisplayInfo;
+				var screenWidth = GetScaledScreenSize(displayInfo).Width;
+				var screenHeight = GetScaledScreenSize(displayInfo).Height;
+
+#if ANDROID || IOS
+				if (DeviceDisplay.Current.MainDisplayInfo.Orientation == DisplayOrientation.Portrait)
+				{
+					_actionSheetPopup!.WidthRequest = screenWidth;
+				}
+				else
+				{
+					_actionSheetPopup!.WidthRequest = 360;
+				}
+
+				_actionSheetPopup!.StartY = (int)(screenHeight - _actionSheetPopup!.HeightRequest);
+#else
+				_actionSheetPopup!.WidthRequest = 360;
+#endif
+#if IOS || MACCATALYST
+				_actionSheetPopup.Refresh();
+#endif
+			}
+		}
+	}
+
+	#endregion
+}

maui/samples/Gallery/Samples/Popup/Helper/SfEffectsViewAdv.cs

@@ -0,0 +1,45 @@
+using Syncfusion.Maui.Toolkit.EffectsView;
+using Syncfusion.Maui.Toolkit.Internals;
+using PointerEventArgs = Syncfusion.Maui.Toolkit.Internals.PointerEventArgs;
+
+namespace Syncfusion.Maui.ControlsGallery.Popup.SfPopup
+{
+	internal class SfEffectsViewAdv : SfEffectsView, ITouchListener
+	{
+
+		#region Constructor
+
+		public SfEffectsViewAdv()
+		{
+
+		}
+
+		#endregion
+
+		#region Methods
+		public new void OnTouch(PointerEventArgs e)
+		{
+#if ANDROID
+			{
+				return;
+			}
+#else
+
+			if (e.Action == PointerActions.Entered)
+			{
+				ApplyEffects(SfEffects.Highlight, RippleStartPosition.Default, new System.Drawing.Point((int)e.TouchPoint.X, (int)e.TouchPoint.Y), false);
+			}
+			else if (e.Action == PointerActions.Pressed)
+			{
+				ApplyEffects(SfEffects.Ripple, RippleStartPosition.Default, new System.Drawing.Point((int)e.TouchPoint.X, (int)e.TouchPoint.Y), false);
+			}
+			else if (e.Action == PointerActions.Released || e.Action == PointerActions.Cancelled || e.Action == PointerActions.Exited)
+			{
+				Reset();
+			}
+#endif
+		}
+
+		#endregion
+	}
+}

maui/samples/Gallery/Samples/Popup/Model/GettingStartedModel.cs

@@ -0,0 +1,248 @@
+using System;
+using System.Collections.Generic;
+using System.ComponentModel;
+using System.ComponentModel.DataAnnotations;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+
+namespace Syncfusion.Maui.ControlsGallery.Popup.SfPopup
+{
+    public class SimpleModel : INotifyPropertyChanged
+    {
+        #region Fields
+
+        string? _userName;       
+        string? _mailId;
+        string? _image;
+        bool _isSelected;
+
+        #endregion
+
+        #region Properties
+
+        public string? UserName
+        {
+            get { return _userName; }
+            set
+            {
+				if (value is not null)
+				{
+					_userName = value;
+					OnPropertyChanged("UserName");
+				}
+            }
+        }
+
+        public string? MailId
+        {
+            get { return _mailId; }
+            set
+            {
+				if (value is not null)
+				{
+					_mailId = value;
+					OnPropertyChanged("MailId");
+				}
+            }
+        }
+
+        public string? Image
+        {
+            get { return _image; }
+            set
+            {
+				if (value is not null)
+				{
+					_image = value;
+					OnPropertyChanged("Image");
+				}
+            }
+        }
+
+        public bool IsSelected
+        {
+            get { return _isSelected; }
+            set
+            {
+                _isSelected = value;
+                OnPropertyChanged("IsSelected");
+            }
+        }
+
+		#endregion
+
+		#region Constructor
+
+		public SimpleModel()
+		{
+
+		}
+
+		#endregion
+
+		#region Interface Member
+
+		public event PropertyChangedEventHandler? PropertyChanged;
+
+        public void OnPropertyChanged(string name)
+        {
+			if (PropertyChanged is not null)
+			{
+				PropertyChanged(this, new PropertyChangedEventArgs(name));
+			}
+		}
+
+        #endregion
+    }
+
+    public class ConfirmationModel : INotifyPropertyChanged 
+    {
+        #region Fields
+
+        string? _ringtone;
+        bool _selectedRingtone;
+
+		#endregion
+
+		#region Properties
+
+		public string? Ringtone
+        {
+            get { return _ringtone; }
+            set
+            {
+				if (value is not null)
+				{
+					_ringtone = value;
+					OnPropertyChanged("Ringtone");
+				}
+            }
+        }
+
+        public bool SelectedRingtone
+        {
+            get { return _selectedRingtone; }
+            set
+            {
+                _selectedRingtone = value;
+                OnPropertyChanged("SelectedRingtone");
+            }
+        }
+
+        #endregion
+
+        #region Constructor
+
+        public ConfirmationModel()
+        {
+
+        }
+        #endregion
+
+        #region Interface Member
+
+        public event PropertyChangedEventHandler? PropertyChanged;
+
+        public void OnPropertyChanged(string name)
+        {
+			if (PropertyChanged is not null)
+			{
+				PropertyChanged(this, new PropertyChangedEventArgs(name));
+			}
+		}
+
+        #endregion
+    }
+
+    public class FullScreenModel : INotifyPropertyChanged
+    {
+        #region Fields
+        string? _userName;
+        string? _email;
+        string? _password;
+        string? _rePassword;
+        #endregion
+
+        #region Properties
+        [Display(Prompt = "Pick your username")]
+        public string? UserName
+        {
+            get { return _userName; }
+            set
+            {
+				if (value is not null)
+				{
+					_userName = value;
+					OnPropertyChanged("UserName");
+				}
+            }
+        }
+
+        [Display(Prompt = "Enter your email address")]
+        public string? Email
+        {
+            get { return _email; }
+            set
+            {
+				if (value is not null)
+				{
+					_email = value;
+					OnPropertyChanged("Email");
+				}
+            }
+        }
+
+        [Display(Prompt = "Enter your password", Name = "Password")]
+        [DataType(DataType.Password)]
+        public string? Password
+        {
+            get { return _password; }
+            set
+            {
+				if (value is not null)
+				{
+					_password = value;
+					OnPropertyChanged("Password");
+				}
+            }
+        }
+
+        [Display(Prompt = "Re-enter your password", Name = "RePassword")]
+        [DataType(DataType.Password)]
+        public string? RePassword
+        {
+            get { return _rePassword; }
+            set
+            {
+				if (value is not null)
+				{
+					_rePassword = value;
+					OnPropertyChanged("RePassword");
+				}
+            }
+        }
+        #endregion
+
+        #region Constructor
+        public FullScreenModel() 
+        {
+            UserName = string.Empty;
+            Email = string.Empty;
+            Password = string.Empty;
+            RePassword = string.Empty;
+        }
+        #endregion
+
+        #region Interface Member
+        public event PropertyChangedEventHandler? PropertyChanged;
+        public void OnPropertyChanged(string name) 
+        {
+			if (PropertyChanged is not null)
+			{
+				PropertyChanged(this, new PropertyChangedEventArgs(name));
+			}
+        }
+        #endregion
+    }
+}