@nxgt/material 3.87.0 → 3.88.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @nxgt/material
 
+## 3.88.0
+
+### Minor Changes
+
+- [#2556](https://github.com/softistx/nxgt-material/pull/2556) [`e04413f`](https://github.com/softistx/nxgt-material/commit/e04413ff7214dd57d0972bfd487c0996ec67bb31) Thanks [@SteveGT96](https://github.com/SteveGT96)! - New `HalfDayRangeField` and `HalfDayRangeFormField` (React Hook Form), exported from `@nxgt/material/components`: a range whose two ends are each a day plus a half, morning or afternoon, for absences and closures counted to the half day. The value is `{ start: { date, half }, end: { date, half } }` (`half` is `'morning' | 'afternoon'`, `date` the local midnight of the day), ordered on the half. `onValueChange` gets `undefined` while a day is missing and the range as soon as both days are set, even when the end is before the start (the field shows "The end cannot be before the start.", marks the halves `aria-invalid` and announces it; `HalfDayRangeFormField` adds a `validate` rule so the form refuses it, without a resolver: with zod, use `z.custom<HalfDayRange>().refine(isHalfDayRangeOrdered, …)`; a `rules.validate` of your own is kept beside it). Controlled (`value`) or uncontrolled (`defaultValue`); a reset of `value` to `undefined` empties the days unless the emitted value was already `undefined` (then give the field a `key` that changes). `minDate`, `maxDate` and `disabledDays` apply to both ends, and the end's calendar starts at the start's day. Labels come from `material.half-day-range.*` and `material.dates.start` / `end` (en and fr). `compareHalfDays`, `isHalfDayRangeOrdered`, `halfDaysIn` and `HALF_DAYS` are exported with the `HalfDay`, `HalfDayEnd` and `HalfDayRange` types. Not available in `@nxgt/material-vue` yet ([#2555](https://github.com/softistx/nxgt-material/issues/2555)). Fixes [#2546](https://github.com/softistx/nxgt-material/issues/2546).
+
 ## 3.87.0
 
 ### Minor Changes

package/README.md

@@ -702,6 +702,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/date-time-timefield.webp" width="120" alt="TimeField"> | [`TimeField`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/date-and-time.md#timefield), `TimeStringField`, `TimeFormField` | A time typed in segments, with a button that opens a `TimePicker` in a popover, or in a bottom sheet on a phone. A tonal box; `size="sm"` is compact, `TimeStringField` takes an `HH:mm` string. | `TimeField`, `TimeFormField`; `TimeStringField`: — (later) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/date-time-timepicker.webp" width="120" alt="TimePicker"> | [`TimePicker`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/date-and-time.md#timepicker) | Hours and minutes as big tiles with steppers, an AM / PM pair and quick minutes (columns with `variant="columns"`), 12- or 24-hour by language. | `TimePicker` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/date-time-durationfield.webp" width="120" alt="DurationField"> | [`DurationField`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/date-and-time.md#durationfield) · `DurationFormField` | Hours and minutes combined into a total in minutes, typed on one line, "1 h 29 min", with one −/+ pair for the focused part (`variant="fields"` for the two number fields). | `DurationField`, `DurationFormField` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/date-time-halfdayrangefield.webp" width="120" alt="HalfDayRangeField"> | [`HalfDayRangeField`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/date-and-time.md#halfdayrangefield) · `HalfDayRangeFormField` | A range whose two ends are each a day plus morning or afternoon, ordered on the half, for absences and closures counted to the half day. | — (later, #2555) |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/date-time-minimonth.webp" width="120" alt="MiniMonth"> | [`MiniMonth`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/date-and-time.md#minimonth) | Compact month navigator: today ringed, a week band, event dots, a keyboard date grid. | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/date-time-nowindicator.webp" width="120" alt="NowIndicator"> | [`NowIndicator`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/date-and-time.md#nowindicator) | The current-time line of a day schedule, moving each minute. CSP-safe. | — |
 

package/dist/{alert-dialog-DC_9MW49.js → alert-dialog-CEGs7LMN.js}

@@ -4,7 +4,7 @@ import { o as n } from "./dist-DVRQkaTK.js";
 import { r } from "./dist-DWZXlCZR.js";
 import { a as i } from "./dist-DHdUUM1w.js";
 import { t as a } from "./in-dialog-D61Yeaol.js";
-import { a as o, c as s, d as c, i as l, l as u, n as d, o as f, r as p, s as m, t as h, u as g } from "./use-return-focus-BttT8j1o.js";
+import { a as o, c as s, d as c, i as l, l as u, n as d, o as f, r as p, s as m, t as h, u as g } from "./use-return-focus-Cqzvj9R0.js";
 import { i as _ } from "./escape-owner-DpaP0lm1.js";
 import * as v from "react";
 import { Fragment as y, isValidElement as b } from "react";

package/dist/{async-slice-C6XbESai.js → async-slice-CR0M95Jq.js}

@@ -1,4 +1,4 @@
-import { l as e, r as t, s as n, u as r } from "./translator-BwUYrek9.js";
+import { l as e, r as t, s as n, u as r } from "./translator-DoVsjUff.js";
 import { t as i } from "./_baseIsEqual-C6ksIHya.js";
 import { useMemo as a } from "react";
 import { asyncThunkCreator as o, buildCreateSlice as s } from "@reduxjs/toolkit";

package/dist/{button-BksHtogl.js → button-h9hXBEQB.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { n as t, t as n } from "./dist-DVRQkaTK.js";
-import { n as r, t as i } from "./spinner-CngjH5-n.js";
+import { n as r, t as i } from "./spinner-DcW21pN1.js";
 import { t as a } from "./dist-DkQbkF9T.js";
 import { a as o, i as s, n as c, o as l, s as u, t as d } from "./use-click-lock-Bwg_caHO.js";
 import { t as f } from "./is-production-GLw59WU8.js";

package/dist/{calculator-C_dTrMWE.js → calculator-Dn_KL0b0.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { n as t, r as n, t as r, u as i } from "./tabs-C0CPqX5U.js";
-import { t as a } from "./button-BksHtogl.js";
-import { t as o } from "./use-material-translation-BDVGF7-Z.js";
-import { t as s } from "./icon-button-caFcCpXV.js";
+import { n as t, r as n, t as r, u as i } from "./tabs-CdoBFtWx.js";
+import { t as a } from "./button-h9hXBEQB.js";
+import { t as o } from "./use-material-translation-BdrItuwY.js";
+import { t as s } from "./icon-button-DE1EcO2-.js";
 import { t as c } from "./copy-to-clipboard-Be5Ffvs_.js";
 import { t as l } from "./useEvent-2fKq-6w8.js";
 import { t as u } from "./useLatest-C2PnQEeD.js";
@@ -11,7 +11,7 @@ import { t as f } from "./skeleton-DSdtr2qc.js";
 import { t as p } from "./live-status-BGPaN8r8.js";
 import { n as m, t as h } from "./calculator-context-BugcKuVG.js";
 import { a as g, c as _, i as v, l as y, n as b, o as ee, r as te, s as ne } from "./calculator-announce-DRd2c6Dq.js";
-import { i as re, t as ie } from "./pos-types-QcM9WTr0.js";
+import { i as re, t as ie } from "./pos-types-CpTpT4vE.js";
 import { a as ae, r as oe } from "./key-layout-cR79xfGE.js";
 import { n as x, r as se, t as ce } from "./programmer-word-CNCF7DJF.js";
 import { t as le } from "./standard-layout-BuSRr3TY.js";
@@ -279,11 +279,11 @@ function Le({ helpId: e }) {
 //#endregion
 //#region lib/components/ui/widgets/calculator/variants/variant-loader.ts
 var Re = {
-	scientific: () => import("./scientific-variant-0Fq8HLiY.js"),
-	pos: () => import("./pos-variant-BeON2e_Q.js"),
-	programmer: () => import("./programmer-variant-3cEMiII7.js"),
-	financial: () => import("./financial-variant-0fJAMale.js"),
-	conversion: () => import("./conversion-variant-Cauk0BMS.js")
+	scientific: () => import("./scientific-variant-rfvJKxB4.js"),
+	pos: () => import("./pos-variant-Bs5BUB1L.js"),
+	programmer: () => import("./programmer-variant-B1eI1fd0.js"),
+	financial: () => import("./financial-variant-CYgRZzKT.js"),
+	conversion: () => import("./conversion-variant-Cf0sEmnS.js")
 }, B = "failed", V = /* @__PURE__ */ new Map(), H = /* @__PURE__ */ new Map(), U = /* @__PURE__ */ new Set(), W = () => {
 	for (let e of U) e();
 };

package/dist/calculator-field.js

@@ -1,11 +1,11 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { t } from "./button-BksHtogl.js";
-import { t as n } from "./use-material-translation-BDVGF7-Z.js";
-import { t as r } from "./icon-button-caFcCpXV.js";
-import { a as i, i as a, n as o, r as s, t as c } from "./picker-surface-CVAW0t-r.js";
-import { r as l, t as u } from "./currency-field-Dy2e9kSr.js";
+import { t } from "./button-h9hXBEQB.js";
+import { t as n } from "./use-material-translation-BdrItuwY.js";
+import { t as r } from "./icon-button-DE1EcO2-.js";
+import { a as i, i as a, n as o, r as s, t as c } from "./picker-surface-DkfTv_ft.js";
+import { r as l, t as u } from "./currency-field-cwC7cqUE.js";
 import { r as d, t as f } from "./field-blur-DkiZOVNV.js";
-import { t as p } from "./calculator-C_dTrMWE.js";
+import { t as p } from "./calculator-Dn_KL0b0.js";
 import { useId as m, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { Calculator as y } from "lucide-react";

package/dist/{calculator-segment-FOUl66f6.js → calculator-segment-DMFptsDf.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./use-material-translation-BDVGF7-Z.js";
+import { t as e } from "./use-material-translation-BdrItuwY.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region lib/components/ui/widgets/calculator/partials/calculator-segment.tsx
 function n({ label: n, choices: r, value: i, nameKey: a, onChange: o }) {

package/dist/calculator.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./calculator-C_dTrMWE.js";
+import { n as e, t } from "./calculator-Dn_KL0b0.js";
 export { e as CALCULATOR_VARIANTS, t as Calculator };

package/dist/charts.js

@@ -1,12 +1,12 @@
 import { t as e } from "./ui.utils-CAnKTCw5.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./warn-once-C_e47JM8.js";
-import { t as r } from "./button-BksHtogl.js";
-import { t as i } from "./use-material-translation-BDVGF7-Z.js";
+import { t as r } from "./button-h9hXBEQB.js";
+import { t as i } from "./use-material-translation-BdrItuwY.js";
 import { t as a } from "./use-ssr-media-query-C6M5m8sf.js";
 import { i as o, n as s, r as c, t as l } from "./util-4heV2LPI.js";
 import { t as u } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { t as d } from "./chip-BWaC87zs.js";
+import { t as d } from "./chip-C-RAjar5.js";
 import { c as f, d as p, f as m, i as h, o as g, p as _, s as v, t as y } from "./line-path-C5pZGC49.js";
 import { t as b } from "./live-status-BGPaN8r8.js";
 import { t as x } from "./linear-G97mfnKF.js";

package/dist/{chip-BWaC87zs.js → chip-C-RAjar5.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { n as t } from "./spinner-CngjH5-n.js";
+import { n as t } from "./spinner-DcW21pN1.js";
 import { s as n } from "./use-click-lock-Bwg_caHO.js";
-import { t as r } from "./use-material-translation-BDVGF7-Z.js";
+import { t as r } from "./use-material-translation-BdrItuwY.js";
 import { t as i } from "./react-node-text-Crkpfpco.js";
 import { cloneElement as a, isValidElement as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/{code-editor-ddbQ0pEc.js → code-editor-DApeIOZ3.js}

@@ -1,12 +1,12 @@
 import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./dist-DWZXlCZR.js";
-import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-DtVC2xQW.js";
+import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-xUUE5X6T.js";
 import { a as c, i as l, n as u } from "./field-blur-context-BLGgf_3z.js";
-import { a as d, o as f, r as p, s as m, t as h } from "./toolbar-items-BU5_H3UA.js";
+import { a as d, o as f, r as p, s as m, t as h } from "./toolbar-items-CZ1lJXZZ.js";
 import { t as g } from "./is-production-GLw59WU8.js";
-import { t as _ } from "./use-material-translation-BDVGF7-Z.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-jRlQfjAm.js";
+import { t as _ } from "./use-material-translation-BdrItuwY.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-CGtYfc1l.js";
 import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { n as C, t as w } from "./escape-owner-DpaP0lm1.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";

package/dist/code-editor.js

@@ -1,13 +1,13 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { t } from "./dist-DWZXlCZR.js";
-import { o as n, r, s as i, t as a } from "./toolbar-items-BU5_H3UA.js";
-import { t as o } from "./use-material-translation-BDVGF7-Z.js";
-import { i as s, n as c, o as l } from "./code-language-items-jRlQfjAm.js";
+import { o as n, r, s as i, t as a } from "./toolbar-items-CZ1lJXZZ.js";
+import { t as o } from "./use-material-translation-BdrItuwY.js";
+import { i as s, n as c, o as l } from "./code-language-items-CGtYfc1l.js";
 import { t as u } from "./skeleton-DSdtr2qc.js";
 import { t as d } from "./live-status-BGPaN8r8.js";
 import { t as f } from "./use-mobile-BDro060N.js";
 import { t as p } from "./react-node-text-Crkpfpco.js";
-import { a as m, c as h, d as g, f as _, i as v, l as y, m as b, o as x, p as S, r as C, s as w, t as T, u as E } from "./code-editor-ddbQ0pEc.js";
+import { a as m, c as h, d as g, f as _, i as v, l as y, m as b, o as x, p as S, r as C, s as w, t as T, u as E } from "./code-editor-DApeIOZ3.js";
 import { r as D, t as O } from "./field-blur-DkiZOVNV.js";
 import { useEffect as k, useRef as A, useState as j } from "react";
 import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";

package/dist/{code-language-items-jRlQfjAm.js → code-language-items-CGtYfc1l.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-DtVC2xQW.js";
-import { t as n } from "./use-material-translation-BDVGF7-Z.js";
+import { d as e, f as t } from "./dropdown-menu-xUUE5X6T.js";
+import { t as n } from "./use-material-translation-BdrItuwY.js";
 import { t as r } from "./copy-to-clipboard-Be5Ffvs_.js";
 import { t as i } from "./live-status-BGPaN8r8.js";
 import { useEffect as a, useRef as o, useState as s } from "react";