@pie-element/complex-rubric 7.1.2-next.3 → 7.1.2-next.31

package/dist/browser/editor-runtime/delivery-COeGdVPM.js

@@ -0,0 +1,728 @@
+import { a as e } from "./rolldown-runtime-CHQKHQ89.js";
+import { Ct as t, E as n, Et as r, L as i, O as a, R as o, Tt as s, X as c, Y as l, Z as u, b as d, c as f, ct as p, ft as m, ht as h, kt as g, l as _, nt as v, o as y, s as b, st as ee, vt as x, w as S, wt as te, xt as C } from "./private-tags-7zLRVBvp.js";
+import * as w from "react";
+import T from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { createRoot as O } from "react-dom/client";
+//#region ../rubric/dist/delivery/main.js
+var k = /* @__PURE__ */ e(g(), 1);
+function A(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function j(e, t) {
+	return !e || A(e) ? e : A(e.default) ? e.default : t && A(e[t]) ? e[t] : t && A(e[t]?.default) ? e[t].default : e;
+}
+var ne = j(d, "UiLayout") || j(re.UiLayout, "UiLayout"), M = _, N = M.default, re = N && typeof N == "object" ? N : M, ie = m(ne)({
+	color: i.text(),
+	backgroundColor: i.background(),
+	"&:not(.MathJax) table": { borderCollapse: "collapse" },
+	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
+		padding: "8px 12px",
+		textAlign: "left"
+	},
+	"& ul p, & ol p": {
+		marginBottom: 0,
+		marginTop: 0,
+		lineHeight: "normal"
+	}
+}), P = m(u)({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "flex-start",
+	padding: "12px 0px"
+}), F = m("div")({ color: i.text() }), ae = m("h3")({
+	color: i.text(),
+	fontSize: "16px",
+	fontWeight: "700",
+	margin: 0,
+	paddingBottom: "6px"
+}), oe = m("h4")({
+	color: i.text(),
+	fontSize: "16px",
+	fontWeight: "normal",
+	margin: 0,
+	paddingBottom: "6px"
+}), se = m("h2")(({ theme: e }) => ({
+	display: "flex",
+	alignItems: "center",
+	cursor: "pointer",
+	userSelect: "none",
+	fontSize: e.typography.fontSize,
+	fontWeight: "500",
+	color: i.tertiary(),
+	margin: 0
+})), ce = m("span")({
+	display: "inline-flex",
+	transition: "transform 0.2s",
+	marginLeft: 2,
+	alignSelf: "center"
+}), le = m("h2")({
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: 0,
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0,0,0,0)",
+	border: 0,
+	whiteSpace: "nowrap"
+}), I = k.default.shape({
+	excludeZero: k.default.bool,
+	points: k.default.arrayOf(k.default.string),
+	sampleAnswers: k.default.arrayOf(k.default.string),
+	animationsDisabled: k.default.bool
+}), L = class extends T.Component {
+	dudUrl = "javascript:;";
+	constructor(e) {
+		super(e), this.state = {
+			rubricOpen: !1,
+			linkPrefix: "Show"
+		}, this.toggleRubric = this.toggleRubric.bind(this);
+	}
+	static propTypes = {
+		model: k.default.object.isRequired,
+		animationsDisabled: k.default.bool,
+		value: I
+	};
+	toggleRubric() {
+		this.setState({ rubricOpen: !this.state.rubricOpen }), this.setState({ linkPrefix: this.state.rubricOpen ? "Show" : "Hide" });
+	}
+	shouldRenderPoint = (e, t) => !t.excludeZero || e !== 0;
+	render() {
+		let { model: e, value: t } = this.props, { animationsDisabled: n } = this.props;
+		if (n ||= t.animationsDisabled, t && t.points) {
+			let { extraCSSRules: r } = e || {}, { points: i, sampleAnswers: a } = t, s = /* @__PURE__ */ E(c, {
+				component: "nav",
+				children: i.slice(0).reverse().map((e, n) => {
+					n = i.length - n - 1;
+					let r = t.excludeZero ? n + 1 : n;
+					return /* @__PURE__ */ D(T.Fragment, { children: [/* @__PURE__ */ D(P, { children: [/* @__PURE__ */ E(ae, { children: r === 1 ? `${r} PT` : `${r} PTS` }), /* @__PURE__ */ E(F, { dangerouslySetInnerHTML: { __html: e } })] }, `P${n}`), a && a[n] && /* @__PURE__ */ D(P, { children: [/* @__PURE__ */ E(oe, { children: "Sample Answer" }), /* @__PURE__ */ E(F, { dangerouslySetInnerHTML: { __html: a[n] } })] }, `S${n}`)] }, n);
+				})
+			});
+			return /* @__PURE__ */ D(ie, {
+				extraCSSRules: r,
+				children: [/* @__PURE__ */ E(le, { children: "Rubric" }), n ? s : /* @__PURE__ */ D(T.Fragment, { children: [/* @__PURE__ */ D(se, {
+					id: "rubric-toggle",
+					tabIndex: 0,
+					role: "button",
+					"aria-expanded": this.state.rubricOpen,
+					onClick: this.toggleRubric,
+					onKeyPress: (e) => {
+						(e.key === "Enter" || e.key === " ") && this.toggleRubric();
+					},
+					children: [
+						this.state.linkPrefix,
+						" Rubric",
+						/* @__PURE__ */ E(ce, {
+							"aria-hidden": "true",
+							children: this.state.rubricOpen ? /* @__PURE__ */ E("svg", {
+								width: "20",
+								height: "20",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ E("polyline", { points: "18 15 12 9 6 15" })
+							}) : /* @__PURE__ */ E("svg", {
+								width: "20",
+								height: "20",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ E("polyline", { points: "6 9 12 15 18 9" })
+							})
+						})
+					]
+				}), /* @__PURE__ */ E(o, {
+					in: this.state.rubricOpen,
+					timeout: {
+						enter: 225,
+						exit: 195
+					},
+					children: s
+				})] })]
+			});
+		} else return null;
+	}
+}, R = /* @__PURE__ */ e(a(), 1), z = class extends HTMLElement {
+	constructor() {
+		super(), R.log("constructor called"), this.onModelChanged = this.onModelChanged.bind(this), this._root = null, this._mathObserver = null, this._mathRenderPending = !1;
+	}
+	_scheduleMathRender = () => {
+		this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
+			this._mathObserver && this._mathObserver.disconnect(), n(this), this._mathRenderPending = !1, setTimeout(() => {
+				this._mathObserver && this._mathObserver.observe(this, {
+					childList: !0,
+					subtree: !0
+				});
+			}, 50);
+		}));
+	};
+	_initMathObserver() {
+		this._mathObserver || (this._mathObserver = new MutationObserver(this._scheduleMathRender), this._mathObserver.observe(this, {
+			childList: !0,
+			subtree: !0
+		}));
+	}
+	_disconnectMathObserver() {
+		this._mathObserver &&= (this._mathObserver.disconnect(), null);
+	}
+	set model(e) {
+		this._model = e, this._render();
+	}
+	onModelChanged(e) {
+		this._model = e, this._render();
+	}
+	connectedCallback() {
+		this._initMathObserver(), this._render();
+	}
+	_render() {
+		if (this._model) {
+			this._initMathObserver();
+			let e = T.createElement(L, { value: this._model });
+			this._root ||= O(this), this._root.render(e);
+		}
+	}
+	disconnectedCallback() {
+		this._disconnectMathObserver(), this._root &&= (this._root.unmount(), null);
+	}
+}, B = m("td")({
+	color: i.primaryDark(),
+	verticalAlign: "middle"
+}), V = m("div")({
+	color: i.secondaryBackground(),
+	textAlign: "center"
+}), H = (e) => {
+	let { trait: t, traitIndex: n, scaleIndex: r, showStandards: i, showDescription: a, scorePointsValues: o } = e, { name: s, standards: c, scorePointsDescriptors: l, description: u } = t || {};
+	return /* @__PURE__ */ D("tr", { children: [
+		/* @__PURE__ */ E(B, { children: /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: s } }) }),
+		i ? /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: c.join(",") } }) }) : null,
+		a ? /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: u } }) }) : null,
+		o && o.map((e, t) => {
+			let n;
+			try {
+				n = l[o.length - t - 1] || "";
+			} catch {
+				n = "";
+			}
+			return /* @__PURE__ */ E("td", { children: n ? /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ E(V, { dangerouslySetInnerHTML: { __html: "No Description" } }) }, `table-cell-${t}`);
+		})
+	] }, `scale-${r}-trait-${n}`);
+};
+H.propTypes = {
+	showStandards: k.default.bool,
+	showDescription: k.default.bool,
+	scorePointsValues: k.default.arrayOf(k.default.number),
+	scaleIndex: k.default.number,
+	traitIndex: k.default.number,
+	trait: k.default.shape({
+		name: k.default.string,
+		standards: k.default.arrayOf(k.default.string),
+		scorePointsDescriptors: k.default.arrayOf(k.default.string),
+		description: k.default.string
+	})
+};
+//#endregion
+//#region ../multi-trait-rubric/dist/delivery/scale.js
+var U = m("div")({
+	display: "flex",
+	position: "relative"
+}), ue = m("div")({
+	width: "100%",
+	overflow: "auto"
+}), de = m("table")(({ theme: e }) => ({
+	borderSpacing: 0,
+	marginBottom: e.spacing(2),
+	borderRadius: "4px",
+	color: i.text(),
+	fontSize: e.typography.fontSize,
+	lineHeight: "16px",
+	overflow: "unset",
+	"& ul, ol": {
+		marginBlockStart: 0,
+		paddingInlineStart: e.spacing(2)
+	},
+	"& th": {
+		padding: e.spacing(2),
+		textAlign: "left",
+		backgroundColor: i.secondaryBackground(),
+		verticalAlign: "bottom"
+	},
+	"& th div": { width: "200px" },
+	"& td": {
+		width: "200px",
+		padding: `${e.spacing(2)} ${e.spacing(1)}`,
+		verticalAlign: "top"
+	}
+})), fe = m("table")({ "& td": {
+	border: 0,
+	padding: 0,
+	textAlign: "center",
+	minWidth: "200px"
+} }), pe = m("div")({ marginBottom: "4px" }), me = m("td")({ fontWeight: "normal" }), W = ({ show: e, onClick: t, extraStyles: n, children: r }) => /* @__PURE__ */ E("div", {
+	style: {
+		height: "calc(100% - 1px)",
+		top: "1px",
+		display: e ? "flex" : "none",
+		width: "50px",
+		margin: "auto",
+		position: "absolute",
+		alignItems: "center",
+		justifyContent: "center",
+		cursor: "pointer",
+		...n
+	},
+	onClick: t,
+	children: r
+});
+W.propTypes = {
+	show: k.default.bool,
+	onClick: k.default.func,
+	extraStyles: k.default.object,
+	children: k.default.object
+};
+var G = class extends T.Component {
+	state = {};
+	componentDidMount() {
+		this.tableWrapper && this.tableWrapper.offsetWidth < this.tableWrapper.scrollWidth && this.setState({ showRight: !0 });
+	}
+	scrollLeft = () => {
+		this.tableWrapper.scrollLeft -= this.tableWrapper.offsetWidth / 2, this.setState({
+			showRight: this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth,
+			showLeft: this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth && this.tableWrapper.scrollLeft > 0
+		});
+	};
+	scrollRight = () => {
+		let e = this.tableWrapper.scrollLeft;
+		this.tableWrapper.scrollLeft += this.tableWrapper.offsetWidth / 2, this.setState({
+			showRight: e !== this.tableWrapper.scrollLeft && this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth,
+			showLeft: this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth && this.tableWrapper.scrollLeft > 0
+		});
+	};
+	render() {
+		let { showRight: e, showLeft: t } = this.state, { scale: n, scaleIndex: r, showDescription: a, showPointsLabels: o, showStandards: s, arrowsDisabled: c } = this.props, { excludeZero: l, maxPoints: u, traitLabel: d, traits: p, scorePointsLabels: m } = n || {}, h = [], g, _, v;
+		try {
+			for (let e = u; +(e >= l); --e) h.push(e);
+			let { traitStandards: e, traitDescriptions: t } = p.reduce((e, t) => ({
+				traitStandards: [...e.traitStandards, ...t.standards || []],
+				traitDescriptions: [...e.traitDescriptions, ...t.description || []]
+			}), {
+				traitStandards: [],
+				traitDescriptions: []
+			});
+			g = a && t.length, _ = o && m.length, v = s && e.length;
+		} catch {
+			g = !1, _ = !1, v = !1;
+		}
+		return /* @__PURE__ */ D(U, { children: [
+			/* @__PURE__ */ E(W, {
+				show: t && !c,
+				onClick: this.scrollLeft,
+				extraStyles: {
+					left: 0,
+					background: `linear-gradient(to right, white, ${i.background()})`
+				},
+				children: /* @__PURE__ */ E(f, {})
+			}),
+			/* @__PURE__ */ D(ue, {
+				ref: (e) => {
+					this.tableWrapper = e;
+				},
+				onScroll: () => {
+					this.setState({
+						showRight: this.tableWrapper.scrollLeft + this.tableWrapper.offsetWidth < this.tableWrapper.scrollWidth - 5 && this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth,
+						showLeft: this.tableWrapper.scrollLeft < this.tableWrapper.scrollWidth && this.tableWrapper.scrollLeft > 0
+					});
+				},
+				children: [c && (e || t) ? /* @__PURE__ */ E("div", { children: "The item is too large to fit in print mode." }) : null, /* @__PURE__ */ D(de, { children: [/* @__PURE__ */ E("thead", { children: /* @__PURE__ */ D("tr", { children: [
+					/* @__PURE__ */ E("th", { children: /* @__PURE__ */ E("div", { dangerouslySetInnerHTML: { __html: d } }) }),
+					v ? /* @__PURE__ */ E("th", { children: /* @__PURE__ */ E("div", { children: "Standard(s)" }) }) : null,
+					g ? /* @__PURE__ */ E("th", { children: /* @__PURE__ */ E("div", { children: "Description" }) }) : null,
+					h && h.map((e, t) => {
+						let n = "";
+						try {
+							n = m[h.length - t - 1] || "";
+						} catch {
+							n = "";
+						}
+						return /* @__PURE__ */ E("th", { children: /* @__PURE__ */ E(fe, { children: /* @__PURE__ */ D("thead", { children: [_ ? /* @__PURE__ */ E("tr", { children: /* @__PURE__ */ E("td", { children: /* @__PURE__ */ E(pe, { dangerouslySetInnerHTML: { __html: n } }) }) }) : null, /* @__PURE__ */ E("tr", { children: /* @__PURE__ */ E(me, { children: e === 1 ? `${e} point` : `${e} points` }) })] }) }) }, `table-header-${t}`);
+					})
+				] }) }), /* @__PURE__ */ E("tbody", { children: p && p.map((e, t) => /* @__PURE__ */ E(H, {
+					trait: e,
+					traitIndex: t,
+					showDescription: !!g,
+					showStandards: !!v,
+					scaleIndex: r,
+					scorePointsValues: h,
+					excludeZero: l
+				}, `trait_${r}_${t}`)) })] }, `scale-${r}`)]
+			}),
+			/* @__PURE__ */ E(W, {
+				show: e && !c,
+				onClick: this.scrollRight,
+				extraStyles: {
+					right: 0,
+					background: `linear-gradient(to left, white, ${i.background()})`
+				},
+				children: /* @__PURE__ */ E(b, {})
+			})
+		] });
+	}
+};
+G.propTypes = {
+	scaleIndex: k.default.number,
+	scale: k.default.shape({
+		excludeZero: k.default.bool,
+		maxPoints: k.default.number,
+		scorePointsLabels: k.default.arrayOf(k.default.string),
+		traitLabel: k.default.string,
+		traits: k.default.arrayOf(k.default.shape({
+			name: k.default.string,
+			standards: k.default.arrayOf(k.default.string),
+			scorePointsDescriptors: k.default.arrayOf(k.default.string),
+			description: k.default.string
+		}))
+	}),
+	showPointsLabels: k.default.bool,
+	showDescription: k.default.bool,
+	showStandards: k.default.bool,
+	arrowsDisabled: k.default.bool
+};
+//#endregion
+//#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Link/linkClasses.js
+function he(e) {
+	return te("MuiLink", e);
+}
+var ge = t("MuiLink", [
+	"root",
+	"underlineNone",
+	"underlineHover",
+	"underlineAlways",
+	"button",
+	"focusVisible"
+]), _e = ({ theme: e, ownerState: t }) => {
+	let n = t.color;
+	if ("colorSpace" in e && e.colorSpace) {
+		let i = r(e, `palette.${n}.main`) || r(e, `palette.${n}`) || t.color;
+		return e.alpha(i, .4);
+	}
+	let i = r(e, `palette.${n}.main`, !1) || r(e, `palette.${n}`, !1) || t.color, a = r(e, `palette.${n}.mainChannel`) || r(e, `palette.${n}Channel`);
+	return "vars" in e && a ? `rgba(${a} / 0.4)` : C(i, .4);
+}, K = {
+	primary: !0,
+	secondary: !0,
+	error: !0,
+	info: !0,
+	success: !0,
+	warning: !0,
+	textPrimary: !0,
+	textSecondary: !0,
+	textDisabled: !0
+}, q = (e) => {
+	let { classes: t, component: n, focusVisible: r, underline: i } = e;
+	return x({ root: [
+		"root",
+		`underline${l(i)}`,
+		n === "button" && "button",
+		r && "focusVisible"
+	] }, he, t);
+}, ve = m(y, {
+	name: "MuiLink",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[`underline${l(n.underline)}`],
+			n.component === "button" && t.button
+		];
+	}
+})(p(({ theme: e }) => ({ variants: [
+	{
+		props: { underline: "none" },
+		style: { textDecoration: "none" }
+	},
+	{
+		props: { underline: "hover" },
+		style: {
+			textDecoration: "none",
+			"&:hover": { textDecoration: "underline" }
+		}
+	},
+	{
+		props: { underline: "always" },
+		style: {
+			textDecoration: "underline",
+			"&:hover": { textDecorationColor: "inherit" }
+		}
+	},
+	{
+		props: ({ underline: e, ownerState: t }) => e === "always" && t.color !== "inherit",
+		style: { textDecorationColor: "var(--Link-underlineColor)" }
+	},
+	{
+		props: ({ underline: e, ownerState: t }) => e === "always" && t.color === "inherit",
+		style: e.colorSpace ? { textDecorationColor: e.alpha("currentColor", .4) } : null
+	},
+	...Object.entries(e.palette).filter(S()).map(([t]) => ({
+		props: {
+			underline: "always",
+			color: t
+		},
+		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette[t].main, .4) }
+	})),
+	{
+		props: {
+			underline: "always",
+			color: "textPrimary"
+		},
+		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette.text.primary, .4) }
+	},
+	{
+		props: {
+			underline: "always",
+			color: "textSecondary"
+		},
+		style: { "--Link-underlineColor": e.alpha((e.vars || e).palette.text.secondary, .4) }
+	},
+	{
+		props: {
+			underline: "always",
+			color: "textDisabled"
+		},
+		style: { "--Link-underlineColor": (e.vars || e).palette.text.disabled }
+	},
+	{
+		props: { component: "button" },
+		style: {
+			position: "relative",
+			WebkitTapHighlightColor: "transparent",
+			backgroundColor: "transparent",
+			outline: 0,
+			border: 0,
+			margin: 0,
+			borderRadius: 0,
+			padding: 0,
+			cursor: "pointer",
+			userSelect: "none",
+			verticalAlign: "middle",
+			MozAppearance: "none",
+			WebkitAppearance: "none",
+			"&::-moz-focus-inner": { borderStyle: "none" },
+			[`&.${ge.focusVisible}`]: { outline: "auto" }
+		}
+	}
+] }))), ye = /*#__PURE__*/ w.forwardRef(function(e, t) {
+	let n = ee({
+		props: e,
+		name: "MuiLink"
+	}), r = h(), { className: i, color: a = "primary", component: o = "a", onBlur: c, onFocus: l, TypographyClasses: u, underline: d = "always", variant: f = "inherit", sx: p, ...m } = n, [g, _] = w.useState(!1), y = (e) => {
+		v(e.target) || _(!1), c && c(e);
+	}, b = (e) => {
+		v(e.target) && _(!0), l && l(e);
+	}, x = {
+		...n,
+		color: a,
+		component: o,
+		focusVisible: g,
+		underline: d,
+		variant: f
+	};
+	return /*#__PURE__*/ E(ve, {
+		color: a,
+		className: s(q(x).root, i),
+		classes: u,
+		component: o,
+		onBlur: y,
+		onFocus: b,
+		ref: t,
+		ownerState: x,
+		variant: f,
+		...m,
+		sx: [...K[a] === void 0 ? [{ color: a }] : [], ...Array.isArray(p) ? p : [p]],
+		style: {
+			...m.style,
+			...d === "always" && a !== "inherit" && !K[a] && { "--Link-underlineColor": _e({
+				theme: r,
+				ownerState: x
+			}) }
+		}
+	});
+});
+//#endregion
+//#region ../multi-trait-rubric/dist/delivery/main.js
+function J(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+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(d, "UiLayout") || Y(be.UiLayout, "UiLayout"), Z = _, Q = Z.default, be = Q && typeof Q == "object" ? Q : Z, $ = class extends T.Component {
+	constructor(e) {
+		super(e), this.state = {
+			rubricOpen: !1,
+			linkPrefix: "Show"
+		}, this.toggleRubric = this.toggleRubric.bind(this);
+	}
+	toggleRubric() {
+		this.setState({ rubricOpen: !this.state.rubricOpen }), this.setState({ linkPrefix: this.state.rubricOpen ? "Show" : "Hide" });
+	}
+	render() {
+		let { model: e } = this.props, { animationsDisabled: t } = this.props, { extraCSSRules: n, halfScoring: r, scales: a, visible: s, pointLabels: c, description: l, standards: u, arrowsDisabled: d } = e || {};
+		if (t ||= e.animationsDisabled, !a || !s) return null;
+		let f = /* @__PURE__ */ D(X, {
+			extraCSSRules: n,
+			style: {
+				fontFamily: "Cerebri Sans",
+				color: i.text(),
+				backgroundColor: i.background()
+			},
+			children: [r ? /* @__PURE__ */ E("div", {
+				style: { marginBottom: "16px" },
+				children: "* Half-point or in-between scores are permitted under this rubric."
+			}) : null, a.map((e, t) => /* @__PURE__ */ E(G, {
+				scale: e,
+				scaleIndex: t,
+				showPointsLabels: c,
+				showDescription: l,
+				showStandards: u,
+				arrowsDisabled: d
+			}, `scale_${t}`))]
+		});
+		return t ? f : /* @__PURE__ */ D(X, {
+			extraCSSRules: n,
+			style: {
+				color: i.text(),
+				backgroundColor: i.background()
+			},
+			children: [/* @__PURE__ */ D(ye, {
+				style: { backgroundColor: i.background() },
+				href: this.dudUrl,
+				onClick: this.toggleRubric,
+				children: [this.state.linkPrefix, " Rubric"]
+			}), /* @__PURE__ */ E(o, {
+				style: { marginTop: "16px" },
+				in: this.state.rubricOpen,
+				timeout: {
+					enter: 225,
+					exit: 195
+				},
+				children: f
+			})]
+		});
+	}
+};
+$.propTypes = {
+	model: k.default.shape({
+		halfScoring: k.default.bool,
+		scales: k.default.arrayOf(k.default.shape({
+			excludeZero: k.default.bool,
+			maxPoints: k.default.number,
+			scorePointsLabels: k.default.arrayOf(k.default.string),
+			traitLabel: k.default.string,
+			traits: k.default.arrayOf(k.default.shape({
+				name: k.default.string,
+				description: k.default.string,
+				scorePointsDescriptors: k.default.arrayOf(k.default.string),
+				standards: k.default.arrayOf(k.default.string)
+			}))
+		})),
+		visible: k.default.bool,
+		pointLabels: k.default.bool,
+		description: k.default.bool,
+		standards: k.default.bool,
+		animationsDisabled: k.default.bool
+	}),
+	animationsDisabled: k.default.bool
+};
+//#endregion
+//#region ../../shared/player-events/dist/index.js
+var xe = class e extends CustomEvent {
+	static {
+		this.TYPE = "model-set";
+	}
+	constructor(t, n, r) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t,
+				hasModel: r
+			}
+		}), this.component = t, this.complete = n;
+	}
+};
+(class e extends CustomEvent {
+	static {
+		this.TYPE = "session-changed";
+	}
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t
+			}
+		}), this.component = t, this.complete = n;
+	}
+});
+//#endregion
+//#region ../multi-trait-rubric/dist/delivery/index.js
+var Se = class extends HTMLElement {
+	constructor() {
+		super(), this._model = {}, this._session = null, this._root = null, this._mathObserver = null, this._mathRenderPending = !1;
+	}
+	_scheduleMathRender = () => {
+		this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
+			this._mathObserver && this._mathObserver.disconnect(), n(this), this._mathRenderPending = !1, setTimeout(() => {
+				this._mathObserver && this._mathObserver.observe(this, {
+					childList: !0,
+					subtree: !0
+				});
+			}, 50);
+		}));
+	};
+	_initMathObserver() {
+		this._mathObserver || (this._mathObserver = new MutationObserver(this._scheduleMathRender), this._mathObserver.observe(this, {
+			childList: !0,
+			subtree: !0
+		}));
+	}
+	_disconnectMathObserver() {
+		this._mathObserver &&= (this._mathObserver.disconnect(), null);
+	}
+	set model(e) {
+		this._model = e, this.dispatchEvent(new xe(this.tagName.toLowerCase(), this._session, !!this._model)), this._render();
+	}
+	set session(e) {
+		this._session = e;
+	}
+	get session() {
+		return this._session;
+	}
+	connectedCallback() {
+		this._initMathObserver(), this._render();
+	}
+	_render() {
+		this._initMathObserver();
+		let e = T.createElement($, {
+			model: this._model,
+			session: this._session
+		});
+		this._root ||= O(this), this._root.render(e);
+	}
+	disconnectedCallback() {
+		this._disconnectMathObserver(), this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { z as n, Se as t };
+
+//# sourceMappingURL=delivery-COeGdVPM.js.map