@marianmeres/stuic 2.28.0 → 2.30.0

package/dist/actions/popover/popover.svelte.d.ts

@@ -26,6 +26,13 @@ export declare function closePopover(id: string): void;
  * @param id - The popover ID to toggle
  */
 export declare function togglePopover(id: string): void;
+/**
+ * Check if a popover is currently open by its registered ID.
+ *
+ * @param id - The popover ID to check
+ * @returns true if the popover is open, false otherwise
+ */
+export declare function isPopoverOpen(id: string): boolean;
 /**
  * Checks if the browser supports CSS Anchor Positioning for popovers.
  *

package/dist/actions/popover/popover.svelte.js

@@ -6,6 +6,8 @@ import PopoverContent from "./PopoverContent.svelte";
 import "./index.css";
 // Registry of open popover hide functions for closeOthers feature
 const openPopovers = new Set();
+// Reactive state tracking which popovers are open by ID
+const popoverOpenStates = $state({});
 // Registry of popovers by ID for programmatic control
 const popoverRegistry = new Map();
 // Track if an open was just requested (to prevent same-click outside close)
@@ -54,6 +56,15 @@ export function closePopover(id) {
 export function togglePopover(id) {
     popoverRegistry.get(id)?.toggle();
 }
+/**
+ * Check if a popover is currently open by its registered ID.
+ *
+ * @param id - The popover ID to check
+ * @returns true if the popover is open, false otherwise
+ */
+export function isPopoverOpen(id) {
+    return popoverOpenStates[id] ?? false;
+}
 const SHOW_DELAY = 100;
 const HIDE_DELAY = 200;
 const TRANSITION = 200;
@@ -310,6 +321,9 @@ export function popover(anchorEl, fn) {
         // Register this popover
         openPopovers.add(hide);
         isVisible = true;
+        if (currentOptions.id) {
+            popoverOpenStates[currentOptions.id] = true;
+        }
         anchorEl.setAttribute("aria-expanded", "true");
         const offsetValue = currentOptions.offset || "0.25rem";
         const useAnchorPositioning = isSupported && !currentOptions.forceFallback;
@@ -378,6 +392,28 @@ export function popover(anchorEl, fn) {
         }
         // Render content
         renderContent();
+        // Add close button for fallback mode (after content so it's not cleared)
+        if (!useAnchorPositioning && popoverEl) {
+            const closeBtn = document.createElement("button");
+            closeBtn.setAttribute("type", "button");
+            closeBtn.setAttribute("aria-label", "Close");
+            closeBtn.innerHTML = `<svg fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor" style="width:1.25rem;height:1.25rem"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12" /></svg>`;
+            closeBtn.style.cssText = `
+				position: absolute;
+				top: 0;
+				right: 0;
+				background: black;
+				color: white;
+				border: none;
+				border-bottom-left-radius: 0.5rem;
+				cursor: pointer;
+				opacity: 0.8;
+				padding: 0.33rem;
+				line-height: 1;
+			`;
+            closeBtn.addEventListener("click", hide);
+            popoverEl.appendChild(closeBtn);
+        }
         // Transition in
         popoverEl.classList.add("pop-block");
         requestAnimationFrame(() => {
@@ -409,6 +445,9 @@ export function popover(anchorEl, fn) {
         if (!isVisible)
             return;
         isVisible = false;
+        if (currentOptions.id) {
+            popoverOpenStates[currentOptions.id] = false;
+        }
         // Unregister from open popovers
         openPopovers.delete(hide);
         anchorEl.setAttribute("aria-expanded", "false");
@@ -547,6 +586,7 @@ export function popover(anchorEl, fn) {
             // Unregister from popover registry
             if (currentOptions.id) {
                 popoverRegistry.delete(currentOptions.id);
+                delete popoverOpenStates[currentOptions.id];
             }
             document.removeEventListener("keydown", onEscape);
             document.removeEventListener("click", onClickOutside);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marianmeres/stuic",
-  "version": "2.28.0",
+  "version": "2.30.0",
   "files": [
     "dist",
     "!dist/**/*.test.*",