@nxgt/material 3.60.0 → 3.62.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @nxgt/material
 
+## 3.62.0
+
+### Minor Changes
+
+- [#2011](https://github.com/softistx/nxgt-material/pull/2011) [`688d543`](https://github.com/softistx/nxgt-material/commit/688d543e3306e3709d66cd75f4ad64cea43d48d0) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Add `inset` to `ListTile`. With `variant="divided"`, `inset` gives 16px of inline padding (M3's list-item inset) in place of 4px, for a divided list inside a `Card`; the hairlines still run edge to edge. Default `false`: nothing changes for existing tiles.
+
+## 3.61.0
+
+### Minor Changes
+
+- [#1999](https://github.com/softistx/nxgt-material/pull/1999) [`cf43f97`](https://github.com/softistx/nxgt-material/commit/cf43f97b8e66f162486066a94d566a3faac25eaf) Thanks [@SteveGT96](https://github.com/SteveGT96)! - New subpath `@nxgt/material/illustrations/game`: a set of eleven game scenes (`night-sky`, `village`, `seer`, `healer`, `archer`, `cupid`, `wolf`, `victory`, `empty-table`, `waiting-players`, `connection-lost`) for a game, quiz, community or event app, registered like the health and education sets (`<IllustrationDefaults sets={[GAME_SCENES]}>`). Decorative by default, an accessible `title` on request, theme tones in light and dark. Importing it adds the ids to `SceneId`. Fixes [#1914](https://github.com/softistx/nxgt-material/issues/1914).
+
+- [#1998](https://github.com/softistx/nxgt-material/pull/1998) [`02ff46a`](https://github.com/softistx/nxgt-material/commit/02ff46ad89404eba69d34ab3c6ec5e5b6cd92688) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ActivityLayout`'s default `routeTransition` (`true`) now fades the content region only when the pathname changes. A search or hash change (`?tab=`, a list search), a fetcher submit and a revalidation no longer animate the whole region, and typing in a search inside a dialog no longer drops characters. An explicit `routeTransition` object keeps working exactly as before, without the gate, so `{ default: 'nxgt-route' }` still animates every transition. If your app gated `update` on the pathname with a ref of the last pathname, remove that workaround.
+  
+  New export `ROUTE_TRANSITION_CLASS` (`'nxgt-route'`), so a nested `<ViewTransition>` fades with the same timing as the shell.
+
+- [#2007](https://github.com/softistx/nxgt-material/pull/2007) [`815f539`](https://github.com/softistx/nxgt-material/commit/815f5399630ca494edc7879f365a80e77b61bd6e) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Add `useDrafts(storageKey, options?)` to `@nxgt/material/hooks`: unsent values kept by key in the tab's `sessionStorage` so a reload or a jump to another step of a form loses no typed text. It returns `{ get, set, drop, clear, keys, loaded }`, reads after the first render (no hydration mismatch), swallows storage errors, and takes `serialize`, `parse` and `storage` options. Call `drop(key)` once the value is saved. `clearDrafts(storageKey, storage?)` empties a store key without a hook (sign-out). No Vue twin yet.
+
+### Patch Changes
+
+- [#1995](https://github.com/softistx/nxgt-material/pull/1995) [`224da3b`](https://github.com/softistx/nxgt-material/commit/224da3b885e346aa627a471b124d88750042abda) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Fix backdrop shapes cut by the edge of a surface. With `ActivityLayout`'s shapes backdrop, a glyph that straddled the edge of a header band (`ActivityContentHeader`, `EntityHeader`, the breadcrumb) or of a plain `bg-card` block was drawn half hidden. The keep-clear rule now counts those blocks whole, so a glyph meeting a surface edge is dropped whole, like one that meets a card. An element with the bare `bg-card` class now counts as a surface, so a page-wide `bg-card` wrapper keeps every glyph clear.
+
+- [#2006](https://github.com/softistx/nxgt-material/pull/2006) [`c723507`](https://github.com/softistx/nxgt-material/commit/c723507e4ca28f73d76869862bd371a46e2c7930) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `configureMonaco` (`@nxgt/material/code-editor`) gives the `<style>` elements Monaco injects the page's CSP nonce (`getCspNonce()`), so a `style-src-elem 'nonce-…'` policy no longer refuses the editor's styles and an app needs no `document.createElement` patch. The code editor and CSP guides say how the nonce and the bundled workers fit together. Fixes [#2002](https://github.com/softistx/nxgt-material/issues/2002).
+
+- [#1996](https://github.com/softistx/nxgt-material/pull/1996) [`5dbe8cc`](https://github.com/softistx/nxgt-material/commit/5dbe8ccd3f765879698bb4880fa0603cb1d9b177) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `ActivityLayout` and `AppHeader` no longer show the phone's menu button when the menu sheet would hold nothing to open: `items` is empty and there is no `context` line. The brand alone does not count. A menu with any entry (footer ones included) or a `context` keeps its button, and `showMenuIcon={false}` still hides it. Fixes [#1418](https://github.com/softistx/nxgt-material/issues/1418).
+
+- [#2013](https://github.com/softistx/nxgt-material/pull/2013) [`c4b4a4d`](https://github.com/softistx/nxgt-material/commit/c4b4a4d20e05b1f3e3e2c6052b98513b4fcb9633) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `QuestionCard`: in the answer key, the correct option of an unanswered single-choice question is drawn with the dashed `missed` style, as multi-choice does, instead of the solid `correct` one. A chosen correct option stays `correct`. Fixes [#2010](https://github.com/softistx/nxgt-material/issues/2010).
+- Updated dependencies [[`cf43f97`](https://github.com/softistx/nxgt-material/commit/cf43f97b8e66f162486066a94d566a3faac25eaf)]:
+  - @nxgt/material-core@0.44.0
+
 ## 3.60.0
 
 ### Minor Changes

package/README.md

@@ -208,6 +208,7 @@ reads `duotone.svg`, the file that exists (it used to ask for the missing
 | `@nxgt/material/illustrations` | State illustrations: `Illustration` (`scene`: `empty`, `no-results`, `not-found`, `error`, `offline`, `success`, `welcome`, `forbidden`, `maintenance`, `invitation`, `sign-in`, `empty-inbox`, or an id of the `scenes` table it is given; `size`, `title`, `animated`, `hero`, `satellites`, `iconStyle`, `tone`, `duotone`) draws a hero icon on a Material 3 Expressive plate with satellites, from the Font Awesome sprites your app serves (no icon artwork ships); `IllustrationDefaults` (`icons`: `'suggested'` or a table, `iconStyle`, `sets`) opts a subtree's `EmptyState` and `ErrorState` into them; `ILLUSTRATION_SCENES`, `SUGGESTED_ICONS` and the types re-exported from `@nxgt/material-core/illustrations` (`SceneRow`, `SceneTable`), plus `IconStyleInput` and `IconStyleRef` (the `iconStyle` types: `{ family?, type? }` or one of the 37 sprite file names), `SceneId`, `RegisteredScene` and `IllustrationSceneRegistry`, the scene id type that an imported set's ids widen. `unauthorized` and `maintenance` states draw the `forbidden` and `maintenance` scenes. `EmptyState`, `ErrorState` and the `DataTable` empty row (`emptyIllustration`) also take `illustration` as a scene id or `true`. Colours are theme tones in `styles.css`; its own entry ([illustrations guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/illustrations.md)) |
 | `@nxgt/material/illustrations/health` | The health scenes: `HEALTH_SCENES` (`patient-record`, `consultation`, `appointment`, `lab-sample`, `prescription`, `vaccination`, `hospitalisation`, `emergency`, `no-patients`, `lab-results`), `HEALTH_SCENE_IDS`, `HEALTH_SUGGESTED_ICONS`, `HealthScene`; register it with `<IllustrationDefaults sets={[HEALTH_SCENES]}>` so `<Illustration scene="patient-record" />` and `<EmptyState illustration="no-patients" />` work (or pass `scenes={HEALTH_SCENES}` to one `Illustration`); importing it adds the ids to `SceneId`. An app that does not import it does not carry it |
 | `@nxgt/material/illustrations/education` | The education scenes: `EDUCATION_SCENES` (`classroom`, `homework`, `exam-grades`, `timetable`, `attendance`, `enrolment`, `library`, `graduation`, `no-students`, `report-card`), `EDUCATION_SCENE_IDS`, `EDUCATION_SUGGESTED_ICONS`, `EducationScene`; register it with `<IllustrationDefaults sets={[EDUCATION_SCENES]}>` so `<Illustration scene="classroom" />` and `<EmptyState illustration="no-students" />` work (or pass `scenes={EDUCATION_SCENES}` to one `Illustration`); importing it adds the ids to `SceneId`. An app that does not import it does not carry it |
+| `@nxgt/material/illustrations/game` | The game scenes, for a game, quiz, community or event app: `GAME_SCENES` (`night-sky`, `village`, `seer`, `healer`, `archer`, `cupid`, `wolf`, `victory`, `empty-table`, `waiting-players`, `connection-lost`), `GAME_SCENE_IDS`, `GAME_SUGGESTED_ICONS`, `GameScene`; register it with `<IllustrationDefaults sets={[GAME_SCENES]}>` so `<Illustration scene="village" />` and `<EmptyState illustration="empty-table" />` work (or pass `scenes={GAME_SCENES}` to one `Illustration`); importing it adds the ids to `SceneId`. Pass `title` for an accessible name, otherwise the picture is decorative (`aria-hidden`). An app that does not import it does not carry it |
 | `@nxgt/material/backgrounds` | Background presets: `Background` (a superset of the `/components` one: `preset`, `animated`, `grain`, `seed`, `fill`, `motif`, and for `preset="icons"` `icons`, `iconStyle` and `iconMotif`), `AVAILABLE_BACKGROUND_PRESETS` and `AvailableBackgroundPreset` (the 50 ids `Background` draws), `MoonOptions` (the `moon` prop), `IconMotifOptions` (`iconMotif`, with `quiet`: a band the icons fade out of for text), `IconLayout`, `IconQuiet`, `SkyPreset` and `CelestialPreset` (the `sky` ids), `IconsInput` (`icons`), `IconStyleInput` and `IconStyleRef` (`iconStyle`: `{ family?, type? }` or one of the 37 sprite file names, completed by the editor, any other string is a type error), `sky` (`'moon'` or a celestial preset over any preset, also read from the theme's `background.sky`; the four celestial presets and `sky` share the opt-in `@nxgt/material/backgrounds/celestial.css`, also in `backgrounds.css`), `MOTIF_SHAPES_ALL` (the 25 motif shapes), the `MotifLayout` type, the types and tables (`BACKGROUND_PRESETS`, `BACKGROUND_TONES`, ...) re-exported from `@nxgt/material-core/backgrounds`; its own entry, with an opt-in stylesheet ([backgrounds guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/backgrounds.md)) |
 | `@nxgt/material/editor` | The rich text editor: `DocumentEditor` and `DocumentEditorFormField` (with an `outline`, a block handle, focus mode, find and replace, `onUpload`, `onAssist` and `comments`), `CompactEditor` and `CompactEditorFormField`, `RichChatComposer`, `EditorRoot` and the parts (`EditorToolbar`, `EditorContent`, `EditorFooter`, `EditorAssistantPanel`, ...), `useEditor`, the kits (`documentKit`, `compactKit`, `chatKit`, `formNodesKit`), `withFeatures` / `withoutFeatures` and `defineFeature`, and the converters `toHtml`, `toJson`, `toMarkdown`, `fromMarkdown` and `looksLikeMarkdown` — **its own entry, and not in the barrel above**. **Client-only**: import it from a `'use client'` file; `/editor/viewer` is the server-safe one. The `.nxgt-prose` page styles ship in `styles.css` with the component CSS ([DocumentEditor](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#documenteditor)) |
 | `@nxgt/material/editor/viewer` | `RichTextViewer`: shows a saved document (HTML, JSON or Markdown) read-only, **server-safe**, with no editor instance and no `'use client'` ([RichTextViewer](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#richtextviewer)) |
@@ -219,7 +220,7 @@ reads `duotone.svg`, the file that exists (it used to ask for the missing
 | `@nxgt/material/draw/png` | `drawingToPng(sceneOrSvg, { scale?, background?, colorsFrom? })` and `downloadDrawingPng(source, fileName)` — a drawing (a scene, or a live `<svg>` such as `svgRef.current` of a `<Drawing ref={svgRef}>`) as a PNG `Blob` in the browser, with the page's theme colours resolved, `data:` images inlined and CORS errors named; its own entry, DOM only when called ([drawing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/drawing.md#png), [reference](https://cdn.jsdelivr.net/npm/@nxgt/material-core@0/docs/draw.md#png-nxgtmaterial-coredrawpng)) |
 | `@nxgt/material/vite` | build-time helpers for consumers: `nxgtMaterial()` (a strict CSP by hash or nonce, self-hosted fonts, a styles check, serves the pdf.js worker on the Vite 5–7 dev server, generates your app themes' stylesheets with `nxgtMaterial({ themes })` and the `nxgt-theme` bin: [Themes guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/themes.md), a reduced backdrop icon sprite from your Font Awesome install with `nxgtMaterial({ backdropSprite })` and the `nxgt-backdrop-sprite` bin, PDFs on a bundled server with `nxgtMaterial({ pdf: { bundle: true } })`: [Vite plugin guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/vite-plugin.md)), `pdfkitStandardFonts()` ([printing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/printing.md)), `cspAssetsInlineLimit`, a `build.assetsInlineLimit` that never inlines a font ([CSP guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/csp.md#katex-fonts)) |
 | `@nxgt/material/next` | `withNxgtPrint(nextConfig)`: the `next.config.ts` a Next.js route handler that imports `/print` needs, `output: 'standalone'` included. Node only, no dependency on `next` ([printing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/printing.md#nextjs-serverexternalpackages-and-output-standalone)) |
-| `@nxgt/material/hooks` | `useTheme`, `useIsClient`, `useIsMobile`, `useLocalizedDate`, `useCspNonce`, `useFocusOnMount`, `useCountdown`, `useSubmitOnce`, … ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmaterialhooks)) |
+| `@nxgt/material/hooks` | `useTheme`, `useIsClient`, `useIsMobile`, `useLocalizedDate`, `useCspNonce`, `useFocusOnMount`, `useCountdown`, `useSubmitOnce`, `useDrafts`, … ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmaterialhooks)) |
 | `@nxgt/material/dnd` | `@dnd-kit` primitives ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmaterialdnd)) |
 | `@nxgt/material/i18n` | `I18nProvider`, `mergeResources`, `createTranslator`, `translateMaterial`, `formatMessage` ([i18n guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/i18n.md)) |
 | `@nxgt/material/lib` | `cn`, `clientOnly`, date, number and storage utilities, `useSliceReducer`, `getCspNonce` / `setCspNonce`, the server-side CSP helpers (`createCspNonce`, `cspPolicy`, `cspHash`, `applyCspNonce`, `CSP_NONCE_PLACEHOLDER`, `ZOD_JITLESS_SCRIPT`, `zodJitlessTag`: [CSP, SSR](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/csp.md#ssr)) ([helpers](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/helpers.md#nxgtmateriallib)) |
@@ -463,7 +464,7 @@ Each area a consumer starts from has its own page under `docs/guides/`.
 | [Drawing](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/drawing.md) | drawing diagrams, badges and illustrations from code with `@nxgt/material/draw`: a scene or JSX, theme roles and tones, strict CSP, accessibility, events, sketch, animation, PNG, PDF and e-mail |
 | [Barcodes](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/barcode.md) | Code 128 and Data Matrix with `@nxgt/material/barcode`: props, paper appearance, accessibility, `barcodeGeometry`, `LabelSheet` label sizes, offsets and `skip`, errors and printing |
 | [Backgrounds](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/backgrounds.md) | tones, intensity, the opt-in `backgrounds.css` and per-preset files, custom tone tokens, motion and CSP |
-| [Illustrations](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/illustrations.md) | `@nxgt/material/illustrations`: the twelve scenes and the health and education sets, icons from your sprites, `EmptyState` / `ErrorState` / `DataTable` with `illustration`, `IllustrationDefaults` for an app, sizes, motion and CSP |
+| [Illustrations](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/illustrations.md) | `@nxgt/material/illustrations`: the twelve scenes and the health, education and game sets, icons from your sprites, `EmptyState` / `ErrorState` / `DataTable` with `illustration`, `IllustrationDefaults` for an app, sizes, motion and CSP |
 | [Icon motifs](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/icon-motifs.md) | icon backgrounds, celestial skies, illustrations and themes together: serving your own Font Awesome sprites (the package ships none), `IconSpritesProvider`, `icons` / `iconStyle` / `iconMotif`, `sky`, the health and education sets, a theme naming its motif, Free fallbacks for Pro-only names |
 | [Media players](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/media.md) | `MediaPlayer`, `AudioPlayer`, playlists, chapters and transcript, sound that keeps playing across pages (`MediaPlayerHost`), the lightbox, HLS, CSP and keyboard |
 | [Streaming (HLS)](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/media-streaming.md) | `hlsStreaming()` from `@nxgt/material/media-hls`, the optional `hls.js` peer, native HLS, the quality menu, the CSP worker line |

package/dist/code-editor.js

@@ -11,9 +11,10 @@ import { t as h } from "./react-node-text-Crkpfpco.js";
 import { a as g, c as _, d as v, f as y, i as b, l as x, m as S, o as C, p as w, r as T, s as E, t as D, u as O } from "./code-editor-Ckc9TTCM.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";
-import { ChevronDown as F, ChevronUp as I, Columns2 as L } from "lucide-react";
+import { getCspNonce as F } from "@nxgt/material-core/csp-nonce";
+import { ChevronDown as I, ChevronUp as L, Columns2 as R } from "lucide-react";
 //#region lib/components/ui/widgets/code-editor/code-editor-form-field.tsx
-function R({ control: e, name: t, ...n }) {
+function z({ control: e, name: t, ...n }) {
 	return /* @__PURE__ */ N(u, {
 		control: e,
 		name: t,
@@ -34,12 +35,28 @@ function R({ control: e, name: t, ...n }) {
 }
 //#endregion
 //#region lib/components/ui/widgets/code-editor/configure-monaco.ts
-function z(e) {
-	S.config(e);
+var B = Symbol.for("nxgt.material.monaco-nonce");
+function V() {
+	if (typeof document > "u") return;
+	let e = document;
+	if (e[B]) return;
+	e[B] = !0;
+	let t = e.createElement.bind(e);
+	e.createElement = ((e, n) => {
+		let r = t(e, n);
+		if (e.toLowerCase() === "style") {
+			let e = F();
+			e && r.setAttribute("nonce", e);
+		}
+		return r;
+	});
+}
+function H(e) {
+	V(), S.config(e);
 }
 //#endregion
 //#region lib/components/ui/widgets/code-editor/diff/code-diff-parts.tsx
-function B({ added: e, removed: t }) {
+function U({ added: e, removed: t }) {
 	let { t: n } = o();
 	return /* @__PURE__ */ P("span", {
 		className: "nxgt-code-diff-totals",
@@ -62,7 +79,7 @@ function B({ added: e, removed: t }) {
 		]
 	});
 }
-function V({ index: e, count: t, language: n, children: r }) {
+function W({ index: e, count: t, language: n, children: r }) {
 	let { t: i } = o(), a = t === 0 ? i("material.code.no-changes", "No changes") : e < 0 ? i("material.code.change-count", "{count, plural, one {# change} other {# changes}}", { count: t }) : i("material.code.change-of", "Change {index} of {count}", {
 		index: e + 1,
 		count: t
@@ -87,7 +104,7 @@ function V({ index: e, count: t, language: n, children: r }) {
 }
 //#endregion
 //#region lib/components/ui/widgets/code-editor/diff/code-diff-toolbar.tsx
-function H({ sideBySide: e, onSideBySideChange: t, changeCount: s, onStep: u, getCode: d }) {
+function G({ sideBySide: e, onSideBySideChange: t, changeCount: s, onStep: u, getCode: d }) {
 	let { t: f } = o(), { status: p, copy: m } = l();
 	return /* @__PURE__ */ P(M, { children: [/* @__PURE__ */ P(n, {
 		label: f("material.code.diff-tools", "Diff tools"),
@@ -100,7 +117,7 @@ function H({ sideBySide: e, onSideBySideChange: t, changeCount: s, onStep: u, ge
 		className: "nxgt-code-toolbar",
 		children: [
 			t && /* @__PURE__ */ N(r, {
-				icon: /* @__PURE__ */ N(L, {}),
+				icon: /* @__PURE__ */ N(R, {}),
 				label: f("material.code.side-by-side", "Side by side"),
 				priority: 1,
 				pressed: !!e,
@@ -110,12 +127,12 @@ function H({ sideBySide: e, onSideBySideChange: t, changeCount: s, onStep: u, ge
 				label: f("material.code.changes", "Changes"),
 				priority: 3,
 				children: [/* @__PURE__ */ N(i, {
-					icon: /* @__PURE__ */ N(I, {}),
+					icon: /* @__PURE__ */ N(L, {}),
 					label: f("material.code.previous-change", "Previous change"),
 					disabled: !s,
 					onClick: () => u(-1)
 				}), /* @__PURE__ */ N(i, {
-					icon: /* @__PURE__ */ N(F, {}),
+					icon: /* @__PURE__ */ N(I, {}),
 					label: f("material.code.next-change", "Next change"),
 					disabled: !s,
 					onClick: () => u(1)
@@ -133,24 +150,24 @@ function H({ sideBySide: e, onSideBySideChange: t, changeCount: s, onStep: u, ge
 }
 //#endregion
 //#region lib/components/ui/widgets/code-editor/diff/diff-changes.ts
-var U = (e, t) => t > 0 ? t - e + 1 : 0;
-function W(e) {
+var K = (e, t) => t > 0 ? t - e + 1 : 0;
+function q(e) {
 	let t = 0, n = 0;
-	for (let r of e) t += U(r.modifiedStartLineNumber, r.modifiedEndLineNumber), n += U(r.originalStartLineNumber, r.originalEndLineNumber);
+	for (let r of e) t += K(r.modifiedStartLineNumber, r.modifiedEndLineNumber), n += K(r.originalStartLineNumber, r.originalEndLineNumber);
 	return {
 		added: t,
 		removed: n
 	};
 }
-function G(e) {
+function J(e) {
 	return Math.max(1, e.modifiedEndLineNumber > 0 ? e.modifiedStartLineNumber : e.modifiedStartLineNumber + 1);
 }
-function K(e, t, n) {
+function Y(e, t, n) {
 	return n === 0 ? -1 : e < 0 ? t === 1 ? 0 : n - 1 : (e + t + n) % n;
 }
 //#endregion
 //#region lib/components/ui/widgets/code-editor/diff/use-diff-changes.ts
-function q(e) {
+function X(e) {
 	let [t, n] = j([]), [r, i] = j(-1);
 	return k(() => {
 		if (!e) return;
@@ -164,9 +181,9 @@ function q(e) {
 		changes: t,
 		index: r,
 		go: (n) => {
-			let a = K(r, n, t.length);
+			let a = Y(r, n, t.length);
 			if (!e || a < 0) return;
-			let o = G(t[a]), s = e.getModifiedEditor();
+			let o = J(t[a]), s = e.getModifiedEditor();
 			s.setPosition({
 				lineNumber: o,
 				column: 1
@@ -176,7 +193,7 @@ function q(e) {
 }
 //#endregion
 //#region lib/components/ui/widgets/code-editor/diff/use-narrower.ts
-function J(e, t) {
+function Z(e, t) {
 	let [n, r] = j(!1);
 	return k(() => {
 		let n = e.current;
@@ -187,13 +204,13 @@ function J(e, t) {
 }
 //#endregion
 //#region lib/components/ui/widgets/code-editor/diff/code-diff.tsx
-var Y = 480;
-function X(n) {
-	let { original: r, modified: i, language: a = "typescript", height: o = 280 } = n, s = n.showChrome ?? !0, c = v(), l = b(n.theme, n.scheme), u = m(), d = J(l.surfaceRef, Y), p = u || d, [g, S] = t({
+var Q = 480;
+function $(n) {
+	let { original: r, modified: i, language: a = "typescript", height: o = 280 } = n, s = n.showChrome ?? !0, c = v(), l = b(n.theme, n.scheme), u = m(), d = Z(l.surfaceRef, Q), p = u || d, [g, S] = t({
 		prop: n.sideBySide,
 		defaultProp: n.defaultSideBySide ?? !0,
 		onChange: n.onSideBySideChange
-	}), [C, T] = j(), { changes: E, index: D, go: k } = q(C), A = $(), M = Z(h(n.label) || h(n.filename)), F = (e, t) => {
+	}), [C, T] = j(), { changes: E, index: D, go: k } = X(C), A = ne(), M = ee(h(n.label) || h(n.filename)), F = (e, t) => {
 		A.keep(e), x(t), T(e);
 	};
 	return /* @__PURE__ */ P("div", {
@@ -209,8 +226,8 @@ function X(n) {
 						className: "nxgt-code-filename",
 						children: n.filename
 					}),
-					C && /* @__PURE__ */ N(B, { ...W(E) }),
-					/* @__PURE__ */ N(H, {
+					C && /* @__PURE__ */ N(U, { ...q(E) }),
+					/* @__PURE__ */ N(G, {
 						sideBySide: g,
 						onSideBySideChange: p ? void 0 : S,
 						changeCount: E.length,
@@ -230,7 +247,7 @@ function X(n) {
 				keepCurrentModifiedModel: !0,
 				onMount: F,
 				options: {
-					...Q(l.overflow, g && !p),
+					...te(l.overflow, g && !p),
 					...M
 				},
 				loading: /* @__PURE__ */ N(f, {
@@ -238,7 +255,7 @@ function X(n) {
 					className: "w-full"
 				})
 			}),
-			s && /* @__PURE__ */ N(V, {
+			s && /* @__PURE__ */ N(W, {
 				index: D,
 				count: E.length,
 				language: a
@@ -246,25 +263,25 @@ function X(n) {
 		]
 	});
 }
-function Z(e) {
+function ee(e) {
 	let { t } = o();
 	return {
 		originalAriaLabel: e ? t("material.code.original-of", "{name}, original", { name: e }) : t("material.code.original", "Original"),
 		ariaLabel: e ? t("material.code.modified-of", "{name}, modified", { name: e }) : t("material.code.modified", "Modified")
 	};
 }
-function Q(e, t) {
+function te(e, t) {
 	return {
 		...E,
 		overflowWidgetsDomNode: e,
 		readOnly: !0,
 		renderSideBySide: t,
-		renderSideBySideInlineBreakpoint: Y,
+		renderSideBySideInlineBreakpoint: Q,
 		renderGutterMenu: !1,
 		renderOverviewRuler: !1
 	};
 }
-function $() {
+function ne() {
 	let e = A([]);
 	return k(() => () => {
 		let t = e.current;
@@ -277,4 +294,4 @@ function $() {
 	} };
 }
 //#endregion
-export { g as CODE_THEMES, X as CodeDiff, D as CodeEditor, R as CodeEditorFormField, z as configureMonaco, C as defineCodeTheme };
+export { g as CODE_THEMES, $ as CodeDiff, D as CodeEditor, z as CodeEditorFormField, H as configureMonaco, C as defineCodeTheme };