scb-wc-test 0.1.108 → 0.1.110

package/blazor/ScbBlazorInteropBase.cs

@@ -4,6 +4,7 @@ JS-bryggan (scb-blazor-bridge.js) samlar state från DOM:en och levererar det so
 som kan användas direkt i Razor-vyer */
 
 using System;
+using System.Linq;
 using System.Threading.Tasks;
 using Microsoft.AspNetCore.Components;
 using Microsoft.JSInterop;
@@ -39,11 +40,11 @@ namespace ScbBlazorDemo
         // Alla accordions på sidan (scb-accordion) med sina items
         protected AccordionListState[] Accordions { get; private set; } = Array.Empty<AccordionListState>();
 
-        // Bool-array som speglar checkboxarnas valda läge
-        protected bool[] Checkboxes { get; private set; } = Array.Empty<bool>();
+        // Lista som speglar checkboxarnas valda läge och metadata
+        protected CheckboxState[] Checkboxes { get; private set; } = Array.Empty<CheckboxState>();
 
-        // Bool-array som speglar switcharnas på/av-läge
-        protected bool[] Switches   { get; private set; } = Array.Empty<bool>();
+        // Lista som speglar switcharnas valda läge och metadata
+        protected SwitchState[] Switches { get; private set; } = Array.Empty<SwitchState>();
 
         // App-bar (scb-app-bar)
         protected AppBarState AppBar { get; private set; } = new();
@@ -63,7 +64,7 @@ namespace ScbBlazorDemo
         // Nyckeltalskort (scb-keyfigure-card)
         protected KeyfigureState[] Keyfigures { get; private set; } = Array.Empty<KeyfigureState>();
 
-        // Enskild kalender (scb-calendar-card) för scenarier där man bara bryr sig om en
+        // Enskild kalender (scb-calendar-card) för scenarion där man bara bryr sig om en
         protected CalendarState Calendar { get; private set; } = new();
 
         // Alla kalenderkort på sidan
@@ -249,8 +250,25 @@ namespace ScbBlazorDemo
             }
 
             // Checkboxar och switchar
-            Checkboxes = state.Checkboxes ?? Array.Empty<bool>();
-            Switches   = state.Switches   ?? Array.Empty<bool>();
+            Checkboxes = (state.Checkboxes ?? Array.Empty<CheckboxDto>())
+                .Select(dto => new CheckboxState
+                {
+                    Checked = dto.Checked,
+                    Name    = dto.Name  ?? string.Empty,
+                    Value   = dto.Value ?? string.Empty,
+                    Label   = dto.Label ?? string.Empty,
+                })
+                .ToArray();
+
+            Switches = (state.Switches ?? Array.Empty<SwitchDto>())
+                .Select(dto => new SwitchState
+                {
+                    Selected = dto.Selected,
+                    Name     = dto.Name  ?? string.Empty,
+                    Value    = dto.Value ?? string.Empty,
+                    Label    = dto.Label ?? string.Empty,
+                })
+                .ToArray();
 
             // App-bar
             AppBar.Title                = state.AppBar.Title ?? string.Empty;
@@ -577,7 +595,9 @@ namespace ScbBlazorDemo
                         Value          = dto.Value          ?? string.Empty,
                         Label          = dto.Label          ?? string.Empty,
                         SupportingText = dto.SupportingText ?? string.Empty,
-                        Error          = dto.Error
+                        Error          = dto.Error,
+                        Name           = dto.Name           ?? string.Empty,
+                        Id             = dto.Id             ?? string.Empty
                     };
                 }
                 Textfields = fields;
@@ -599,7 +619,9 @@ namespace ScbBlazorDemo
                         Value          = dto.Value          ?? string.Empty,
                         SupportingText = dto.SupportingText ?? string.Empty,
                         FullScreen     = dto.FullScreen,
-                        Size           = dto.Size           ?? string.Empty
+                        Size           = dto.Size           ?? string.Empty,
+                        Name           = dto.Name           ?? string.Empty,
+                        Id             = dto.Id             ?? string.Empty
                     };
                 }
                 Searches = searches;
