Fix: Resolve multiple issues

- Ensure compatibility with unsupported page loaded
- Correct handling of null picker selected item and control information in collection view
- Resolve build error in release mode
- Prevent MediaElement crash upon page unload

Author: Strypper

maui-island.sln

@@ -52,6 +52,7 @@ Global
 		{72B83E80-9D22-4A44-AB91-253A616A9D9C}.Debug|Any CPU.Deploy.0 = Debug|Any CPU
 		{72B83E80-9D22-4A44-AB91-253A616A9D9C}.Release|Any CPU.ActiveCfg = Release|Any CPU
 		{72B83E80-9D22-4A44-AB91-253A616A9D9C}.Release|Any CPU.Build.0 = Release|Any CPU
+		{72B83E80-9D22-4A44-AB91-253A616A9D9C}.Release|Any CPU.Deploy.0 = Release|Any CPU
 		{A9F55C31-8BED-4021-8F1B-1F5C7D4B2265}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
 		{A9F55C31-8BED-4021-8F1B-1F5C7D4B2265}.Debug|Any CPU.Build.0 = Debug|Any CPU
 		{A9F55C31-8BED-4021-8F1B-1F5C7D4B2265}.Release|Any CPU.ActiveCfg = Release|Any CPU

src/Core/MAUIsland.Core/Converters/StringTernaryOperatorConverter.cs

