Merge pull request #33 from yagizhanNY/update-siemens-ix-2.1.2

Update siemens ix 2.1.2

.gitignore

@@ -364,3 +364,4 @@ FodyWeavers.xsd
 /SiemensIXBlazor.DemoApp
 /SiemensIXBlazor.TestApp
 /SiemensIXBlazorTestApp
+/TestBlazorApp

SiemensIXBlazor/Components/Application/Application.razor

@@ -0,0 +1,13 @@
+@namespace SiemensIXBlazor.Components
+@inherits IXBaseComponent
+@using Microsoft.JSInterop
+@inject IJSRuntime JSRuntime
+
+<ix-application class="@Class" style="@Style" @attributes="UserAttributes" 
+    id="@Id" 
+    breakpoints="@Breakpoints" 
+    force-breakpoint="@ForceBreakpoint" 
+    theme="@Theme" 
+    theme-system-appearance="@ThemeSystemAppearance">
+  @ChildContent
+</ix-application>

SiemensIXBlazor/Components/Application/Application.razor.cs

@@ -0,0 +1,57 @@
+namespace SiemensIXBlazor.Components;
+
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
+using Newtonsoft.Json;
+using Newtonsoft.Json.Serialization;
+using SiemensIXBlazor.Enums;
+using SiemensIXBlazor.Interops;
+using SiemensIXBlazor.Objects.Application;
+
+public partial class Application
+{
+    private Lazy<Task<IJSObjectReference>>? moduleTask;
+    private BaseInterop? _interop;
+    private AppSwitchConfig _appSwitchConfig;
+
+    [Parameter]
+    public RenderFragment? ChildContent { get; set; }
+    [Parameter, EditorRequired]
+    public string Id { get; set; } = string.Empty;
+    [Parameter]
+    public string[] Breakpoints { get; set; } = ["sm", "md", "lg"];
+    [Parameter]
+    public ForceBreakpoint? ForceBreakpoint { get; set; }
+    [Parameter]
+    public string? Theme { get; set; }
+    [Parameter]
+    public bool ThemeSystemAppearance { get; set; } = false;
+    public AppSwitchConfig AppSwitchConfig
+    {
+        get => _appSwitchConfig;
+        set
+        {
+            _appSwitchConfig = value;
+            InitialParameter("setApplicationConfig", _appSwitchConfig);
+        }
+    }
+
+    private void InitialParameter(string functionName, object param)
+    {
+
+        moduleTask = new(() => JSRuntime.InvokeAsync<IJSObjectReference>(
+            "import", $"./_content/SiemensIXBlazor/js/interops/applicationInterop.js").AsTask());
+
+        Task.Run(async () =>
+        {
+            var module = await moduleTask.Value;
+            if (module != null)
+            {
+                await module.InvokeVoidAsync(functionName, Id, JsonConvert.SerializeObject(param, new JsonSerializerSettings
+                {
+                    ContractResolver = new CamelCasePropertyNamesContractResolver()
+                }));
+            }
+        });
+    }
+}

SiemensIXBlazor/Components/ApplicationHeader/ApplicationHeader.razor

@@ -0,0 +1,6 @@
+@namespace SiemensIXBlazor.Components
+@inherits IXBaseComponent
+
+<ix-application-header class="@Class" style="@Style" @attributes="UserAttributes" name="@Name">
+    @ChildContent
+</ix-application-header>

SiemensIXBlazor/Components/ApplicationHeader/ApplicationHeader.razor.cs

@@ -0,0 +1,12 @@
+using Microsoft.AspNetCore.Components;
+
+namespace SiemensIXBlazor.Components
+{
+    public partial class ApplicationHeader
+    {
+        [Parameter]
+        public RenderFragment? ChildContent { get; set; }
+        [Parameter]
+        public string? Name { get; set; }
+    }
+}

SiemensIXBlazor/Components/Button/IconButton.razor

@@ -11,10 +11,11 @@ outline="@Outline"
 selected="@Selected"
 type="@Enum.GetName(Type)?.ToLower()"
 variant="@Enum.GetName(Variant)?.ToLower()"
-color="@Color"
+icon-color="@IconColor"
 icon="@Icon"
 oval="@Oval"
 loading="@Loading"
 data-tooltip="@DataTooltip"