@@ -777,7 +799,246 @@ namespace ScbBlazorDemo
             return ValueTask.CompletedTask;
         }
 
-        // Nedan följer alla state-klasser som används i Razor views
+        
+
+        // Styrkommandon som skickar anrop från Blazor till SCB web components via SCBBlazor-objektet i JS.
+        // Dessa metoder uppdaterar DOM:ens state och triggar samma normaliserade events som vid användarinteraktion.
+        // Id- och name-baserade varianter rekommenderas för mer robust adressering än ren index-baserad styrning.
+
+        // Header (scb-header)
+        protected Task SetHeaderActiveTabAsync(int activeTab)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setHeaderActiveTab", activeTab).AsTask();
+        }
+
+        protected Task SetHeaderDrawerOpenAsync(bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setHeaderDrawerOpen", open).AsTask();
+        }
+
+        protected Task SetHeaderSearchTextAsync(string searchText)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setHeaderSearchText", searchText ?? string.Empty).AsTask();
+        }
+
+        // Drawer och meny
+        protected Task SetDrawerOpenAsync(bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setDrawerOpen", open).AsTask();
+        }
+
+        protected Task SetDrawerTextAsync(string label, string subLabel)
+        {
+            return JS.InvokeVoidAsync(
+                "SCBBlazor.setDrawerText",
+                label ?? string.Empty,
+                subLabel ?? string.Empty).AsTask();
+        }
+
+        protected Task SetMenuOpenAsync(bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setMenuOpen", open).AsTask();
+        }
+
+        // Sub-menyer: index-baserad och id-baserad variant
+        protected Task SetSubMenuOpenAsync(int index, bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSubMenuOpen", index, open).AsTask();
+        }
+
+        protected Task SetSubMenuOpenByIdAsync(string id, bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSubMenuOpenById", id ?? string.Empty, open).AsTask();
+        }
+
+        // Breadcrumb
+        protected Task SetBreadcrumbShowAllAsync(bool showAll)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setBreadcrumbShowAll", showAll).AsTask();
+        }
+
+        // Accordions: index-baserad och id-baserad variant för items
+        protected Task SetAccordionItemOpenAsync(int accordionIndex, int itemIndex, bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setAccordionItemOpen", accordionIndex, itemIndex, open).AsTask();
+        }
+
+        protected Task SetAccordionItemOpenByIdAsync(string itemId, bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setAccordionItemOpenById", itemId ?? string.Empty, open).AsTask();
+        }
+
+        // Checkboxar: index-baserad och id-baserad variant
+        protected Task SetCheckboxCheckedAsync(int index, bool isChecked)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCheckboxChecked", index, isChecked).AsTask();
+        }
+
+        protected Task SetCheckboxCheckedByIdAsync(string id, bool isChecked)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setCheckboxCheckedById", id ?? string.Empty, isChecked).AsTask();
+        }
+
+        // Switchar: index-baserad och id-baserad variant
+        protected Task SetSwitchSelectedAsync(int index, bool selected)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSwitchSelected", index, selected).AsTask();
+        }
+
+        protected Task SetSwitchSelectedByIdAsync(string id, bool selected)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSwitchSelectedById", id ?? string.Empty, selected).AsTask();
+        }
+
+        // Segmented button: global och id-baserad variant
+        protected Task SetSegmentedValueAsync(string value)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSegmentedValue", value ?? string.Empty).AsTask();
+        }
+
+        protected Task SetSegmentedValuesAsync(string[] values)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSegmentedValues", values ?? Array.Empty<string>()).AsTask();
+        }
+
+        protected Task SetSegmentedValueByIdAsync(string id, string value)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSegmentedValueById", id ?? string.Empty, value ?? string.Empty).AsTask();
+        }
+
+        protected Task SetSegmentedValuesByIdAsync(string id, string[] values)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSegmentedValuesById", id ?? string.Empty, values ?? Array.Empty<string>()).AsTask();
+        }
+
+        // Tabs: index-baserad och id-baserad variant
+        protected Task SetTabsActiveIndexAsync(int tabsIndex, int activeIndex)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setTabsActiveIndex", tabsIndex, activeIndex).AsTask();
+        }
+
+        protected Task SetTabsActiveIndexByIdAsync(string id, int activeIndex)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setTabsActiveIndexById", id ?? string.Empty, activeIndex).AsTask();
+        }
+
+        // Dialog
+        protected Task SetDialogOpenAsync(bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setDialogOpen", open).AsTask();
+        }
+
+        // Notification: index-baserad och id-baserad variant
+        protected Task SetNotificationOpenAsync(int index, bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setNotificationOpen", index, open).AsTask();
+        }
+
+        protected Task SetNotificationOpenByIdAsync(string id, bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setNotificationOpenById", id ?? string.Empty, open).AsTask();
+        }
+
+        // Snackbar: index-baserad och id-baserad variant
+        protected Task SetSnackbarOpenAsync(int index, bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSnackbarOpen", index, open).AsTask();
+        }
+
+        protected Task SetSnackbarOpenByIdAsync(string id, bool open)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSnackbarOpenById", id ?? string.Empty, open).AsTask();
+        }
+
+        // Stepper: global och id-baserad variant
+        protected Task SetStepperActiveIndexAsync(int activeIndex)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setStepperActiveIndex", activeIndex).AsTask();
+        }
+
+        protected Task SetStepperActiveIndexByIdAsync(string id, int activeIndex)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setStepperActiveIndexById", id ?? string.Empty, activeIndex).AsTask();
+        }
+
+        // Pagination: index-baserad och id-baserad variant
+        protected Task SetPaginationPageAsync(int paginationIndex, int page)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setPaginationPage", paginationIndex, page).AsTask();
+        }
+
+        protected Task SetPaginationPageByIdAsync(string id, int page)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setPaginationPageById", id ?? string.Empty, page).AsTask();
+        }
+
+        // Radio-group: index-, name- och id-baserad variant
+        protected Task SetRadioGroupValueByIndexAsync(int index, string value)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setRadioGroupValueByIndex", index, value ?? string.Empty).AsTask();
+        }
+
+        protected Task SetRadioGroupValueByNameAsync(string name, string value)
+        {
+            return JS.InvokeVoidAsync(
+                "SCBBlazor.setRadioGroupValueByName",
+                name ?? string.Empty,
+                value ?? string.Empty).AsTask();
+        }
+
+        protected Task SetRadioGroupValueByIdAsync(string id, string value)
+        {
+            return JS.InvokeVoidAsync(
+                "SCBBlazor.setRadioGroupValueById",
+                id ?? string.Empty,
+                value ?? string.Empty).AsTask();
+        }
+
+        // Textfield: index- och id-baserad variant
+        protected Task SetTextfieldValueAsync(int index, string value)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setTextfieldValue", index, value ?? string.Empty).AsTask();
+        }
+
+        protected Task SetTextfieldValueByIdAsync(string id, string value)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setTextfieldValueById", id ?? string.Empty, value ?? string.Empty).AsTask();
+        }
+
+        // Search: index- och id-baserad variant
+        protected Task SetSearchValueAsync(int index, string value)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSearchValue", index, value ?? string.Empty).AsTask();
+        }
+
+        protected Task SetSearchValueByIdAsync(string id, string value)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setSearchValueById", id ?? string.Empty, value ?? string.Empty).AsTask();
+        }
+
+        // TOC: index-baserad och id-baserad variant för items
+        protected Task SetTocItemExpandedAsync(int tocIndex, int itemIndex, bool expanded)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setTocItemExpanded", tocIndex, itemIndex, expanded).AsTask();
+        }
+
+        protected Task SetTocItemExpandedByIdAsync(string itemId, bool expanded)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setTocItemExpandedById", itemId ?? string.Empty, expanded).AsTask();
+        }
+
+        // Viz: index- och id-baserad variant
+        protected Task SetVizSelectedChipAsync(int index, string selectedChip)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setVizSelectedChip", index, selectedChip ?? string.Empty).AsTask();
+        }
+
+        protected Task SetVizSelectedChipByIdAsync(string id, string selectedChip)
+        {
+            return JS.InvokeVoidAsync("SCBBlazor.setVizSelectedChipById", id ?? string.Empty, selectedChip ?? string.Empty).AsTask();
+        }
+
+// Nedan följer alla state-klasser som används i Razor views
 
         protected sealed class HeaderState
         {
@@ -830,6 +1091,22 @@ namespace ScbBlazorDemo
             public string SupportingText { get; set; } = string.Empty;
         }
 
