@nxgt/material 2.17.0 → 2.18.1

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @nxgt/material
 
+## 2.18.1
+
+### Patch Changes
+
+- [#562](https://github.com/softistx/nxgt-material/pull/562) [`b41a427`](https://github.com/softistx/nxgt-material/commit/b41a42792e0bd249990fb2e30b013741e16527b2) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fix a click lost right after an Autocomplete pick ([#557](https://github.com/softistx/nxgt-material/issues/557)). A pick empties the query, and `onQueryChange` (`@query-change` in Vue) reported that `''` only after `debounceMs`; whatever the page hid on it (a line, a count) then shrank a centred dialog under the next click, so an option of the Select below was pressed and released on two different rows and nothing was chosen (seen in Firefox). A query that changes from a non-empty value to `''` is now reported at once, never on mount; typing still waits for the pause, and no second `''` follows it. Also: the closing Combobox and Popover lists take no pointer events while they animate out. The Select is left as it was: Radix and reka-ui set an inline `pointer-events: auto` on its content, which no class can override. Adds the `Autocomplete/Query cleared` play and a `useQueryReport` unit test (React), a `queryChange` unit test (Vue) and a `NextControlClickableWhileClosing` play to both libraries.
+  
+  Migration: none. A consumer test that waited for the list to close after a pick (`expect(page.getByRole('listbox')).toHaveCount(0)`) can drop that wait.
+
+## 2.18.0
+
+### Minor Changes
+
+- [#553](https://github.com/softistx/nxgt-material/pull/553) [`d4c7848`](https://github.com/softistx/nxgt-material/commit/d4c7848768d97e458a77aa8d96c127c13430250f) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Autocomplete: `searchError` is honoured with `onSearch` too (softistx/nxgt-material#551): when it is set, the app's own reason is shown and announced in place of the generic "The search failed. Try again." (a rejected `onSearch` still reaches `onSearchError` / `@search-error`, where the app can keep the reason and pass it back). And an option can be disabled on its own (softistx/nxgt-material#552): `options[].disabled`, in the local `options` and in what `onSearch` returns, is rendered greyed out with `aria-disabled` and never picked, by click or Enter, in `single` and `multiple` mode. In `@nxgt/material` the arrow keys still reach it so that it is announced (Base UI's combobox behaviour); in `@nxgt/material-vue` Tab skips it and Enter picks the first enabled option. Both packages export the option type with `disabled?`. Workarounds for [#551](https://github.com/softistx/nxgt-material/issues/551) and [#552](https://github.com/softistx/nxgt-material/issues/552) can be removed. Fixes [#551](https://github.com/softistx/nxgt-material/issues/551), fixes [#552](https://github.com/softistx/nxgt-material/issues/552).
+
+### Patch Changes
+
+- [#555](https://github.com/softistx/nxgt-material/pull/555) [`1fe6a5c`](https://github.com/softistx/nxgt-material/commit/1fe6a5c752610f8bc6ed9121c667887cebb92934) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `DialogContent` and `AlertDialogContent` used to overflow the screen: a tall
+  dialog on a phone left its title off-screen. They are now capped at the dynamic
+  viewport (`max-h-[calc(100dvh-2rem)]`, `100vh` where `dvh` is unsupported) and
+  scroll inside themselves. On browsers with `dvh` support, an app's own
+  `max-h-*` class wins. `SheetContent` scrolls too, and a top or bottom sheet is
+  capped at the viewport.
+  
+  Content wider than the dialog now scrolls horizontally or is clipped. To keep
+  the old behaviour, pass `max-h-none overflow-visible` as the `className`
+  (React) or `class` (Vue). For a dialog that should grow taller than the screen
+  and scroll inside the overlay instead of capping, use `DialogScrollContent`.
+
 ## 2.17.0
 
 ### Minor Changes

package/dist/{blockDiagram-BEXU5L5S-K2MjXCm9.js → blockDiagram-BEXU5L5S-iNiTd2F6.js}

@@ -12,7 +12,7 @@ import "./chunk-7PRAP22T-0C6_H8Li.js";
 import { i as se, n as ce, o as le, r as ue, s as de } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import { i as fe, r as pe } from "./chunk-5DYCD2WN-Cd1zazNp.js";
-import { a as me, c as he, i as ge, l as _e } from "./chunk-Z7XXMR3K-C8MhuVIi.js";
+import { a as me, c as he, i as ge, l as _e } from "./chunk-Z7XXMR3K-DDFBvLN4.js";
 //#region ../../node_modules/es-toolkit/dist/compat/predicate/isArray.mjs
 function ve(e) {
 	return Array.isArray(e);

package/dist/{chunk-3FUC2YCW-6KyD6CAZ.js → chunk-3FUC2YCW-C3_88DyD.js}

@@ -5,7 +5,7 @@ import { n as r } from "./chunk-Y2CYZVJY-BAad7w_K.js";
 import { b as i, x as a } from "./chunk-O7XYJQB3-BChweQ_V.js";
 import { o } from "./chunk-7INBJB4K-k-I67NSP.js";
 import { i as s, n as c, r as l, t as u } from "./chunk-5DYCD2WN-Cd1zazNp.js";
-import { a as d, c as f, i as p, n as m, r as h, t as g, u as _ } from "./chunk-Z7XXMR3K-C8MhuVIi.js";
+import { a as d, c as f, i as p, n as m, r as h, t as g, u as _ } from "./chunk-Z7XXMR3K-DDFBvLN4.js";
 import { r as v, t as y } from "./chunk-UA2S7LBM-ChuksCDg.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-3FUC2YCW.mjs
 function b(e, { edgePathsClass: t = "edges edgePaths" } = {}) {

package/dist/{chunk-7M6MHVWA-CNWcBB_6.js → chunk-7M6MHVWA-DSA5AJyK.js}

@@ -9,7 +9,7 @@ import { a as b } from "./chunk-7INBJB4K-k-I67NSP.js";
 import { t as x } from "./chunk-GWA4HPMP-B8jXI0Tl.js";
 import { t as S } from "./chunk-XXDRQBXY-dKXxu_aj.js";
 import { t as C } from "./chunk-WEXAMYUT-CbFOhEve.js";
-import { r as w, t as T } from "./chunk-GNY47TPC-DdqgSBxM.js";
+import { r as w, t as T } from "./chunk-GNY47TPC-AFxr6Xhs.js";
 import { n as E, t as D } from "./chunk-LNGE3PJU-DJjGTS7O.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-7M6MHVWA.mjs
 var ie = "flowchart-", ae = class {

package/dist/{chunk-GNY47TPC-DdqgSBxM.js → chunk-GNY47TPC-AFxr6Xhs.js}

@@ -5,7 +5,7 @@ import { b as r, s as i } from "./chunk-O7XYJQB3-BChweQ_V.js";
 import { t as a } from "./chunk-DUW6YSOI-9R-v-IIp.js";
 import { o } from "./chunk-7INBJB4K-k-I67NSP.js";
 import { r as s } from "./chunk-5DYCD2WN-Cd1zazNp.js";
-import { a as c, c as l, i as u, l as d } from "./chunk-Z7XXMR3K-C8MhuVIi.js";
+import { a as c, c as l, i as u, l as d } from "./chunk-Z7XXMR3K-DDFBvLN4.js";
 import { r as f } from "./chunk-UA2S7LBM-ChuksCDg.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-GNY47TPC.mjs
 var p = {
@@ -30,7 +30,7 @@ var p = {
 ], h = /* @__PURE__ */ Object.create(null), g = /* @__PURE__ */ n((e) => {
 	for (let t of e) h[t.name] = t;
 }, "registerLayoutLoaders"), _ = /* @__PURE__ */ n(() => {
-	let e = /* @__PURE__ */ n(async () => await import("./elk-276RUBZZ-CK4KoCtK.js"), "loader");
+	let e = /* @__PURE__ */ n(async () => await import("./elk-276RUBZZ-CeiRDj87.js"), "loader");
 	return [{
 		name: "elk",
 		loader: e,
@@ -45,11 +45,11 @@ var p = {
 	g([
 		{
 			name: "dagre",
-			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-C2vz5UY9.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-B3FAoh2m.js"), "loader")
 		},
 		{
 			name: "swimlane",
-			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-B6Fkr7-U.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-Bv2VKn_d.js"), "loader")
 		},
 		{
 			name: "cose-bilkent",

package/dist/{chunk-NETBCI7D-ZnunhYtw.js → chunk-NETBCI7D-DUZYHta0.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { o as t } from "./chunk-Z7XXMR3K-C8MhuVIi.js";
+import { o as t } from "./chunk-Z7XXMR3K-DDFBvLN4.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-NETBCI7D.mjs
 var n = 5, r = 1e-5, i = 2, a = .6, o = 1e-6;
 function s(e) {

package/dist/{chunk-Z7XXMR3K-C8MhuVIi.js → chunk-Z7XXMR3K-DDFBvLN4.js}

@@ -1,4 +1,4 @@
-import { st as e } from "./components-CIYQrI45.js";
+import { st as e } from "./components-CEXxj5QP.js";
 import { n as t, t as n } from "./src-CsLQInsN.js";
 import { _ as r, a as i, i as a, n as o, o as s, p as c, r as l, t as u, u as d, v as f } from "./step-Dt43c9X4.js";
 import { K as p, g as m, q as h, u as g } from "./chunk-ZIGJFQKS-9VXArDKF.js";

package/dist/{classDiagram-v2-NBCMYWYE-ByUAGkfa.js → classDiagram-v2-NBCMYWYE-Cx1q9jwX.js}

@@ -9,12 +9,12 @@ import "./chunk-7PRAP22T-0C6_H8Li.js";
 import { i as v, n as y, o as b, r as x } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import "./chunk-7INBJB4K-k-I67NSP.js";
 import "./chunk-5DYCD2WN-Cd1zazNp.js";
-import "./chunk-Z7XXMR3K-C8MhuVIi.js";
+import "./chunk-Z7XXMR3K-DDFBvLN4.js";
 import { t as S } from "./chunk-GWA4HPMP-B8jXI0Tl.js";
 import { t as C } from "./chunk-XXDRQBXY-dKXxu_aj.js";
 import { t as w } from "./chunk-WEXAMYUT-CbFOhEve.js";
 import "./chunk-UA2S7LBM-ChuksCDg.js";
-import { r as T, t as E } from "./chunk-GNY47TPC-DdqgSBxM.js";
+import { r as T, t as E } from "./chunk-GNY47TPC-AFxr6Xhs.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-NBCMYWYE.mjs
 var D = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {