@pie-element/multi-trait-rubric 8.1.2-next.29 → 8.1.2-next.30

package/dist/browser/delivery/index.js

@@ -1,4 +1,4 @@
-import { C as e, E as t, Et as n, H as r, P as i, _ as a, _t as o, bt as s, ft as c, ht as l, i as u, it as d, kt as f, lt as p, n as m, ot as h, r as g, t as _, tt as v, vt as y, w as b, x, yt as S } from "../Typography-f7AYth_Y.js";
+import { At as e, C as t, D as n, Dt as r, F as i, T as a, U as o, _ as s, at as c, bt as l, gt as u, i as d, n as f, nt as p, pt as m, r as h, st as g, t as _, ut as v, vt as y, x as b, xt as x, yt as S } from "../Typography-B5wfbADL.js";
 import * as C from "react";
 import w from "react";
 import { createRoot as T } from "react-dom/client";
@@ -37,11 +37,11 @@ var O = class e extends CustomEvent {
 });
 //#endregion
 //#region src/delivery/trait.tsx
-var k = /* @__PURE__ */ f(n(), 1), A = h("td")({
-	color: d.primaryDark(),
+var k = /* @__PURE__ */ e(r(), 1), A = g("td")({
+	color: c.primaryDark(),
 	verticalAlign: "middle"
-}), j = h("div")({
-	color: d.secondaryBackground(),
+}), j = g("div")({
+	color: c.secondaryBackground(),
 	textAlign: "center"
 }), M = (e) => {
 	let { trait: t, traitIndex: n, scaleIndex: r, showStandards: i, showDescription: a, scorePointsValues: o } = e, { name: s, standards: c, scorePointsDescriptors: l, description: u } = t || {};
@@ -75,17 +75,17 @@ M.propTypes = {
 };
 //#endregion
 //#region src/delivery/scale.tsx
-var N = h("div")({
+var N = g("div")({
 	display: "flex",
 	position: "relative"
-}), P = h("div")({
+}), P = g("div")({
 	width: "100%",
 	overflow: "auto"
-}), F = h("table")(({ theme: e }) => ({
+}), F = g("table")(({ theme: e }) => ({
 	borderSpacing: 0,
 	marginBottom: e.spacing(2),
 	borderRadius: "4px",
-	color: d.text(),
+	color: c.text(),
 	fontSize: e.typography.fontSize,
 	lineHeight: "16px",
 	overflow: "unset",
@@ -96,7 +96,7 @@ var N = h("div")({
 	"& th": {
 		padding: e.spacing(2),
 		textAlign: "left",
-		backgroundColor: d.secondaryBackground(),
+		backgroundColor: c.secondaryBackground(),
 		verticalAlign: "bottom"
 	},
 	"& th div": { width: "200px" },
@@ -105,12 +105,12 @@ var N = h("div")({
 		padding: `${e.spacing(2)} ${e.spacing(1)}`,
 		verticalAlign: "top"
 	}
-})), I = h("table")({ "& td": {
+})), I = g("table")({ "& td": {
 	border: 0,
 	padding: 0,
 	textAlign: "center",
 	minWidth: "200px"
-} }), L = h("div")({ marginBottom: "4px" }), R = h("td")({ fontWeight: "normal" }), z = ({ show: e, onClick: t, extraStyles: n, children: r }) => /* @__PURE__ */ E("div", {
+} }), L = g("div")({ marginBottom: "4px" }), R = g("td")({ fontWeight: "normal" }), z = ({ show: e, onClick: t, extraStyles: n, children: r }) => /* @__PURE__ */ E("div", {
 	style: {
 		height: "calc(100% - 1px)",
 		top: "1px",
@@ -151,17 +151,17 @@ var B = class extends w.Component {
 		});
 	};
 	render() {
-		let { showRight: e, showLeft: t } = this.state, { scale: n, scaleIndex: r, showDescription: i, showPointsLabels: a, showStandards: o, arrowsDisabled: s } = this.props, { excludeZero: c, maxPoints: l, traitLabel: u, traits: f, scorePointsLabels: p } = n || {}, h = [], _, v, y;
+		let { showRight: e, showLeft: t } = this.state, { scale: n, scaleIndex: r, showDescription: i, showPointsLabels: a, showStandards: o, arrowsDisabled: s } = this.props, { excludeZero: l, maxPoints: u, traitLabel: d, traits: p, scorePointsLabels: m } = n || {}, g = [], _, v, y;
 		try {
-			for (let e = l; +(e >= c); --e) h.push(e);
-			let { traitStandards: e, traitDescriptions: t } = f.reduce((e, t) => ({
+			for (let e = u; +(e >= l); --e) g.push(e);
+			let { traitStandards: e, traitDescriptions: t } = p.reduce((e, t) => ({
 				traitStandards: [...e.traitStandards, ...t.standards || []],
 				traitDescriptions: [...e.traitDescriptions, ...t.description || []]
 			}), {
 				traitStandards: [],
 				traitDescriptions: []
 			});
-			_ = i && t.length, v = a && p.length, y = o && e.length;
+			_ = i && t.length, v = a && m.length, y = o && e.length;
 		} catch {
 			_ = !1, v = !1, y = !1;
 		}
@@ -171,9 +171,9 @@ var B = class extends w.Component {
 				onClick: this.scrollLeft,
 				extraStyles: {
 					left: 0,
-					background: `linear-gradient(to right, white, ${d.background()})`
+					background: `linear-gradient(to right, white, ${c.background()})`
 				},
-				children: /* @__PURE__ */ E(g, {})
+				children: /* @__PURE__ */ E(h, {})
 			}),
 			/* @__PURE__ */ D(P, {
 				ref: (e) => {
@@ -186,26 +186,26 @@ var B = class extends w.Component {
 					});
 				},
 				children: [s && (e || t) ? /* @__PURE__ */ E("div", { children: "The item is too large to fit in print mode." }) : null, /* @__PURE__ */ D(F, { children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", { children: [
-					/* @__PURE__ */ E("th", { children: /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: u } }) }),
+					/* @__PURE__ */ E("th", { children: /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: d } }) }),
 					y ? /* @__PURE__ */ E("th", { children: /* @__PURE__ */ E("div", { children: "Standard(s)" }) }) : null,
 					_ ? /* @__PURE__ */ E("th", { children: /* @__PURE__ */ E("div", { children: "Description" }) }) : null,
-					h && h.map((e, t) => {
+					g && g.map((e, t) => {
 						let n = "";
 						try {
-							n = p[h.length - t - 1] || "";
+							n = m[g.length - t - 1] || "";
 						} catch {
 							n = "";
 						}
 						return /* @__PURE__ */ E("th", { children: /* @__PURE__ */ E(I, { children: /* @__PURE__ */ D("thead", { children: [v ? /* @__PURE__ */ E("tr", { children: /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E(L, { dangerouslySetInnerHTML: { __html: n } }) }) }) : null, /* @__PURE__ */ E("tr", { children: /* @__PURE__ */ E(R, { children: e === 1 ? `${e} point` : `${e} points` }) })] }) }) }, `table-header-${t}`);
 					})
-				] }) }), /* @__PURE__ */ E("tbody", { children: f && f.map((e, t) => /* @__PURE__ */ E(M, {
+				] }) }), /* @__PURE__ */ E("tbody", { children: p && p.map((e, t) => /* @__PURE__ */ E(M, {
 					trait: e,
 					traitIndex: t,
 					showDescription: !!_,
 					showStandards: !!y,
 					scaleIndex: r,
-					scorePointsValues: h,
-					excludeZero: c
+					scorePointsValues: g,
+					excludeZero: l
 				}, `trait_${r}_${t}`)) })] }, `scale-${r}`)]
 			}),
 			/* @__PURE__ */ E(z, {
@@ -213,9 +213,9 @@ var B = class extends w.Component {
 				onClick: this.scrollRight,
 				extraStyles: {
 					right: 0,
-					background: `linear-gradient(to left, white, ${d.background()})`
+					background: `linear-gradient(to left, white, ${c.background()})`
 				},
-				children: /* @__PURE__ */ E(m, {})
+				children: /* @__PURE__ */ E(f, {})
 			})
 		] });
 	}