+        protected sealed class CheckboxState
+        {
+            public bool   Checked { get; set; }
+            public string Name    { get; set; } = string.Empty;
+            public string Value   { get; set; } = string.Empty;
+            public string Label   { get; set; } = string.Empty;
+        }
+
+        protected sealed class SwitchState
+        {
+            public bool   Selected { get; set; }
+            public string Name     { get; set; } = string.Empty;
+            public string Value    { get; set; } = string.Empty;
+            public string Label    { get; set; } = string.Empty;
+        }
+
         protected sealed class AppBarState
         {
             public string Title { get; set; } = string.Empty;
@@ -957,6 +1234,8 @@ namespace ScbBlazorDemo
             public string Label          { get; set; } = string.Empty;
             public string SupportingText { get; set; } = string.Empty;
             public bool   Error          { get; set; }
+            public string Name           { get; set; } = string.Empty;
+            public string Id             { get; set; } = string.Empty;
         }
 
         protected sealed class SearchState
@@ -965,6 +1244,8 @@ namespace ScbBlazorDemo
             public string SupportingText { get; set; } = string.Empty;
             public bool   FullScreen     { get; set; }
             public string Size           { get; set; } = string.Empty;
+            public string Name           { get; set; } = string.Empty;
+            public string Id             { get; set; } = string.Empty;
         }
 
         protected sealed class ListState
