@versini/ui-panel 8.0.3 → 8.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +10 -6
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
@versini/ui-panel v8.0.
|
|
2
|
+
@versini/ui-panel v8.0.5
|
|
3
3
|
© 2025 gizmette.com
|
|
4
4
|
*/
|
|
5
5
|
try {
|
|
6
6
|
if (!window.__VERSINI_UI_PANEL__) {
|
|
7
7
|
window.__VERSINI_UI_PANEL__ = {
|
|
8
|
-
version: "8.0.
|
|
9
|
-
buildTime: "12/18/2025
|
|
8
|
+
version: "8.0.5",
|
|
9
|
+
buildTime: "12/18/2025 04:30 PM EST",
|
|
10
10
|
homepage: "https://www.npmjs.com/package/@versini/ui-panel",
|
|
11
11
|
license: "MIT",
|
|
12
12
|
};
|
|
@@ -18,6 +18,7 @@ try {
|
|
|
18
18
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
19
19
|
import { useCallback, useEffect, useId, useRef, useState } from "react";
|
|
20
20
|
import clsx from "clsx";
|
|
21
|
+
import { createPortal } from "react-dom";
|
|
21
22
|
|
|
22
23
|
;// CONCATENATED MODULE: ./src/common/constants.ts
|
|
23
24
|
const MESSAGEBOX_CLASSNAME = "av-messagebox";
|
|
@@ -37,6 +38,8 @@ const NONE = "none";
|
|
|
37
38
|
|
|
38
39
|
;// CONCATENATED MODULE: external "clsx"
|
|
39
40
|
|
|
41
|
+
;// CONCATENATED MODULE: external "react-dom"
|
|
42
|
+
|
|
40
43
|
;// CONCATENATED MODULE: ./src/components/Panel/dialogStackManager.ts
|
|
41
44
|
/**
|
|
42
45
|
* Dialog Stack Manager
|
|
@@ -153,6 +156,7 @@ const NONE = "none";
|
|
|
153
156
|
|
|
154
157
|
|
|
155
158
|
|
|
159
|
+
|
|
156
160
|
/**
|
|
157
161
|
* Selector for all focusable elements within a container. Based on W3C WAI-ARIA
|
|
158
162
|
* practices for dialog focus management.
|
|
@@ -417,13 +421,13 @@ const NONE = "none";
|
|
|
417
421
|
// Panel: full screen on mobile, centered on desktop
|
|
418
422
|
"inset-0 m-0 sm:inset-auto sm:inset-x-0 sm:top-1/2 sm:-translate-y-1/2 sm:mx-auto": !isMessageBox,
|
|
419
423
|
// MessageBox: always centered at all breakpoints
|
|
420
|
-
"inset-auto inset-x-0 top-1/2 -translate-y-1/2 mx-auto": isMessageBox
|
|
424
|
+
"inset-auto inset-x-0 top-1/2 -translate-y-1/2 mx-auto z-100": isMessageBox
|
|
421
425
|
}, /**
|
|
422
426
|
* Backdrop styling via Tailwind's backdrop: variant for ::backdrop
|
|
423
427
|
* pseudo-element. Full black on mobile, 80% opacity on desktop (matches
|
|
424
428
|
* original overlay).
|
|
425
429
|
*/ "backdrop:bg-black sm:backdrop:bg-black/80", className);
|
|
426
|
-
return /*#__PURE__*/ jsxs("dialog", {
|
|
430
|
+
return /*#__PURE__*/ createPortal(/*#__PURE__*/ jsxs("dialog", {
|
|
427
431
|
ref: dialogRef,
|
|
428
432
|
"aria-labelledby": labelId,
|
|
429
433
|
"aria-describedby": descriptionId,
|
|
@@ -472,7 +476,7 @@ const NONE = "none";
|
|
|
472
476
|
"aria-hidden": "true"
|
|
473
477
|
})
|
|
474
478
|
]
|
|
475
|
-
});
|
|
479
|
+
}), document.body);
|
|
476
480
|
}
|
|
477
481
|
|
|
478
482
|
;// CONCATENATED MODULE: ./src/components/Panel/utilities.ts
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-panel",
|
|
3
|
-
"version": "8.0.
|
|
3
|
+
"version": "8.0.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"sideEffects": [
|
|
53
53
|
"**/*.css"
|
|
54
54
|
],
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "7eaf26f57054b515f030a5f13313773e79c59b04"
|
|
56
56
|
}
|