@nxgt/material-vue 0.42.0 → 0.43.0

package/dist/backgrounds.js

@@ -0,0 +1,111 @@
+import { t as e } from "./use-background-activity-DdTBbNpX.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, h as c, mergeProps as l, openBlock as u, renderSlot as d, unref as f, useId as p, useTemplateRef as m } from "vue";
+import { BACKGROUND_INTENSITIES as h, BACKGROUND_PRESETS as g, BACKGROUND_TONES as _, MOTIF_SHAPES as v, SHIPPED_BACKGROUND_PRESETS as y, buildBackgroundScene as b, resolveShippedPreset as x, svgIdPrefix as S } from "@nxgt/material-core/backgrounds";
+//#region lib/backgrounds/background/partials/scene-svg.ts
+var C = ({ node: e }) => c(e.tag, { ...e.attrs }, (e.children ?? []).map((e) => c(C, { node: e })));
+C.props = ["node"];
+//#endregion
+//#region lib/backgrounds/background/partials/background-layers.vue?vue&type=script&setup=true&lang.ts
+var w = {
+	key: 1,
+	"data-scene": "",
+	"aria-hidden": "true"
+}, T = {
+	key: 2,
+	"data-overlay": "grain",
+	"aria-hidden": "true"
+}, E = /* @__PURE__ */ s({
+	__name: "background-layers",
+	props: {
+		preset: {},
+		scene: {},
+		grain: {}
+	},
+	setup(e) {
+		let n = ["gradient", "grain"];
+		return (s, c) => (u(), i(t, null, [
+			n.includes(e.preset) ? (u(), i(t, { key: 0 }, [
+				c[0] ||= a("div", {
+					"data-layer": "blob-1",
+					"aria-hidden": "true"
+				}, null, -1),
+				c[1] ||= a("div", {
+					"data-layer": "blob-2",
+					"aria-hidden": "true"
+				}, null, -1),
+				c[2] ||= a("div", {
+					"data-layer": "blob-3",
+					"aria-hidden": "true"
+				}, null, -1)
+			], 64)) : r("", !0),
+			e.scene ? (u(), i("div", w, [o(f(C), { node: e.scene }, null, 8, ["node"])])) : r("", !0),
+			e.grain ? (u(), i("div", T, [o(f(C), { node: e.grain }, null, 8, ["node"])])) : r("", !0)
+		], 64));
+	}
+}), D = [
+	"data-background",
+	"data-preset",
+	"data-tone",
+	"data-intensity",
+	"data-fill",
+	"data-animated",
+	"data-grain",
+	"data-paused"
+], O = { "data-slot": "background-content" }, k = /* @__PURE__ */ s({
+	inheritAttrs: !1,
+	__name: "background",
+	props: {
+		preset: { default: "gradient" },
+		tone: { default: "primary" },
+		intensity: { default: "default" },
+		animated: {
+			type: Boolean,
+			default: !1
+		},
+		grain: {
+			type: Boolean,
+			default: !1
+		},
+		seed: { default: 0 },
+		fill: { default: "viewport" }
+	},
+	setup(t) {
+		let r = t, s = m("root"), c = e(s, () => r.animated), h = S(p()), g = n(() => x(r.preset)), _ = n(() => r.grain || g.value === "grain"), v = n(() => {
+			let e = {
+				idPrefix: h,
+				seed: r.seed
+			};
+			return {
+				scene: g.value === "grain" ? null : b(g.value, e),
+				grain: _.value ? b("grain", {
+					...e,
+					idPrefix: `${h}-grain`
+				}) : null
+			};
+		});
+		return (e, n) => (u(), i("div", l({
+			ref_key: "root",
+			ref: s,
+			"data-slot": "background"
+		}, e.$attrs, {
+			"data-background": g.value === "grain" ? "gradient" : g.value,
+			"data-preset": g.value,
+			"data-tone": t.tone,
+			"data-intensity": t.intensity,
+			"data-fill": t.fill === "container" ? t.fill : void 0,
+			"data-animated": t.animated ? "" : void 0,
+			"data-grain": _.value ? "" : void 0,
+			"data-paused": t.animated && f(c) ? "" : void 0
+		}), [o(E, {
+			preset: g.value,
+			scene: v.value.scene,
+			grain: v.value.grain
+		}, null, 8, [
+			"preset",
+			"scene",
+			"grain"
+		]), a("div", O, [d(e.$slots, "default")])], 16, D));
+	}
+});
+//#endregion
+export { h as BACKGROUND_INTENSITIES, g as BACKGROUND_PRESETS, _ as BACKGROUND_TONES, k as Background, v as MOTIF_SHAPES, y as SHIPPED_BACKGROUND_PRESETS };