@@ -242,9 +242,9 @@ B.propTypes = {
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Link/linkClasses.js
 function V(e) {
-	return y("MuiLink", e);
+	return S("MuiLink", e);
 }
-var H = o("MuiLink", [
+var H = y("MuiLink", [
 	"root",
 	"underlineNone",
 	"underlineHover",
@@ -254,11 +254,11 @@ var H = o("MuiLink", [
 ]), U = ({ theme: e, ownerState: t }) => {
 	let n = t.color;
 	if ("colorSpace" in e && e.colorSpace) {
-		let r = s(e, `palette.${n}.main`) || s(e, `palette.${n}`) || t.color;
+		let r = x(e, `palette.${n}.main`) || x(e, `palette.${n}`) || t.color;
 		return e.alpha(r, .4);
 	}
-	let r = s(e, `palette.${n}.main`, !1) || s(e, `palette.${n}`, !1) || t.color, i = s(e, `palette.${n}.mainChannel`) || s(e, `palette.${n}Channel`);
-	return "vars" in e && i ? `rgba(${i} / 0.4)` : l(r, .4);
+	let r = x(e, `palette.${n}.main`, !1) || x(e, `palette.${n}`, !1) || t.color, i = x(e, `palette.${n}.mainChannel`) || x(e, `palette.${n}Channel`);
+	return "vars" in e && i ? `rgba(${i} / 0.4)` : u(r, .4);
 }, W = {
 	primary: !0,
 	secondary: !0,
@@ -271,13 +271,13 @@ var H = o("MuiLink", [
 	textDisabled: !0
 }, G = (e) => {
 	let { classes: t, component: n, focusVisible: r, underline: a } = e;
-	return c({ root: [
+	return m({ root: [
 		"root",
 		`underline${i(a)}`,
 		n === "button" && "button",
 		r && "focusVisible"
 	] }, V, t);
-}, K = h(_, {
+}, K = g(_, {
 	name: "MuiLink",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -288,7 +288,7 @@ var H = o("MuiLink", [
 			n.component === "button" && t.button
 		];
 	}
-})(r(({ theme: e }) => ({ variants: [
+})(o(({ theme: e }) => ({ variants: [
 	{
 		props: { underline: "none" },
 		style: { textDecoration: "none" }
@@ -315,7 +315,7 @@ var H = o("MuiLink", [
 		props: ({ underline: e, ownerState: t }) => e === "always" && t.color === "inherit",
 		style: e.colorSpace ? { textDecorationColor: e.alpha("currentColor", .4) } : null
 	},
-	...Object.entries(e.palette).filter(x()).map(([t]) => ({
+	...Object.entries(e.palette).filter(b()).map(([t]) => ({
 		props: {
 			underline: "always",
 			color: t
@@ -363,39 +363,39 @@ var H = o("MuiLink", [
 			[`&.${H.focusVisible}`]: { outline: "auto" }
 		}
 	}
-] }))), q = /*#__PURE__*/ C.forwardRef(function(t, n) {
-	let r = v({
-		props: t,
+] }))), q = /*#__PURE__*/ C.forwardRef(function(e, n) {
+	let r = p({
+		props: e,
 		name: "MuiLink"
-	}), i = p(), { className: a, color: o = "primary", component: s = "a", onBlur: c, onFocus: l, TypographyClasses: u, underline: d = "always", variant: f = "inherit", sx: m, ...h } = r, [g, _] = C.useState(!1), y = (t) => {
-		e(t.target) || _(!1), c && c(t);
-	}, b = (t) => {
-		e(t.target) && _(!0), l && l(t);
-	}, x = {
+	}), i = v(), { className: a, color: o = "primary", component: s = "a", onBlur: c, onFocus: u, TypographyClasses: d, underline: f = "always", variant: m = "inherit", sx: h, ...g } = r, [_, y] = C.useState(!1), b = (e) => {
+		t(e.target) || y(!1), c && c(e);
+	}, x = (e) => {
+		t(e.target) && y(!0), u && u(e);
+	}, S = {
 		...r,
 		color: o,
 		component: s,
-		focusVisible: g,
-		underline: d,
-		variant: f
+		focusVisible: _,
+		underline: f,
+		variant: m
 	};
 	return /*#__PURE__*/ E(K, {
 		color: o,
-		className: S(G(x).root, a),
-		classes: u,
+		className: l(G(S).root, a),
+		classes: d,
 		component: s,
-		onBlur: y,
-		onFocus: b,
+		onBlur: b,
+		onFocus: x,
 		ref: n,
-		ownerState: x,
-		variant: f,
-		...h,
-		sx: [...W[o] === void 0 ? [{ color: o }] : [], ...Array.isArray(m) ? m : [m]],
+		ownerState: S,
+		variant: m,
+		...g,
+		sx: [...W[o] === void 0 ? [{ color: o }] : [], ...Array.isArray(h) ? h : [h]],
 		style: {
-			...h.style,
-			...d === "always" && o !== "inherit" && !W[o] && { "--Link-underlineColor": U({
+			...g.style,
+			...f === "always" && o !== "inherit" && !W[o] && { "--Link-underlineColor": U({
 				theme: i,
-				ownerState: x
+				ownerState: S
 			}) }
 		}
 	});
@@ -408,7 +408,7 @@ function J(e) {
 function Y(e, t) {
 	return !e || J(e) ? e : J(e.default) ? e.default : t && J(e[t]) ? e[t] : t && J(e[t]?.default) ? e[t].default : e;
 }
-var X = Y(a, "UiLayout") || Y(ee.UiLayout, "UiLayout"), Z = u, Q = Z.default, ee = Q && typeof Q == "object" ? Q : Z, $ = class extends w.Component {
+var X = Y(s, "UiLayout") || Y(ee.UiLayout, "UiLayout"), Z = d, Q = Z.default, ee = Q && typeof Q == "object" ? Q : Z, $ = class extends w.Component {
 	constructor(e) {
 		super(e), this.state = {
 			rubricOpen: !1,
@@ -419,14 +419,14 @@ var X = Y(a, "UiLayout") || Y(ee.UiLayout, "UiLayout"), Z = u, Q = Z.default, ee
 		this.setState({ rubricOpen: !this.state.rubricOpen }), this.setState({ linkPrefix: this.state.rubricOpen ? "Show" : "Hide" });
 	}
 	render() {
-		let { model: e } = this.props, { animationsDisabled: n } = this.props, { extraCSSRules: r, halfScoring: i, scales: a, visible: o, pointLabels: s, description: c, standards: l, arrowsDisabled: u } = e || {};
-		if (n ||= e.animationsDisabled, !a || !o) return null;
+		let { model: e } = this.props, { animationsDisabled: t } = this.props, { extraCSSRules: r, halfScoring: i, scales: a, visible: o, pointLabels: s, description: l, standards: u, arrowsDisabled: d } = e || {};
+		if (t ||= e.animationsDisabled, !a || !o) return null;
 		let f = /* @__PURE__ */ D(X, {
 			extraCSSRules: r,
 			style: {
 				fontFamily: "Cerebri Sans",
-				color: d.text(),
-				backgroundColor: d.background()
+				color: c.text(),
+				backgroundColor: c.background()
 			},
 			children: [i ? /* @__PURE__ */ E("div", {
 				style: { marginBottom: "16px" },
@@ -435,23 +435,23 @@ var X = Y(a, "UiLayout") || Y(ee.UiLayout, "UiLayout"), Z = u, Q = Z.default, ee
 				scale: e,
 				scaleIndex: t,
 				showPointsLabels: s,
-				showDescription: c,
-				showStandards: l,
-				arrowsDisabled: u
+				showDescription: l,
+				showStandards: u,
+				arrowsDisabled: d
 			}, `scale_${t}`))]
 		});
-		return n ? f : /* @__PURE__ */ D(X, {
+		return t ? f : /* @__PURE__ */ D(X, {
 			extraCSSRules: r,
 			style: {
-				color: d.text(),
-				backgroundColor: d.background()
+				color: c.text(),
+				backgroundColor: c.background()
 			},
 			children: [/* @__PURE__ */ D(q, {
-				style: { backgroundColor: d.background() },
+				style: { backgroundColor: c.background() },
 				href: this.dudUrl,
 				onClick: this.toggleRubric,
 				children: [this.state.linkPrefix, " Rubric"]
-			}), /* @__PURE__ */ E(t, {
+			}), /* @__PURE__ */ E(n, {
 				style: { marginTop: "16px" },
 				in: this.state.rubricOpen,
 				timeout: {
@@ -494,7 +494,7 @@ var te = class extends HTMLElement {
 	}
 	_scheduleMathRender = () => {
 		this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
-			this._mathObserver && this._mathObserver.disconnect(), b(this), this._mathRenderPending = !1, setTimeout(() => {
+			this._mathObserver && this._mathObserver.disconnect(), a(this), this._mathRenderPending = !1, setTimeout(() => {
 				this._mathObserver && this._mathObserver.observe(this, {
 					childList: !0,
 					subtree: !0