@nxgt/material 3.57.0 → 3.59.0

package/dist/code-editor.js

@@ -1,14 +1,14 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { a as t } from "./dist-lmHmz_bu.js";
-import { d as n, r, t as i, u as a } from "./toolbar-items-SZ5pyAFz.js";
-import { t as o } from "./use-material-translation-BQOr4Oks.js";
-import { i as s, n as c, o as l } from "./code-language-items-CsDC4Ky4.js";
-import { r as u, t as d } from "./field-blur-Cnjk0o9A.js";
+import { d as n, r, t as i, u as a } from "./toolbar-items-Bm1baIp6.js";
+import { t as o } from "./use-material-translation-BZAy_ffS.js";
+import { i as s, n as c, o as l } from "./code-language-items-Cqk4Fq61.js";
+import { r as u, t as d } from "./field-blur-BkeYPaWi.js";
 import { t as f } from "./skeleton-DSdtr2qc.js";
 import { t as p } from "./live-status-BGPaN8r8.js";
 import { t as m } from "./use-mobile-BDro060N.js";
 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-Ba61Cd-g.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-BYEpBp_U.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";
@@ -193,8 +193,8 @@ function X(n) {
 		prop: n.sideBySide,
 		defaultProp: n.defaultSideBySide ?? !0,
 		onChange: n.onSideBySideChange
-	}), [C, T] = j(), { changes: D, index: O, go: k } = q(C), A = $(), M = Z(h(n.label) || h(n.filename)), F = (e, t) => {
-		A.keep(e), _(t), T(e);
+	}), [C, T] = j(), { changes: E, index: D, go: k } = q(C), A = $(), M = Z(h(n.label) || h(n.filename)), F = (e, t) => {
+		A.keep(e), x(t), T(e);
 	};
 	return /* @__PURE__ */ P("div", {
 		ref: l.surfaceRef,
@@ -209,11 +209,11 @@ function X(n) {
 						className: "nxgt-code-filename",
 						children: n.filename
 					}),
-					C && /* @__PURE__ */ N(B, { ...W(D) }),
+					C && /* @__PURE__ */ N(B, { ...W(E) }),
 					/* @__PURE__ */ N(H, {
 						sideBySide: g,
 						onSideBySideChange: p ? void 0 : S,
-						changeCount: D.length,
+						changeCount: E.length,
 						onStep: k,
 						getCode: () => C?.getModifiedEditor().getValue() ?? i
 					})
@@ -223,8 +223,8 @@ function X(n) {
 				original: r,
 				modified: i,
 				language: a,
-				theme: E,
-				beforeMount: x,
+				theme: _,
+				beforeMount: O,
 				height: o,
 				keepCurrentOriginalModel: !0,
 				keepCurrentModifiedModel: !0,
@@ -239,8 +239,8 @@ function X(n) {
 				})
 			}),
 			s && /* @__PURE__ */ N(V, {
-				index: O,
-				count: D.length,
+				index: D,
+				count: E.length,
 				language: a
 			})
 		]
