@nxgt/material 3.58.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-oqmVfnfO.js";
-import { t as o } from "./use-material-translation-DLdQKdfw.js";
-import { i as s, n as c, o as l } from "./code-language-items-Clbln9C6.js";
-import { r as u, t as d } from "./field-blur-BJjUHsgJ.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-1Y7ykpam.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";

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

@@ -1,5 +1,5 @@
-import { d as e, f as t } from "./dropdown-menu-Jp6pHNgP.js";
-import { t as n } from "./use-material-translation-DLdQKdfw.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;
+	}
+}