@sonicjs-cms/core 2.12.1 → 2.13.0

package/dist/{chunk-76TX6XND.js → chunk-JTUCC6WZ.js}

@@ -391,10 +391,14 @@ function renderAdminLayoutCatalyst(data) {
 
     // Close dropdown when clicking outside
     document.addEventListener('click', function(event) {
-      const dropdown = document.getElementById('userDropdown');
+      const dropdowns = document.querySelectorAll('.userDropdown');
       const button = event.target.closest('[data-user-menu]');
-      if (!button && dropdown && !dropdown.contains(event.target)) {
-        dropdown.classList.add('hidden');
+      if (!button) {
+        dropdowns.forEach(function(dropdown) {
+          if (!dropdown.contains(event.target)) {
+            dropdown.classList.add('hidden');
+          }
+        });
       }
     });
 
@@ -1500,16 +1504,20 @@ function adminLayoutV2(data) {
     
     // User dropdown toggle
     function toggleUserDropdown() {
-      const dropdown = document.getElementById('userDropdown');
-      dropdown.classList.toggle('hidden');
+      const dropdowns = document.querySelectorAll('.userDropdown');
+      dropdowns.forEach(function(dropdown) {
+        dropdown.classList.toggle('hidden');
+      });
     }
     
     // Close dropdown when clicking outside
     document.addEventListener('click', function(event) {
-      const dropdown = document.getElementById('userDropdown');
+      const dropdowns = document.querySelectorAll('.userDropdown');
       const button = event.target.closest('button');
       if (!button || !button.getAttribute('onclick')) {
-        dropdown.classList.add('hidden');
+        dropdowns.forEach(function(dropdown) {
+          dropdown.classList.add('hidden');
+        });
       }
     });
     
@@ -1959,7 +1967,7 @@ function renderTopBar(pageTitle, user) {
                 </button>
                 
                 <!-- Dropdown Menu -->
-                <div id="userDropdown" class="hidden absolute right-0 mt-2 w-48 backdrop-blur-md bg-black/95 rounded-xl border border-white/10 shadow-xl z-[9999]">
+                <div class="userDropdown hidden absolute right-0 mt-2 w-48 backdrop-blur-md bg-black/95 rounded-xl border border-white/10 shadow-xl z-[9999]">
                   <div class="py-2">
                     <div class="px-4 py-2 border-b border-white/10">
                       <p class="text-sm font-medium text-gray-1">${user.name || user.email || "User"}</p>
@@ -3599,5 +3607,5 @@ function renderFormField(field) {
 }
 
 export { adminLayoutV2, getConfirmationDialogScript, init_admin_layout_catalyst_template, init_logo_template, renderAdminLayout, renderAdminLayoutCatalyst, renderAlert, renderCheckboxPage, renderCodeExamplesList, renderConfirmationDialog, renderDesignPage, renderForm, renderFormField, renderLogo, renderPagination, renderTable, renderTestimonialsList };
-//# sourceMappingURL=chunk-76TX6XND.js.map
-//# sourceMappingURL=chunk-76TX6XND.js.map
+//# sourceMappingURL=chunk-JTUCC6WZ.js.map
+//# sourceMappingURL=chunk-JTUCC6WZ.js.map