-size="@((int)Size)">
+size="@((int)Size)"
+a11y-label="@A11yLabel">
 </ix-icon-button>

SiemensIXBlazor/Components/Button/IconButton.razor.cs

@@ -6,7 +6,7 @@ namespace SiemensIXBlazor.Components
     public partial class IconButton
     {
         [Parameter]
-        public string? Color { get; set; }
+        public string? IconColor { get; set; }
         [Parameter]
         public bool Disabled { get; set; } = false;
         [Parameter]
@@ -28,6 +28,8 @@ public partial class IconButton
         [Parameter]
         public ButtonType Type { get; set; } = ButtonType.Button;
         [Parameter]
+        public string? A11yLabel { get; set; }
+        [Parameter]
         public ButtonVariant Variant { get; set; } = ButtonVariant.primary;
         [Parameter]
         public EventCallback ClickEvent { get; set; }

SiemensIXBlazor/Components/NavigationMenu/NavigationMenuAvatar.razor

@@ -11,6 +11,7 @@
             i-1-8n-logout="@I18NLogout"
             image="@Image"
             initials="@Initials"
-            top="@Top">
+            top="@Top"
+            show-logout-button="@ShowLogoutButton">
     @ChildContent
 </ix-menu-avatar>

SiemensIXBlazor/Components/NavigationMenu/NavigationMenuAvatar.razor.cs

@@ -19,6 +19,8 @@ public partial class NavigationMenuAvatar
         [Parameter]
         public string? Initials { get; set; }
         [Parameter]
+        public bool ShowLogoutButton { get; set; } = true;
+        [Parameter]
         public string? Top { get; set; }
         [Parameter]
         public EventCallback LogoutClickedEvent { get; set; }

SiemensIXBlazor/Components/PushCard/PushCard.razor

@@ -10,6 +10,7 @@
               notification="@Notification"
               heading="@Heading"
               subheading="@SubHeading"
-              variant="@(EnumParser<PushCardVariant>.ParseEnumToString(Variant))">
+              variant="@(EnumParser<PushCardVariant>.ParseEnumToString(Variant))"
+              collapsed="@Collapsed">
 </ix-push-card>
 

SiemensIXBlazor/Components/PushCard/PushCard.razor.cs

@@ -26,6 +26,8 @@ public partial class PushCard
         /// </summary>
         [Parameter]
         public string? SubHeading { get; set; }
+        [Parameter]
+        public bool Collapsed { get; set; } = true;
         /// <summary>
         /// Card variant
         /// </summary>

SiemensIXBlazor/Enums/Application/ForceBreakpointEnum.cs

@@ -0,0 +1,8 @@
+namespace SiemensIXBlazor.Enums;
+
+public enum ForceBreakpoint
+{
+    lg,
+    md,
+    sm
+}

SiemensIXBlazor/Objects/Application/AppSwitchConfig.cs

@@ -0,0 +1,12 @@
+using System.Text.Json.Serialization;
+
+namespace SiemensIXBlazor.Objects.Application;
+
+public class AppSwitchConfig
+{
+    public string CurrentAppId { get; set; } = string.Empty;
+    public List<App> Apps { get; set; } = [];
+    public string? I18nAppSwitch { get; set; }
+    public string? I18nLoadingApps { get; set; }
+
+}

SiemensIXBlazor/Objects/Application/Apps.cs

@@ -0,0 +1,14 @@
+using System.Text.Json.Serialization;
+
+namespace SiemensIXBlazor.Objects.Application;
+
+public class App
+{
+    public string Id { get; set; } = string.Empty;
+    public string Name { get; set; } = string.Empty;
+    public string Description { get; set; } = string.Empty;
+    public string Url { get; set; } = string.Empty;
+    public string Target { get; set; } = string.Empty;
+    public string IconSrc { get; set; } = string.Empty;
+}
+

SiemensIXBlazor/SiemensIXBlazor.csproj

@@ -64,6 +64,7 @@
 
   <ItemGroup>
     <Folder Include="wwwroot\js\siemens-ix\" />
+    <Folder Include="wwwroot\js\interops\" />
     <Folder Include="Components\KeyValueList\" />
     <Folder Include="Components\KeyValue\" />
     <Folder Include="Components\EmptyState\" />