Bindable property for Popup

src/CommunityToolkit.Maui/Views/Popup/Popup.shared.cs

@@ -1,3 +1,4 @@
+using System.ComponentModel;
 using CommunityToolkit.Maui.Extensions;
 
 namespace CommunityToolkit.Maui.Views;
@@ -8,29 +9,38 @@
 public partial class Popup : ContentView
 {
 	/// <summary>
-	/// Bindable property to set the margin between the <see cref="Popup"/> and the edge of the window
+	/// Gets or sets the margin between the <see cref="Popup"/> and the edge of the window.
 	/// </summary>
-	public static new readonly BindableProperty MarginProperty = View.MarginProperty;
+	[BindableProperty(DefaultValueCreatorMethodName = nameof(CreateDefaultMargin))]
+	public partial Thickness Margin { get; set; }
+	static object CreateDefaultMargin(global::Microsoft.Maui.Controls.BindableObject? _) => View.MarginProperty;
 
 	/// <summary>
-	/// Bindable property to set the padding between the <see cref="Popup"/> border and the <see cref="Popup"/> content
+	/// Gets or sets the padding between the <see cref="Popup"/> border and the <see cref="Popup"/> content.
 	/// </summary>
-	public static new readonly BindableProperty PaddingProperty = ContentView.PaddingProperty;
+	[BindableProperty(DefaultValueCreatorMethodName = nameof(CreateDefaultPadding))]
+	public partial Thickness Padding { get; set; }
+	static object CreateDefaultPadding(global::Microsoft.Maui.Controls.BindableObject? _) => ContentView.PaddingProperty;
 
 	/// <summary>
-	/// Bindable property to set the horizontal position of the <see cref="Popup"/> when displayed on screen
+	/// Gets or sets the horizontal layout options used to position the <see cref="Popup"/> when displayed on screen.
 	/// </summary>
-	public static new readonly BindableProperty HorizontalOptionsProperty = View.HorizontalOptionsProperty;
+	[BindableProperty(DefaultValueCreatorMethodName = nameof(CreateDefaultHorizontalOptions))]
+	public partial LayoutOptions HorizontalOptions { get; set; }
+	static object CreateDefaultHorizontalOptions(global::Microsoft.Maui.Controls.BindableObject? _) => View.HorizontalOptionsProperty;
 
 	/// <summary>
-	/// Bindable property to set the vertical position of the <see cref="Popup"/> when displayed on screen
+	/// Gets or sets the vertical layout options used to position the <see cref="Popup"/> when displayed on screen.
 	/// </summary>
-	public static new readonly BindableProperty VerticalOptionsProperty = View.VerticalOptionsProperty;
+	[BindableProperty(DefaultValueCreatorMethodName = nameof(CreateDefaultVerticalOptions))]
+	public partial LayoutOptions VerticalOptions { get; set; }
+	static object CreateDefaultVerticalOptions(global::Microsoft.Maui.Controls.BindableObject? _) => View.VerticalOptionsProperty;
 
 	/// <summary>
-	///  Backing BindableProperty for the <see cref="CanBeDismissedByTappingOutsideOfPopup"/> property.
+	/// Gets or sets a value indicating whether the <see cref="Popup"/> can be dismissed by tapping outside of the popup.
 	/// </summary>
-	public static readonly BindableProperty CanBeDismissedByTappingOutsideOfPopupProperty = BindableProperty.Create(nameof(CanBeDismissedByTappingOutsideOfPopup), typeof(bool), typeof(Popup), Options.DefaultPopupSettings.CanBeDismissedByTappingOutsideOfPopup);
+	[BindableProperty(DefaultValue = PopupDefaults.CanBeDismissedByTappingOutsideOfPopup)]
+	public partial bool CanBeDismissedByTappingOutsideOfPopup { get; set; }
 
 	/// <summary>
 	/// Initializes Popup
@@ -54,53 +64,6 @@
 	/// </summary>
 	public event EventHandler? Closed;
 
-	/// <summary>
-	/// Sets the margin between the <see cref="Popup"/> and the edge of the window
-	/// </summary>
-	public new Thickness Margin
-	{
-		get => base.Margin;
-		set => base.Margin = value;
-	}
-
-	/// <summary>
-	/// Sets the padding between the <see cref="Popup"/> border and the <see cref="Popup"/> content
-	/// </summary>
-	public new Thickness Padding
-	{
-		get => base.Padding;
-		set => base.Padding = value;
-	}
-
-	/// <summary>
-	/// Sets the horizontal position of the <see cref="Popup"/> when displayed on screen
-	/// </summary>
-	public new LayoutOptions HorizontalOptions
-	{
-		get => base.HorizontalOptions;
-		set => base.HorizontalOptions = value;
-	}
-
-	/// <summary>
-	/// Sets the vertical position of the <see cref="Popup"/> when displayed on screen
-	/// </summary>
-	public new LayoutOptions VerticalOptions
-	{
-		get => base.VerticalOptions;
-		set => base.VerticalOptions = value;
-	}
-
-	/// <inheritdoc cref="IPopupOptions.CanBeDismissedByTappingOutsideOfPopup"/> />
-	/// <remarks>
-	/// When true and the user taps outside the popup, it will dismiss.
-	/// On Android - when false the hardware back button is disabled.
-	/// </remarks>
-	public bool CanBeDismissedByTappingOutsideOfPopup
-	{
-		get => (bool)GetValue(CanBeDismissedByTappingOutsideOfPopupProperty);
-		set => SetValue(CanBeDismissedByTappingOutsideOfPopupProperty, value);
-	}
-
 	/// <summary>
 	/// Close the Popup.
 	/// </summary>

src/CommunityToolkit.Maui/Views/Popup/PopupOptions.shared.cs

@@ -8,71 +8,47 @@ namespace CommunityToolkit.Maui;
 public partial class PopupOptions : BindableObject, IPopupOptions
 {
 	/// <summary>
-	///  Backing BindableProperty for the <see cref="CanBeDismissedByTappingOutsideOfPopup"/> property.
+	/// Gets or sets a value indicating whether the popup can be dismissed by tapping outside of the popup.
+	/// Default is provided by <see cref="Options.DefaultPopupOptionsSettings"/>.
 	/// </summary>
-	public static readonly BindableProperty CanBeDismissedByTappingOutsideOfPopupProperty = BindableProperty.Create(nameof(CanBeDismissedByTappingOutsideOfPopup), typeof(bool), typeof(PopupOptions), Options.DefaultPopupOptionsSettings.CanBeDismissedByTappingOutsideOfPopup);
+	[BindableProperty(DefaultValueCreatorMethodName = nameof(CreateCanBeDismissedByTappingOutsideOfPopup))]
+	public partial bool CanBeDismissedByTappingOutsideOfPopup { get; set; }
+	static object CreateCanBeDismissedByTappingOutsideOfPopup(BindableObject? _) => Options.DefaultPopupOptionsSettings.CanBeDismissedByTappingOutsideOfPopup;
 
 	/// <summary>
-	///  Backing BindableProperty for the <see cref="OnTappingOutsideOfPopup"/> property.
+	/// Gets or sets an <see cref="Action"/> invoked when the user taps outside of the popup.
+	/// Default is provided by <see cref="Options.DefaultPopupOptionsSettings"/>.
 	/// </summary>
-	public static readonly BindableProperty OnTappingOutsideOfPopupProperty = BindableProperty.Create(nameof(OnTappingOutsideOfPopup), typeof(Action), typeof(PopupOptions), Options.DefaultPopupOptionsSettings.OnTappingOutsideOfPopup);
+	[BindableProperty(DefaultValueCreatorMethodName = nameof(CreateOnTappingOutsideOfPopup))]
+	public partial Action OnTappingOutsideOfPopup { get; set; }
+	static object? CreateOnTappingOutsideOfPopup(BindableObject? _) => Options.DefaultPopupOptionsSettings.OnTappingOutsideOfPopup;
 
 	/// <summary>
-	///  Backing BindableProperty for the <see cref="PageOverlayColor"/> property.
+	/// Gets or sets the overlay <see cref="Color"/> applied to the page while the popup is displayed.
+	/// Default is provided by <see cref="Options.DefaultPopupOptionsSettings"/>.
 	/// </summary>
-	public static readonly BindableProperty PageOverlayColorProperty = BindableProperty.Create(nameof(PageOverlayColor), typeof(Color), typeof(PopupOptions), Options.DefaultPopupOptionsSettings.PageOverlayColor);
+	[BindableProperty(DefaultValueCreatorMethodName = nameof(CreatePageOverlayColor))]
+	public partial Color PageOverlayColor { get; set; }
+	static object CreatePageOverlayColor(BindableObject? _) => Options.DefaultPopupOptionsSettings.PageOverlayColor;
 
 	/// <summary>
-	///  Backing BindableProperty for the <see cref="Shape"/> property.
+	/// Gets or sets the <see cref="Shape"/> used to render the popup's outline.
+	/// Default is provided by <see cref="Options.DefaultPopupOptionsSettings"/>.
 	/// </summary>
-	public static readonly BindableProperty ShapeProperty = BindableProperty.Create(nameof(Shape), typeof(Shape), typeof(PopupOptions), Options.DefaultPopupOptionsSettings.Shape);
+	[BindableProperty(DefaultValueCreatorMethodName = nameof(CreateShape))]
+	public partial Shape? Shape { get; set; }
+	static object? CreateShape(BindableObject? _) => Options.DefaultPopupOptionsSettings.Shape;
 
 	/// <summary>
-	///  Backing BindableProperty for the <see cref="Shadow"/> property.
+	/// Gets or sets the <see cref="Shadow"/> applied to the popup.
+	/// Default is provided by <see cref="Options.DefaultPopupOptionsSettings"/>.
 	/// </summary>
-	public static readonly BindableProperty ShadowProperty = BindableProperty.Create(nameof(Shadow), typeof(Shadow), typeof(PopupOptions), Options.DefaultPopupOptionsSettings.Shadow);
+	[BindableProperty(DefaultValueCreatorMethodName = nameof(CreateShadow))]
+	public partial Shadow? Shadow { get; set; }
+	static object? CreateShadow(BindableObject? _) => Options.DefaultPopupOptionsSettings.Shadow;
 
 	/// <summary>
 	/// An empty instance of <see cref="IPopupOptions"/> containing default values.
 	/// </summary>
 	public static IPopupOptions Empty { get; } = new PopupOptions();
-
-	/// <inheritdoc/>
-	/// <remarks>
-	/// When true and the user taps outside the popup, it will dismiss.
-	/// On Android - when false the hardware back button is disabled.
-	/// </remarks>
-	public bool CanBeDismissedByTappingOutsideOfPopup
-	{
-		get => (bool)GetValue(CanBeDismissedByTappingOutsideOfPopupProperty);
-		set => SetValue(CanBeDismissedByTappingOutsideOfPopupProperty, value);
-	}
-
-	/// <inheritdoc/>
-	public Color PageOverlayColor
-	{
-		get => (Color)GetValue(PageOverlayColorProperty);
-		set => SetValue(PageOverlayColorProperty, value);
-	}
-
-	/// <inheritdoc/>
-	public Action? OnTappingOutsideOfPopup
-	{
-		get => (Action?)GetValue(OnTappingOutsideOfPopupProperty);
-		set => SetValue(OnTappingOutsideOfPopupProperty, value);
-	}
-
-	/// <inheritdoc/>
-	public Shape? Shape
-	{
-		get => (Shape?)GetValue(ShapeProperty);
-		set => SetValue(ShapeProperty, value);
-	}
-
-	/// <inheritdoc/>
-	public Shadow? Shadow
-	{
-		get => (Shadow?)GetValue(ShadowProperty);
-		set => SetValue(ShadowProperty, value);
-	}
 }