package/dist/{camera-C-9slBUV.js → camera-BbF9_-ys.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./utils-CykWQ0iJ.js";
-import { _r as t, hr as n, mr as r } from "./components-DX4EycMi.js";
-import { t as i } from "./use-material-translation-COoBTGpB.js";
-import { t as a } from "./Button-CWmzvv9p.js";
-import { t as o } from "./icon-button-DErh1aJS.js";
+import { _r as t, hr as n, mr as r } from "./components-yCdbry6Q.js";
+import { t as i } from "./use-material-translation-CfFZPSe0.js";
+import { t as a } from "./Button-C3K6dhqd.js";
+import { t as o } from "./icon-button-MyFFJpXA.js";
 import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, shallowRef as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 import { Pause as S, Play as C } from "@lucide/vue";
 //#region lib/components/ui/media/camera/camera-content.vue?vue&type=script&setup=true&lang.ts

package/dist/components/base.css

@@ -56,8 +56,11 @@
 			font-weight: var(--font-weight-medium);
 		}
 		/* A sidebar entry is a link styled as a menu entry: the prose link style
-		   (underline, info tint on hover and focus) must not reach it (#566). */
-		a:not(:has(> button)):not([data-slot="sidebar-menu-item"]) {
+		   (underline, info tint on hover and focus) must not reach it (#566). A component
+		   link that has its own look opts out with the `nxgt-plain-link` class (#575). */
+		a:not(:has(> button)):not([data-slot="sidebar-menu-item"]):not(
+			.nxgt-plain-link
+		) {
 			@apply focus:underline underline-offset-4 hover:underline cursor-pointer;
 			@apply text-info [&_svg]:data-[slot=icon]:text-info hover:bg-info/10 active:bg-info/5 focus:bg-info/15;
 		}

package/dist/components/components.css

@@ -26,3 +26,8 @@
 @import "./ui/fields/opening-hours/opening-hours-item.css";
 @import "./ui/fields/attributes/partials/attribute-form.css";
 @import "./ui/fields/attributes/partials/attribute-values-form.css";
+/* Background (from /components): the gradient preset's CSS, plain and shared
+ * (lib/backgrounds/css). The other presets are opt-in: backgrounds.css. */
+@import "../backgrounds/css/base.css";
+@import "../backgrounds/css/gradient.css";
+@import "../backgrounds/css/motion.css";

package/dist/components/theme-tokens.css

@@ -12,6 +12,9 @@
 	--popover-foreground: oklch(0.129 0.042 264.695);
 	--primary: oklch(46% 0.1135 276.35);
 	--primary-foreground: oklch(0.984 0.003 247.858);
+	/* Primary drawn as text or an icon on a normal surface (`text-primary-text`):
+	   the colour itself in light; the dark theme lifts it. */
+	--primary-text: var(--primary);
 	--secondary: oklch(50% 0.1135 245.65);
 	--secondary-foreground: oklch(0.984 0.003 247.858);
 	--muted: oklch(0.968 0.007 247.896);
@@ -71,6 +74,9 @@
 	--popover-foreground: oklch(0.984 0.003 247.858);
 	--primary: oklch(46% 0.1135 276.35);
 	--primary-foreground: oklch(0.984 0.003 247.858);
+	/* Mixed 60 % toward white (the tonal Button labels' recipe): readable as text
+	   on --background and --card. */
+	--primary-text: color-mix(in oklab, var(--primary) 40%, white);
 	/* Brighter than the light one: it is read as text on the dark surfaces (6.5:1
 	   on --background, 5.8:1 on --card); a filled secondary surface mixes it toward --background
 	   (the opaque 70 % mix) to keep 5.2:1 under its near-white text. */
@@ -119,3 +125,18 @@
 	--sidebar-border: oklch(1 0 0 / 10%);
 	--sidebar-ring: oklch(0.551 0.027 264.364);
 }
+
+/* The tertiary colour (the strix violet), for accents and backgrounds beside
+   primary and secondary. Light: 7.6:1 under its near-white foreground. */
+:root {
+	--tertiary: var(--strix);
+	--tertiary-foreground: oklch(0.984 0.003 247.858);
+}
+
+/* Dark: lifted like --secondary, as it is read as text (7.0:1 on --background,
+   6.3:1 on --card); its foreground is the dark surface, 7.0:1 on the fill. */
+.dark,
+[data-theme="dark"] {
+	--tertiary: oklch(0.7 0.15 310.75);
+	--tertiary-foreground: oklch(0.14 0.036 258.53);
+}