scb-wc-test 0.1.201 → 0.1.202

package/blazor/ScbBlazorInteropBase.cs

@@ -23,7 +23,7 @@ namespace ScbBlazorDemo
         // Header (scb-header): aktiv flik, drawerstatus och eventuell söktext
         protected HeaderState Header { get; private set; } = new();
 
-        // Drawer (scb-drawer): öppet/stängt och texter
+        // Drawer (scb-drawer): öppet/stängt och menytitlar (label/sub-label). Läser från scb-menu om den finns i drawern
         protected DrawerState Drawer { get; private set; } = new();
 
         // Meny (scb-options-menu): övergripande öppet/stängt-läge

package/blazor/scb-blazor-bridge.js

@@ -1081,6 +1081,7 @@ window.SCBBlazor = window.SCBBlazor || {};
 window.SCBBlazor.getState = function () {
   const header = document.querySelector('scb-header');
   const drawer = document.querySelector('scb-drawer');
+  const drawerMenu = drawer ? drawer.querySelector('scb-menu') : null;
   const breadcrumb = document.querySelector('scb-breadcrumb');
   const breadcrumbItems = document.querySelectorAll('scb-breadcrumb-item');
   const accordions = document.querySelectorAll('scb-accordion');
@@ -1123,9 +1124,17 @@ window.SCBBlazor.getState = function () {
 
   // Drawerstate hämtas från attributen på första scb-drawer
   const drawerState = {
-    open: drawer ? drawer.hasAttribute('open') : false,
-    label: drawer ? drawer.getAttribute('label') || '' : '',
-    subLabel: drawer ? drawer.getAttribute('sub-label') || '' : '',
+    open: drawer ? !!(drawer.open ?? drawer.hasAttribute('open')) : false,
+    label: drawerMenu
+      ? drawerMenu.getAttribute('label') || ''
+      : drawer
+        ? drawer.getAttribute('label') || ''
+        : '',
+    subLabel: drawerMenu
+      ? drawerMenu.getAttribute('sub-label') || ''
+      : drawer
+        ? drawer.getAttribute('sub-label') || ''
+        : '',
   };
 
   // Breadcrumb (första på sidan)
@@ -2472,7 +2481,7 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
 
   // Drawer och menu
 
-      api.setDrawerOpen = function (open) {
+  api.setDrawerOpen = function (open) {
     const drawer = document.querySelector('scb-drawer');
     if (!drawer) return;
 
@@ -2480,6 +2489,47 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
     const prev = getOpenState(drawer);
     if (prev === isOpen) return;
 
+    const anyDrawer = drawer;
+
+    // När drawern öppnas från en Blazor-click riskerar den att stängas direkt av drawerens "klick utanför"-logik.
+    // Lägg öppnandet på en microtask så att den sker efter att click-eventet har bubblat klart.
+    anyDrawer.__scbBlazorPendingDrawerOpen = isOpen;
+    const schedule =
+      typeof queueMicrotask === 'function'
+        ? queueMicrotask
+        : (fn) => Promise.resolve().then(fn);
+
+    if (isOpen) {
+      schedule(() => {
+        if (anyDrawer.__scbBlazorPendingDrawerOpen !== isOpen) return;
+        try {
+          delete anyDrawer.__scbBlazorPendingDrawerOpen;
+        } catch (_) {}
+
+        if (getOpenState(drawer) === isOpen) return;
+
+        // Primärt: använd samma trigger-logik som i UI:t (aria-controls / data-drawer-*)
+        const id = drawer.id;
+        const trigger = findTrigger('drawer', id, isOpen);
+        if (trigger) {
+          safeClick(trigger);
+          if (getOpenState(drawer) === isOpen) return;
+        }
+
+        // Fallback: sätt open direkt
+        try {
+          drawer.open = isOpen;
+        } catch (_) {}
+        if (isOpen) drawer.setAttribute('open', '');
+        else drawer.removeAttribute('open');
+      });
+      return;
+    }
+
+    try {
+      delete anyDrawer.__scbBlazorPendingDrawerOpen;
+    } catch (_) {}
+
     // Primärt: använd samma trigger-logik som i UI:t (aria-controls / data-drawer-*)
     const id = drawer.id;
     const trigger = findTrigger('drawer', id, isOpen);
@@ -2501,6 +2551,14 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
     if (!drawer) return;
     const l = label == null ? '' : String(label);
     const s = subLabel == null ? '' : String(subLabel);
+
+    const menu = drawer.querySelector('scb-menu');
+    if (menu) {
+      menu.setAttribute('label', l);
+      menu.setAttribute('sub-label', s);
+      return;
+    }
+
     drawer.setAttribute('label', l);
     drawer.setAttribute('sub-label', s);
   };

package/mvc/scb-blazor-bridge.js

@@ -1081,6 +1081,7 @@ window.SCBBlazor = window.SCBBlazor || {};
 window.SCBBlazor.getState = function () {
   const header = document.querySelector('scb-header');
   const drawer = document.querySelector('scb-drawer');
+  const drawerMenu = drawer ? drawer.querySelector('scb-menu') : null;
   const breadcrumb = document.querySelector('scb-breadcrumb');
   const breadcrumbItems = document.querySelectorAll('scb-breadcrumb-item');
   const accordions = document.querySelectorAll('scb-accordion');
@@ -1123,9 +1124,17 @@ window.SCBBlazor.getState = function () {
 
   // Drawerstate hämtas från attributen på första scb-drawer
   const drawerState = {
-    open: drawer ? drawer.hasAttribute('open') : false,
-    label: drawer ? drawer.getAttribute('label') || '' : '',
-    subLabel: drawer ? drawer.getAttribute('sub-label') || '' : '',
+    open: drawer ? !!(drawer.open ?? drawer.hasAttribute('open')) : false,
+    label: drawerMenu
+      ? drawerMenu.getAttribute('label') || ''
+      : drawer
+        ? drawer.getAttribute('label') || ''
+        : '',
+    subLabel: drawerMenu
+      ? drawerMenu.getAttribute('sub-label') || ''
+      : drawer
+        ? drawer.getAttribute('sub-label') || ''
+        : '',
   };
 
   // Breadcrumb (första på sidan)
@@ -2472,7 +2481,7 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
 
   // Drawer och menu
 
-      api.setDrawerOpen = function (open) {
+  api.setDrawerOpen = function (open) {
     const drawer = document.querySelector('scb-drawer');
     if (!drawer) return;
 
@@ -2480,6 +2489,47 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
     const prev = getOpenState(drawer);
     if (prev === isOpen) return;
 
+    const anyDrawer = drawer;
+
+    // När drawern öppnas från en Blazor-click riskerar den att stängas direkt av drawerens "klick utanför"-logik.
+    // Lägg öppnandet på en microtask så att den sker efter att click-eventet har bubblat klart.
+    anyDrawer.__scbBlazorPendingDrawerOpen = isOpen;
+    const schedule =
+      typeof queueMicrotask === 'function'
+        ? queueMicrotask
+        : (fn) => Promise.resolve().then(fn);
+
+    if (isOpen) {
+      schedule(() => {
+        if (anyDrawer.__scbBlazorPendingDrawerOpen !== isOpen) return;
+        try {
+          delete anyDrawer.__scbBlazorPendingDrawerOpen;
+        } catch (_) {}
+
+        if (getOpenState(drawer) === isOpen) return;
+
+        // Primärt: använd samma trigger-logik som i UI:t (aria-controls / data-drawer-*)
+        const id = drawer.id;
+        const trigger = findTrigger('drawer', id, isOpen);
+        if (trigger) {
+          safeClick(trigger);
+          if (getOpenState(drawer) === isOpen) return;
+        }
+
+        // Fallback: sätt open direkt
+        try {
+          drawer.open = isOpen;
+        } catch (_) {}
+        if (isOpen) drawer.setAttribute('open', '');
+        else drawer.removeAttribute('open');
+      });
+      return;
+    }
+
+    try {
+      delete anyDrawer.__scbBlazorPendingDrawerOpen;
+    } catch (_) {}
+
     // Primärt: använd samma trigger-logik som i UI:t (aria-controls / data-drawer-*)
     const id = drawer.id;
     const trigger = findTrigger('drawer', id, isOpen);
@@ -2501,6 +2551,14 @@ window.SCBBlazor.registerScbEventHandlers = function (dotNetRef) {
     if (!drawer) return;
     const l = label == null ? '' : String(label);
     const s = subLabel == null ? '' : String(subLabel);
+
+    const menu = drawer.querySelector('scb-menu');
+    if (menu) {
+      menu.setAttribute('label', l);
+      menu.setAttribute('sub-label', s);
+      return;
+    }
+
     drawer.setAttribute('label', l);
     drawer.setAttribute('sub-label', s);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name":  "scb-wc-test",
-    "version":  "0.1.201",
+    "version":  "0.1.202",
     "type":  "module",
     "main":  "index.js",
     "module":  "index.js",
@@ -378,5 +378,5 @@
                                   },
                     "./mvc/*":  "./mvc/*"
                 },
-    "buildHash":  "00AD4846E4EDC1BD6F1BB8D6A01B704FBB514DFDB7FBA1623B29ED48AEF1637E"
+    "buildHash":  "9E842BD0A69B8E03F2365076319BF3A8CE38F063FA863C0051F528FDFF11A722"
 }