@@ -255,7 +255,7 @@ function Z(e) {
 }
 function Q(e, t) {
 	return {
-		...O,
+		...E,
 		overflowWidgetsDomNode: e,
 		readOnly: !0,
 		renderSideBySide: t,

package/dist/{code-language-items-CsDC4Ky4.js → code-language-items-Cqk4Fq61.js}

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-CvVQJpsn.js";
-import { t as n } from "./use-material-translation-BQOr4Oks.js";
+import { d as e, f as t } from "./dropdown-menu-hoaocAS7.js";
+import { t as n } from "./use-material-translation-BZAy_ffS.js";
 import { t as r } from "./live-status-BGPaN8r8.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s } from "react/jsx-runtime";

package/dist/components/components.css

@@ -206,3 +206,4 @@
 @import "./background-shared.css";
 @import "./ui/widgets/drawing/drawing.css"; /* @nxgt/material/draw: role colours, focus ring */
 @import "./ui/widgets/drawing/drawing-animate.css";
+@import "./ui/widgets/barcode/barcode.css"; /* @nxgt/material/barcode: symbol colours, label sheet */

package/dist/components/ui/widgets/barcode/barcode.css

@@ -0,0 +1,112 @@
+/* Barcode and LabelSheet (`@nxgt/material/barcode`). Imported by components.css,
+ * so styles.css carries it. No inline style: the symbol's colours are classes
+ * and a sheet's lengths are custom properties written after mount.
+ *
+ * On screen the symbol follows the theme (ink = --foreground on --background);
+ * `appearance="paper"` keeps dark-on-light in dark mode too, which is what most
+ * scanners need. In print every symbol is black on white whatever the theme. */
+.nxgt-barcode {
+	display: block;
+	max-width: 100%;
+	height: auto;
+	color: var(--foreground);
+}
+.nxgt-barcode-paper {
+	fill: var(--background);
+}
+.nxgt-barcode-ink {
+	fill: var(--foreground);
+}
+.nxgt-barcode-text {
+	fill: var(--foreground);
+	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
+}
+.nxgt-barcode[data-appearance="paper"] .nxgt-barcode-paper {
+	fill: #fff;
+}
+.nxgt-barcode[data-appearance="paper"] .nxgt-barcode-ink,
+.nxgt-barcode[data-appearance="paper"] .nxgt-barcode-text {
+	fill: #000;
+}
+
+/* A sheet of labels: pages of a CSS grid. --nxgt-label-w/-h are one label,
+ * --nxgt-label-cols the columns, --nxgt-label-gap-x/-y the gaps and
+ * --nxgt-label-off-x/-y the margin before the first label. */
+.nxgt-label-sheet {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+.nxgt-label-page {
+	box-sizing: border-box;
+	display: grid;
+	grid-template-columns: repeat(
+			var(--nxgt-label-cols, 1),
+			var(--nxgt-label-w, auto)
+		);
+	grid-auto-rows: var(--nxgt-label-h, auto);
+	column-gap: var(--nxgt-label-gap-x, 0);
+	row-gap: var(--nxgt-label-gap-y, 0);
+	padding: var(--nxgt-label-off-y, 0) 0 0 var(--nxgt-label-off-x, 0);
+	width: max-content;
+	max-width: 100%;
+	break-after: page;
+	page-break-after: always;
+	background: var(--card);
+	outline: 1px dashed var(--border);
+}
+.nxgt-label-page:last-child {
+	break-after: auto;
+	page-break-after: auto;
+}
+.nxgt-label {
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: 0.5mm;
+	overflow: hidden;
+	break-inside: avoid;
+	padding: 1mm;
+	font-size: 8pt;
+	line-height: 1.1;
+	text-align: center;
+	outline: 1px dotted var(--border);
+}
+.nxgt-label[data-blank] {
+	outline: none;
+}
+.nxgt-label > .nxgt-barcode {
+	flex: 0 1 auto;
+	min-height: 0;
+	width: 100%;
+	/* the symbol scales to fit (preserveAspectRatio), leaving room for the text */
+	max-height: max(calc(var(--nxgt-label-h, 30mm) - 8mm), 4mm);
+}
+
+@media print {
+	.nxgt-barcode {
+		color: #000;
+	}
+	.nxgt-barcode .nxgt-barcode-paper {
+		fill: #fff;
+	}
+	.nxgt-barcode .nxgt-barcode-ink,
+	.nxgt-barcode .nxgt-barcode-text {
+		fill: #000;
+	}
+	.nxgt-label-sheet {
+		display: block;
+		gap: 0;
+	}
+	.nxgt-label-page {
+		background: #fff;
+		color: #000;
+		outline: none;
+		max-width: none;
+	}
+	.nxgt-label {
+		outline: none;
+	}
+}