@pie-element/multi-trait-rubric 8.1.2-next.1 → 8.1.2-next.3

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-CdgSBeUZ.js";
+import { C as e, E as t, Et as n, H as r, P as i, T as a, _ as o, _t as s, bt as c, ft as l, ht as u, i as d, it as f, kt as p, lt as m, n as h, ot as g, r as _, t as v, tt as y, vt as b, x, yt as S } from "../Typography-Boz3OA7y.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__ */ p(n(), 1), A = g("td")({
+	color: f.primaryDark(),
 	verticalAlign: "middle"
-}), j = h("div")({
-	color: d.secondaryBackground(),
+}), j = g("div")({
+	color: f.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: f.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: f.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,19 +151,19 @@ 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: c, maxPoints: l, traitLabel: u, traits: d, scorePointsLabels: p } = n || {}, m = [], 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 = l; +(e >= c); --e) m.push(e);
+			let { traitStandards: e, traitDescriptions: t } = d.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;
+			g = i && t.length, v = a && p.length, y = o && e.length;
 		} catch {
-			_ = !1, v = !1, y = !1;
+			g = !1, v = !1, y = !1;
 		}
 		return /* @__PURE__ */ D(N, { children: [
 			/* @__PURE__ */ E(z, {
@@ -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, ${f.background()})`
 				},
-				children: /* @__PURE__ */ E(g, {})
+				children: /* @__PURE__ */ E(_, {})
 			}),
 			/* @__PURE__ */ D(P, {
 				ref: (e) => {
@@ -188,23 +188,23 @@ 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 } }) }),
 					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 ? /* @__PURE__ */ E("th", { children: /* @__PURE__ */ E("div", { children: "Description" }) }) : null,
+					m && m.map((e, t) => {
 						let n = "";
 						try {
-							n = p[h.length - t - 1] || "";
+							n = p[m.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: d && d.map((e, t) => /* @__PURE__ */ E(M, {
 					trait: e,
 					traitIndex: t,
-					showDescription: !!_,
+					showDescription: !!g,
 					showStandards: !!y,
 					scaleIndex: r,
-					scorePointsValues: h,
+					scorePointsValues: m,
 					excludeZero: c
 				}, `trait_${r}_${t}`)) })] }, `scale-${r}`)]
 			}),
@@ -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, ${f.background()})`
 				},
-				children: /* @__PURE__ */ E(m, {})
+				children: /* @__PURE__ */ E(h, {})
 			})
 		] });
 	}
@@ -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 b("MuiLink", e);
 }
-var H = o("MuiLink", [
+var H = s("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 = c(e, `palette.${n}.main`) || c(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 = c(e, `palette.${n}.main`, !1) || c(e, `palette.${n}`, !1) || t.color, i = c(e, `palette.${n}.mainChannel`) || c(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 l({ root: [
 		"root",
 		`underline${i(a)}`,
 		n === "button" && "button",
 		r && "focusVisible"
 	] }, V, t);
-}, K = h(_, {
+}, K = g(v, {
 	name: "MuiLink",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -364,10 +364,10 @@ var H = o("MuiLink", [
 		}
 	}
 ] }))), q = /*#__PURE__*/ C.forwardRef(function(t, n) {
-	let r = v({
+	let r = y({
 		props: t,
 		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) => {
+	}), i = m(), { className: a, color: o = "primary", component: s = "a", onBlur: c, onFocus: l, TypographyClasses: u, underline: d = "always", variant: f = "inherit", sx: p, ...h } = r, [g, _] = C.useState(!1), v = (t) => {
 		e(t.target) || _(!1), c && c(t);
 	}, b = (t) => {
 		e(t.target) && _(!0), l && l(t);
@@ -384,13 +384,13 @@ var H = o("MuiLink", [
 		className: S(G(x).root, a),
 		classes: u,
 		component: s,
-		onBlur: y,
+		onBlur: v,
 		onFocus: b,
 		ref: n,
 		ownerState: x,
 		variant: f,
 		...h,
-		sx: [...W[o] === void 0 ? [{ color: o }] : [], ...Array.isArray(m) ? m : [m]],
+		sx: [...W[o] === void 0 ? [{ color: o }] : [], ...Array.isArray(p) ? p : [p]],
 		style: {
 			...h.style,
 			...d === "always" && o !== "inherit" && !W[o] && { "--Link-underlineColor": U({
@@ -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(o, "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,
@@ -421,12 +421,12 @@ var X = Y(a, "UiLayout") || Y(ee.UiLayout, "UiLayout"), Z = u, Q = Z.default, ee
 	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 f = /* @__PURE__ */ D(X, {
+		let d = /* @__PURE__ */ D(X, {
 			extraCSSRules: r,
 			style: {
 				fontFamily: "Cerebri Sans",
-				color: d.text(),
-				backgroundColor: d.background()
+				color: f.text(),
+				backgroundColor: f.background()
 			},
 			children: [i ? /* @__PURE__ */ E("div", {
 				style: { marginBottom: "16px" },
@@ -440,14 +440,14 @@ var X = Y(a, "UiLayout") || Y(ee.UiLayout, "UiLayout"), Z = u, Q = Z.default, ee
 				arrowsDisabled: u
 			}, `scale_${t}`))]
 		});
-		return n ? f : /* @__PURE__ */ D(X, {
+		return n ? d : /* @__PURE__ */ D(X, {
 			extraCSSRules: r,
 			style: {
-				color: d.text(),
-				backgroundColor: d.background()
+				color: f.text(),
+				backgroundColor: f.background()
 			},
 			children: [/* @__PURE__ */ D(q, {
-				style: { backgroundColor: d.background() },
+				style: { backgroundColor: f.background() },
 				href: this.dudUrl,
 				onClick: this.toggleRubric,
 				children: [this.state.linkPrefix, " Rubric"]
@@ -458,7 +458,7 @@ var X = Y(a, "UiLayout") || Y(ee.UiLayout, "UiLayout"), Z = u, Q = Z.default, ee
 					enter: 225,
 					exit: 195
 				},
-				children: f
+				children: d
 			})]
 		});
 	}
@@ -510,7 +510,7 @@ var te = class extends HTMLElement {
 			session: this._session
 		});
 		this._root ||= T(this), this._root.render(e), queueMicrotask(() => {
-			b(this);
+			a(this);
 		});
 	}
 	disconnectedCallback() {