@versini/ui-dialog 8.0.6 → 8.1.0

package/dist/index.js

@@ -1,19 +1,7 @@
 /*!
-  @versini/ui-dialog v8.0.6
+  @versini/ui-dialog v8.1.0
   © 2025 gizmette.com
 */
-try {
-  if (!window.__VERSINI_UI_DIALOG__) {
-    window.__VERSINI_UI_DIALOG__ = {
-      version: "8.0.6",
-      buildTime: "12/18/2025 07:24 PM EST",
-      homepage: "https://www.npmjs.com/package/@versini/ui-dialog",
-      license: "MIT",
-    };
-  }
-} catch (error) {
-  // nothing to declare officer
-}
 
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useRef, useState } from "react";
@@ -192,16 +180,16 @@ const NONE = "none";
 	 * Get all focusable elements within the dialog. Excludes focus sentinel
 	 * elements used for circular focus trapping.
 	 */ const getFocusableElements = useCallback(()=>{
-        /* c8 ignore next 3 - defensive check, dialogRef is always set when open */ if (!dialogRef.current) {
+        /* v8 ignore start - defensive check, dialogRef is always set when open */ if (!dialogRef.current) {
             return [];
         }
-        const elements = dialogRef.current.querySelectorAll(FOCUSABLE_SELECTOR);
+        /* v8 ignore stop */ const elements = dialogRef.current.querySelectorAll(FOCUSABLE_SELECTOR);
         return Array.from(elements).filter((el)=>el.offsetParent !== null && // Filter out hidden elements
             !el.hasAttribute("data-focus-sentinel"));
     }, []);
     /**
 	 * Focus a specific element by index, or the element referenced by a ref.
-	 */ const focusElement = useCallback((target)=>{
+	 */ /* v8 ignore start - focus element logic with multiple branches */ const focusElement = useCallback((target)=>{
         if (typeof target === "number") {
             if (target === -1) {
                 // -1 means don't focus anything.
@@ -218,7 +206,7 @@ const NONE = "none";
     }, [
         getFocusableElements
     ]);
-    /**
+    /* v8 ignore stop */ /**
 	 * Handle the native cancel event (fired when ESC is pressed). This replaces
 	 * the custom keydown handler since the native dialog handles ESC
 	 * automatically.
@@ -244,11 +232,11 @@ const NONE = "none";
             return;
         }
         const focusableElements = getFocusableElements();
-        /* c8 ignore next 4 - edge case: dialog with no focusable elements */ if (focusableElements.length === 0) {
+        /* v8 ignore start - edge case: dialog with no focusable elements */ if (focusableElements.length === 0) {
             event.preventDefault();
             return;
         }
-        const firstElement = focusableElements[0];
+        /* v8 ignore stop */ const firstElement = focusableElements[0];
         const lastElement = focusableElements[focusableElements.length - 1];
         const activeElement = document.activeElement;
         // Find the current index of the focused element.
@@ -284,7 +272,7 @@ const NONE = "none";
 	 * programmatic focus operations (e.g., when a nested dialog closes and returns
 	 * focus to its trigger element).
 	 *
-	 */ /* v8 ignore next 20 - focus escape handling for iPad Safari, hard to test in jsdom */ const handleFocusIn = useCallback((event)=>{
+	 */ /* v8 ignore start - focus escape handling for iPad Safari, hard to test in jsdom */ const handleFocusIn = useCallback((event)=>{
         // Ignore focus changes triggered by programmatic focus operations.
         if (shouldIgnoreFocusChanges()) {
             return;
@@ -300,28 +288,28 @@ const NONE = "none";
     }, [
         getFocusableElements
     ]);
-    /**
+    /* v8 ignore stop */ /**
 	 * Handle clicks on the backdrop (the area outside the dialog content). Native
 	 * dialog doesn't provide backdrop click handling, so we use the dialog
 	 * element's click event and check if the click target is the dialog itself
 	 * (not a child element).
-	 */ /* v8 ignore next 9 - backdrop clicks are disabled by design in current implementation */ const handleDialogClick = useCallback((_event)=>{
+	 */ /* v8 ignore start - backdrop clicks are disabled by design in current implementation */ const handleDialogClick = useCallback((_event)=>{
     /**
 			 * If the click is directly on the dialog element (the backdrop area), not on
 			 * any child element, then close the dialog. Currently disabled -
 			 * outsidePress is false by design. if (_event.target === dialogRef.current)
 			 * { onClose(); }
 			 */ }, []);
-    /**
+    /* v8 ignore stop */ /**
 	 * Focus sentinel handler - when a sentinel element receives focus, redirect
 	 * focus to the appropriate element inside the dialog. This handles iPad
 	 * Safari's Tab key behavior which can bypass event listeners.
 	 */ const handleSentinelFocus = useCallback((position)=>{
         const focusableElements = getFocusableElements();
-        /* c8 ignore next 3 - edge case: dialog with no focusable elements */ if (focusableElements.length === 0) {
+        /* v8 ignore start - edge case: dialog with no focusable elements */ if (focusableElements.length === 0) {
             return;
         }
-        if (position === "start") {
+        /* v8 ignore stop */ if (position === "start") {
             // Focus came from the end, wrap to last element.
             focusableElements[focusableElements.length - 1]?.focus();
         } else {
@@ -334,12 +322,12 @@ const NONE = "none";
     /**
 	 * Effect to show/hide the dialog and manage focus. Uses the dialog stack
 	 * manager to coordinate listeners between nested dialogs.
-	 */ useEffect(()=>{
+	 */ /* v8 ignore start - complex dialog lifecycle management */ useEffect(()=>{
         const dialog = dialogRef.current;
-        /* c8 ignore next 3 - defensive check */ if (!dialog) {
+        /* v8 ignore start - defensive check */ if (!dialog) {
             return;
         }
-        // Store the currently focused element to restore later.
+        /* v8 ignore stop */ // Store the currently focused element to restore later.
         previouslyFocusedRef.current = document.activeElement;
         // Show the dialog as a modal.
         if (!dialog.open) {
@@ -406,10 +394,10 @@ const NONE = "none";
         initialFocus,
         focusElement
     ]);
-    /* c8 ignore next 3 - early return when panel is closed */ if (!open) {
+    /* v8 ignore stop */ /* v8 ignore start - early return when panel is closed */ if (!open) {
         return null;
     }
-    const isMessageBox = kind === TYPE_MESSAGEBOX;
+    /* v8 ignore stop */ const isMessageBox = kind === TYPE_MESSAGEBOX;
     const dialogClass = clsx(/**
 		 * Center the dialog on screen with fixed positioning. Native dialog uses
 		 * position: fixed by default.
@@ -563,12 +551,12 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
 
 const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "light", kind = /* inlined export .TYPE_PANEL */ ("panel"), className, animation = false, animationType = /* inlined export .ANIMATION_SLIDE */ ("slide"), maxWidth = /* inlined export .MEDIUM */ ("medium"), maxHeight, blurEffect = /* inlined export .NONE */ ("none"), initialFocus })=>{
     const originalTitleRef = useRef("");
-    /* v8 ignore next 9 */ const [animationStyles, setAnimationStyles] = useState(!animation ? {} : animationType === /* inlined export .ANIMATION_FADE */ ("fade") ? {
+    /* v8 ignore start */ const [animationStyles, setAnimationStyles] = useState(!animation ? {} : animationType === /* inlined export .ANIMATION_FADE */ ("fade") ? {
         opacity: 0
     } : {
         transform: "translateY(-100vh)"
     });
-    const panelClassName = getPanelClassName({
+    /* v8 ignore stop */ const panelClassName = getPanelClassName({
         className,
         kind,
         borderMode,
@@ -588,7 +576,7 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
     /**
 	 * If the panel is opened, set the document title to the panel's title. If it's
 	 * closed, restore the original document.title.
-	 */ useEffect(()=>{
+	 */ /* v8 ignore start - document title manipulation */ useEffect(()=>{
         if (open) {
             originalTitleRef.current = document.title;
             document.title = `${title} | ${originalTitleRef.current}`;
@@ -602,9 +590,9 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
         title,
         open
     ]);
-    /**
+    /* v8 ignore stop */ /**
 	 * Effect to handle the opening and closing animations.
-	 */ /* v8 ignore next 31 */ useEffect(()=>{
+	 */ /* v8 ignore start */ useEffect(()=>{
         if (!animation) {
             return;
         }
@@ -631,7 +619,7 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
         animation,
         animationType
     ]);
-    return /*#__PURE__*/ jsx(PanelPortal, {
+    /* v8 ignore stop */ return /*#__PURE__*/ jsx(PanelPortal, {
         open: open,
         onClose: handleClose,
         className: panelClassName.outerWrapper,
@@ -692,6 +680,7 @@ const Panel = ({ open, onOpenChange, title, children, footer, borderMode = "ligh
 };
 
 ;// CONCATENATED MODULE: ./src/components/index.ts
+// force new release
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-dialog",
-	"version": "8.0.6",
+	"version": "8.1.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -52,5 +52,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "3582aaec11fa1d50f3d6ef280d4f06adaf4746e4"
+	"gitHead": "b2ee2e328ecadfbedcb26d14afa896a30f0ab54b"
 }