@@ -1056,8 +1337,8 @@ namespace ScbBlazorDemo
 
             public AccordionListDto[] Accordions { get; set; } = Array.Empty<AccordionListDto>();
 
-            public bool[] Checkboxes { get; set; } = Array.Empty<bool>();
-            public bool[] Switches   { get; set; } = Array.Empty<bool>();
+            public CheckboxDto[] Checkboxes { get; set; } = Array.Empty<CheckboxDto>();
+            public SwitchDto[] Switches   { get; set; } = Array.Empty<SwitchDto>();
             public AppBarDto AppBar { get; set; } = new();
             public SegmentedDto Segmented { get; set; } = new();
 
@@ -1151,6 +1432,22 @@ namespace ScbBlazorDemo
             public string? SupportingText { get; set; }
         }
 
+        private sealed class CheckboxDto
+        {
+            public bool   Checked { get; set; }
+            public string? Name   { get; set; }
+            public string? Value  { get; set; }
+            public string? Label  { get; set; }
+        }
+
+        private sealed class SwitchDto
+        {
+            public bool   Selected { get; set; }
+            public string? Name    { get; set; }
+            public string? Value   { get; set; }
+            public string? Label   { get; set; }
+        }
+
         private sealed class AppBarDto
         {
             public string? Title { get; set; }
@@ -1278,6 +1575,8 @@ namespace ScbBlazorDemo
             public string? Label          { get; set; }
             public string? SupportingText { get; set; }
             public bool   Error           { get; set; }
+            public string? Name           { get; set; }
+            public string? Id             { get; set; }
         }
 
         private sealed class SearchDto
@@ -1286,6 +1585,8 @@ namespace ScbBlazorDemo
             public string? SupportingText { get; set; }
             public bool   FullScreen      { get; set; }
             public string? Size           { get; set; }
+            public string? Name           { get; set; }
+            public string? Id             { get; set; }
         }
 
         private sealed class ListDto