@nxgt/material 2.14.0 → 2.16.0

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # @nxgt/material
 
+## 2.16.0
+
+### Minor Changes
+
+- [#547](https://github.com/softistx/nxgt-material/pull/547) [`20f68b0`](https://github.com/softistx/nxgt-material/commit/20f68b02ff171ebda7cd0e30ada9103a633949b8) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `Chip`: the ✕ is a 24px target (WCAG 2.5.8) on the same chip height. New
+  `dismissLabel` (a string, or a function of the label's text) names the ✕ instead
+  of "Remove {label}". `ref` (React) and the exposed `el` and `focus()` (Vue)
+  reach the chip's body in every mode. New `variant="dashed"`, a muted dashed pill
+  that turns solid once `active`, and `size="sm"` for a compact chip. The label-only span now has `tabindex="-1"`, so `focus()` works there, and a
+  consumer's `tabindex` still wins. `ChipVariant` and `ChipSize` are now exported.
+
+- [#546](https://github.com/softistx/nxgt-material/pull/546) [`d284fd3`](https://github.com/softistx/nxgt-material/commit/d284fd32de610cd28db3b8066a64ccd913764ce6) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `DataTablePagination`: the "Rows per page" select is named by its label, an
+  empty table shows no "Page 1 of 0", and the selection message now leads with
+  the count: "No rows selected of 128", "1 row selected of 128" (French: "Aucune
+  ligne sélectionnée sur 128"). This changes the `material.table.pagination.rows-selected`
+  copy; apps that override it should adopt the new ICU form. `SelectField` takes
+  `aria-labelledby` (React) / `ariaLabelledby` (Vue). The React `FilterChips`
+  removes a filter with a real "Remove" button, no longer by a click on the chip.
+
+### Patch Changes
+
+- [#541](https://github.com/softistx/nxgt-material/pull/541) [`6d10133`](https://github.com/softistx/nxgt-material/commit/6d1013356e8c42631166b6281081811912e31323) Thanks [@SteveGT96](https://github.com/SteveGT96)! - The roadmaps plan one Vite plugin for the setup, and list the strict Content
+  Security Policy as shipped.
+- Updated dependencies [[`6d10133`](https://github.com/softistx/nxgt-material/commit/6d1013356e8c42631166b6281081811912e31323)]:
+  - @nxgt/material-core@0.9.1
+
+## 2.15.0
+
+### Minor Changes
+
+- [#530](https://github.com/softistx/nxgt-material/pull/530) [`9b7fa1e`](https://github.com/softistx/nxgt-material/commit/9b7fa1e240d8dfd479d8b75f7bf68b546dca400a) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fixes [#527](https://github.com/softistx/nxgt-material/issues/527). `Typography` takes `as` (the element to render, `div` by default) and `asChild` (merge the variant classes onto the single child), so an inline text or a heading keeps its variant: `<Typography as="span" variant="title-small">Inline</Typography>`. The default output is unchanged.
+  
+  Apps that carry a workaround marked `Temporary, until material [#527](https://github.com/softistx/nxgt-material/issues/527)` can remove it once they take this version.
+
+### Patch Changes
+
+- [#533](https://github.com/softistx/nxgt-material/pull/533) [`58a9ee5`](https://github.com/softistx/nxgt-material/commit/58a9ee5d62218542352fec7949d657e4c9627ea0) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fixes [#524](https://github.com/softistx/nxgt-material/issues/524). The trigger of `DateField`, `DateFormField`, `DateRangeField`,
+  `DateRangeFormField` and `TimeField` wrote the chosen value with date-fns'
+  default (English) locale, so a French page showed 1 September 2028 as
+  `09/01/2028` and a time as `2:30 PM`. It now uses the language of the calendar:
+  the field's own `locale` (React), else the `I18nProvider` language, else
+  English, so a French page shows `01/09/2028` and `14:30`.
+  With no provider, or in English, the output is unchanged.
+  
+  Apps that carry a workaround marked `Temporary, until material [#524](https://github.com/softistx/nxgt-material/issues/524)` can remove
+  it once they take this version.
+
+- [#532](https://github.com/softistx/nxgt-material/pull/532) [`5f1d9a5`](https://github.com/softistx/nxgt-material/commit/5f1d9a5d7992cb0fe38edebc988762c5cfdd4f0c) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fixes [#525](https://github.com/softistx/nxgt-material/issues/525). With `mode: "onTouched"` (or `"onBlur"`), using the calendar of an
+  empty required `DateFormField` marked the field touched and showed "Required"
+  while the user was still picking. Going to another month, to the year view or
+  to today unmounted the button that had focus (`Calendar` gave `react-day-picker`
+  new `Nav`, `CaptionLabel` and `MonthGrid` components on every month or view
+  change), focus fell to the page and the field read that as leaving. Those three
+  components now keep their identity, so the buttons keep focus, and picking a
+  year in the year view hands focus to the caption button that opened it. This also keeps
+  the keyboard focus on a `Calendar` used on its own when the month changes.
+  `DateRangeFormField` and every other field that shows a `Calendar` gain the
+  same. `@nxgt/material-vue` is not affected (its stories now check it).
+  
+  Apps that carry a workaround marked `Temporary, until material [#525](https://github.com/softistx/nxgt-material/issues/525)` can remove
+  it once they take this version.
+
+- [#529](https://github.com/softistx/nxgt-material/pull/529) [`22d1b59`](https://github.com/softistx/nxgt-material/commit/22d1b592a5243c26ba77eb0bf6b80fef27008cf9) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fixes [#526](https://github.com/softistx/nxgt-material/issues/526). `EmptyState` no longer shows the preset's description under your own title. The preset's description is the companion of the preset's title: with your own `title` (or a `#title` slot in Vue) and no `description`, no description is rendered, not even an empty element. With no `title`, the preset title and description both show as before, and an explicit `description` (or `#description` slot) always wins. Pass `description` to keep a line under your own title.
+  
+  Apps that carry a workaround marked `Temporary, until material [#526](https://github.com/softistx/nxgt-material/issues/526)` (a `description=""` or a hidden description) can remove it once they take this version.
+
 ## 2.14.0
 
 ### Minor Changes

package/dist/{_Uint8Array-QCcRMhXd.js → _Uint8Array-CjLUgWgf.js}

@@ -1,4 +1,4 @@
-import { S as e, T as t, d as n, g as r, l as i, u as a, v as o, w as s, x as c } from "./translator-BMFC0lBV.js";
+import { S as e, T as t, d as n, g as r, l as i, u as a, v as o, w as s, x as c } from "./translator-DTl9h__E.js";
 //#region ../../node_modules/lodash-es/_isIndex.js
 var l = 9007199254740991, u = /^(?:0|[1-9]\d*)$/;
 function d(e, t) {

package/dist/{_overRest-C21ZmKyH.js → _overRest-HfSwfmH1.js}

@@ -1,4 +1,4 @@
-import { m as e, p as t } from "./translator-BMFC0lBV.js";
+import { m as e, p as t } from "./translator-DTl9h__E.js";
 //#region ../../node_modules/lodash-es/identity.js
 function n(e) {
 	return e;

package/dist/{async-slice-TBZ6Taw2.js → async-slice-CsE3hkCD.js}

@@ -1,5 +1,5 @@
-import { C as e, S as t, h as n, l as r, m as i, p as a, u as o, v as s, w as c, x as l } from "./translator-BMFC0lBV.js";
-import { a as u, c as d, d as f, i as p, n as m, r as h, t as g, u as _ } from "./_Uint8Array-QCcRMhXd.js";
+import { C as e, S as t, h as n, l as r, m as i, p as a, u as o, v as s, w as c, x as l } from "./translator-DTl9h__E.js";
+import { a as u, c as d, d as f, i as p, n as m, r as h, t as g, u as _ } from "./_Uint8Array-CjLUgWgf.js";
 import { L as v } from "./number.utils-BiBN2hWJ.js";
 import { Suspense as y, createContext as b, createElement as x, useContext as ee, useEffect as te, useMemo as S, useReducer as ne, useState as re, useSyncExternalStore as ie } from "react";
 import { asyncThunkCreator as ae, buildCreateSlice as oe } from "@reduxjs/toolkit";

package/dist/{blockDiagram-BEXU5L5S-Cn9cG3vt.js → blockDiagram-BEXU5L5S-DSNWJcbS.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./graphlib-CbcZi5bx.js";
+import { t as e } from "./graphlib-BqO9Go2u.js";
 import { n as t, t as n } from "./src-CsLQInsN.js";
 import { A as r, B as i, C as a, D as o, E as s, F as c, G as l, H as u, I as d, L as f, M as p, N as m, O as h, P as g, R as _, T as v, U as ee, V as y, W as b, b as x, j as S, k as C, l as w, v as T, w as E, z as D } from "./chunk-ZIGJFQKS-9VXArDKF.js";
 import { n as O } from "./chunk-Y2CYZVJY-BAad7w_K.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-BzO1efzA.js";
+import { a as me, c as he, i as ge, l as _e } from "./chunk-Z7XXMR3K-BSXPgLtN.js";
 //#region ../../node_modules/es-toolkit/dist/compat/predicate/isArray.mjs
 function ve(e) {
 	return Array.isArray(e);

package/dist/{chunk-3FUC2YCW-XrT5pZo5.js → chunk-3FUC2YCW-CcZvlyvW.js}

@@ -1,11 +1,11 @@
-import { t as e } from "./graphlib-CbcZi5bx.js";
+import { t as e } from "./graphlib-BqO9Go2u.js";
 import { n as t } from "./src-CsLQInsN.js";
 import { g as n } from "./chunk-ZIGJFQKS-9VXArDKF.js";
 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-BzO1efzA.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-BSXPgLtN.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-Uf-8NCRF.js → chunk-7M6MHVWA-21OdxoBq.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-CGgBmY0O.js";
+import { r as w, t as T } from "./chunk-GNY47TPC-BZdgq2LF.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-CGgBmY0O.js → chunk-GNY47TPC-BZdgq2LF.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-BzO1efzA.js";
+import { a as c, c as l, i as u, l as d } from "./chunk-Z7XXMR3K-BSXPgLtN.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-Dr2yBM7k.js"), "loader");
+	let e = /* @__PURE__ */ n(async () => await import("./elk-276RUBZZ-DI8bDQAL.js"), "loader");
 	return [{
 		name: "elk",
 		loader: e,
@@ -45,11 +45,11 @@ var p = {
 	g([
 		{
 			name: "dagre",
-			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-BOuRxJdA.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-CsnftAPx.js"), "loader")
 		},
 		{
 			name: "swimlane",
-			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-BwCqwEoR.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-B7_gOJxx.js"), "loader")
 		},
 		{
 			name: "cose-bilkent",

package/dist/{chunk-NETBCI7D-g-jPsM9q.js → chunk-NETBCI7D-CAgvlb0w.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { o as t } from "./chunk-Z7XXMR3K-BzO1efzA.js";
+import { o as t } from "./chunk-Z7XXMR3K-BSXPgLtN.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-BzO1efzA.js → chunk-Z7XXMR3K-BSXPgLtN.js}

@@ -1,4 +1,4 @@
-import { st as e } from "./components-qTUjhFuo.js";
+import { st as e } from "./components-Bkdm6jn6.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-7WgpfVcn.js → classDiagram-v2-NBCMYWYE-D_BHO1iT.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-BzO1efzA.js";
+import "./chunk-Z7XXMR3K-BSXPgLtN.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-CGgBmY0O.js";
+import { r as T, t as E } from "./chunk-GNY47TPC-BZdgq2LF.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) {