@@ -4,7 +4,7 @@ public class StringTernaryOperatorConverter : IValueConverter
 {
     public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
     {
-        if (value is bool boolValue && 
+        if (value is bool boolValue &&
             parameter is string[] messages)
         {
             return boolValue ? messages[0] : messages[1];

src/Core/MAUIsland.Core/Features/Gallery/Pages/BuiltIn/Controls/Checkbox/CheckBoxPageViewModel.cs

@@ -44,7 +44,7 @@ public override async Task OnAppearingAsync()
     bool isChecked;
 
     [ObservableProperty]
-    string currentColor = "F2F1F1";
+    Color currentColor = new Color(242, 241, 241, 255);
 
     [ObservableProperty]
     string standardCheckBoxXamlCode = "<CheckBox />";

src/Core/MAUIsland.Core/Features/Gallery/Pages/BuiltIn/Controls/CollectionView/CollectionViewPageViewModel.cs

@@ -1058,6 +1058,9 @@ private async Task LoadDataAsync()
         FilterPickerItems.Add("None");
         SelectedFilterPickerItem = FilterPickerItems.Last();
 
+        if (ControlInformation is null)
+            return;
+
         var items = await MauiControlsService.GetControlsAsync(ControlInformation.GroupName);
         foreach (var item in items)
         {

src/Core/MAUIsland.Core/Services/Controls/ControlsService.cs

@@ -23,19 +23,19 @@ public ControlsService(IEnumerable<IGalleryCardInfo> controlInfos)
 
     private readonly IList<ControlGroupInfo> controlGroupInfos = new List<ControlGroupInfo>()
     {
-        new (){
-            Name = ControlGroupInfo.SyncfusionControls,
-            Title = "Syncfusion",
-            Version = "23.1.36",
-            BrandColor = Color.FromArgb("#ff8900"),
-            ButtonTextColor = Colors.White,
-            IconUrl = "syncfusionlogo.png",
-            Author = "Syncfusion Inc.",
-            Banner = "syncfusion_banner.png",
-            ProviderUrl = "https://help.syncfusion.com/maui/introduction/overview",
-            MicrosoftStoreLink="https://www.microsoft.com/store/productId/9P2P4D2BK270",
-            Description = "Syncfusion is a company that provides a set of controls for creating beautiful cross-platform, native mobile & desktop apps using .NET Multi-platform App UI (.NET MAUI). They offer a comprehensive collection of .NET MAUI components such as Charts, Gauge, and Tab View. You can add Syncfusion .NET MAUI components to your project by installing them from nuget.org. They also have a Visual Studio extension designed to streamline the creation of .NET MAUI applications."
-        },
+        //new (){
+        //    Name = ControlGroupInfo.SyncfusionControls,
+        //    Title = "Syncfusion",
+        //    Version = "23.1.36",
+        //    BrandColor = Color.FromArgb("#ff8900"),
+        //    ButtonTextColor = Colors.White,
+        //    IconUrl = "syncfusionlogo.png",
+        //    Author = "Syncfusion Inc.",
+        //    Banner = "syncfusion_banner.png",
+        //    ProviderUrl = "https://help.syncfusion.com/maui/introduction/overview",
+        //    MicrosoftStoreLink="https://www.microsoft.com/store/productId/9P2P4D2BK270",
+        //    Description = "Syncfusion is a company that provides a set of controls for creating beautiful cross-platform, native mobile & desktop apps using .NET Multi-platform App UI (.NET MAUI). They offer a comprehensive collection of .NET MAUI components such as Charts, Gauge, and Tab View. You can add Syncfusion .NET MAUI components to your project by installing them from nuget.org. They also have a Visual Studio extension designed to streamline the creation of .NET MAUI applications."
+        //},
         new (){
             Name = ControlGroupInfo.BuiltInControls,
             Title = "Built-in",

src/Presentations/Windows/Features/Gallery/Pages/BuiltIn/Controls/ActivityIndicator/ActivityIndicatorPage.xaml

@@ -200,7 +200,7 @@
                                     TextDecorations="Underline" />
                                 <CollectionView
                                     Footer="{x:StaticResource PropertiesListFooter}"
-                                    ItemsSource="{x:StaticResource PropertyItemsSource}"
+                                    ItemsSource="{x:StaticResource PropertiesItemsSource}"
                                     Style="{x:StaticResource PropertiesListStyle}" />
                             </VerticalStackLayout>
                         </Border>

src/Presentations/Windows/Features/Gallery/Pages/BuiltIn/Controls/CheckBox/CheckBoxPage.xaml

@@ -223,6 +223,7 @@
                                     <CheckBox IsChecked="{x:Binding IsChecked, Mode=TwoWay}" Color="{x:Binding CurrentColor, Mode=OneWay}" />
                                     <Label
                                         Text="{x:Binding IsChecked,
+                                                         Mode=OneWay,
                                                          Converter={x:StaticResource StringTernaryOperatorConverter},
                                                          ConverterParameter={x:StaticResource CheckBoxStateMessages}}"
                                         TextColor="{x:Binding CurrentColor,

src/Presentations/Windows/Features/Gallery/Pages/BuiltIn/Controls/CollectionView/CollectionViewPage.xaml

@@ -437,7 +437,7 @@
                                     TextDecorations="Underline" />
                                 <CollectionView
                                     Footer="{x:StaticResource PropertiesListFooter}"
-                                    ItemsSource="{x:StaticResource PropertyItemsSource}"
+                                    ItemsSource="{x:StaticResource PropertiesItemsSource}"
                                     Style="{x:StaticResource PropertiesListStyle}" />
                             </VerticalStackLayout>
                         </Border>

src/Presentations/Windows/Features/Gallery/Pages/BuiltIn/Controls/CollectionView/CollectionViewPage.xaml.cs

@@ -40,6 +40,7 @@ private void BasePage_Loaded(object sender, EventArgs e)
         {
             viewModel.SetControlInformation(NewWindowParameter);
             viewModel.RefreshCommand.Execute(null);
+            viewModel.RefreshPageCommand.Execute(null);
         }
     }
 
@@ -68,6 +69,10 @@ private void ViewModelSpanningNumberPropertyChanged(object sender, PropertyChang
     void OnFilterItemChanged(object sender, EventArgs e)
     {
         var picker = (Picker)sender;
+
+        if (picker.SelectedItem is null)
+            return;
+
         var selectedFilter = picker.SelectedItem.ToString();
 
         var collectionView = CollectionViewItemLayoutChanged;

src/Presentations/Windows/Features/Gallery/Pages/BuiltIn/Controls/Entry/EntryPage.xaml

@@ -291,7 +291,7 @@
                                     TextDecorations="Underline" />
                                 <CollectionView
                                     Footer="{x:StaticResource PropertiesListFooter}"
-                                    ItemsSource="{x:StaticResource PropertyItemsSource}"
+                                    ItemsSource="{x:StaticResource PropertiesItemsSource}"
                                     Style="{x:StaticResource PropertiesListStyle}" />
                             </VerticalStackLayout>
                         </Border>