@pie-element/complex-rubric 7.1.2-next.2 → 7.1.2-next.21

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

@@ -0,0 +1,728 @@
+import { a as e } from "./rolldown-runtime-CHQKHQ89.js";
+import { Ct as t, D as n, E as r, I as i, J as a, L as o, Ot as s, St as c, Tt as l, X as u, Y as d, _t as f, b as p, bt as m, c as h, dt as g, l as _, mt as v, o as y, ot as ee, s as te, st as ne, tt as b, w as re, wt as x } from "./private-tags-ok_j1Rzm.js";
+import * as S from "react";
+import C from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { createRoot as E } from "react-dom/client";
+//#region ../rubric/dist/delivery/main.js
+var D = /* @__PURE__ */ e(s(), 1);
+function O(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function k(e, t) {
+	return !e || O(e) ? e : O(e.default) ? e.default : t && O(e[t]) ? e[t] : t && O(e[t]?.default) ? e[t].default : e;
+}
+var ie = k(p, "UiLayout") || k(ae.UiLayout, "UiLayout"), A = _, j = A.default, ae = j && typeof j == "object" ? j : A, oe = g(ie)({
+	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"
+	}
+}), M = g(u)({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "flex-start",
+	padding: "12px 0px"
+}), N = g("div")({ color: i.text() }), se = g("h3")({
+	color: i.text(),
+	fontSize: "16px",
+	fontWeight: "700",
+	margin: 0,
+	paddingBottom: "6px"
+}), ce = g("h4")({
+	color: i.text(),
+	fontSize: "16px",
+	fontWeight: "normal",
+	margin: 0,
+	paddingBottom: "6px"
+}), le = g("h2")(({ theme: e }) => ({
+	display: "flex",
+	alignItems: "center",
+	cursor: "pointer",
+	userSelect: "none",
+	fontSize: e.typography.fontSize,
+	fontWeight: "500",
+	color: i.tertiary(),
+	margin: 0
+})), ue = g("span")({
+	display: "inline-flex",
+	transition: "transform 0.2s",
+	marginLeft: 2,
+	alignSelf: "center"
+}), P = g("h2")({
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: 0,
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0,0,0,0)",
+	border: 0,
+	whiteSpace: "nowrap"
+}), F = D.default.shape({
+	excludeZero: D.default.bool,
+	points: D.default.arrayOf(D.default.string),
+	sampleAnswers: D.default.arrayOf(D.default.string),
+	animationsDisabled: D.default.bool
+}), I = class extends C.Component {
+	dudUrl = "javascript:;";
+	constructor(e) {
+		super(e), this.state = {
+			rubricOpen: !1,
+			linkPrefix: "Show"
+		}, this.toggleRubric = this.toggleRubric.bind(this);
+	}
+	static propTypes = {
+		model: D.default.object.isRequired,
+		animationsDisabled: D.default.bool,
+		value: F
+	};
+	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__ */ w(d, {
+				component: "nav",
+				children: i.slice(0).reverse().map((e, n) => {
+					n = i.length - n - 1;
+					let r = t.excludeZero ? n + 1 : n;
+					return /* @__PURE__ */ T(C.Fragment, { children: [/* @__PURE__ */ T(M, { children: [/* @__PURE__ */ w(se, { children: r === 1 ? `${r} PT` : `${r} PTS` }), /* @__PURE__ */ w(N, { dangerouslySetInnerHTML: { __html: e } })] }, `P${n}`), a && a[n] && /* @__PURE__ */ T(M, { children: [/* @__PURE__ */ w(ce, { children: "Sample Answer" }), /* @__PURE__ */ w(N, { dangerouslySetInnerHTML: { __html: a[n] } })] }, `S${n}`)] }, n);
+				})
+			});
+			return /* @__PURE__ */ T(oe, {
+				extraCSSRules: r,
+				children: [/* @__PURE__ */ w(P, { children: "Rubric" }), n ? s : /* @__PURE__ */ T(C.Fragment, { children: [/* @__PURE__ */ T(le, {
+					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__ */ w(ue, {
+							"aria-hidden": "true",
+							children: this.state.rubricOpen ? /* @__PURE__ */ w("svg", {
+								width: "20",
+								height: "20",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ w("polyline", { points: "18 15 12 9 6 15" })
+							}) : /* @__PURE__ */ w("svg", {
+								width: "20",
+								height: "20",
+								viewBox: "0 0 24 24",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "2",
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								children: /* @__PURE__ */ w("polyline", { points: "6 9 12 15 18 9" })
+							})
+						})
+					]
+				}), /* @__PURE__ */ w(o, {
+					in: this.state.rubricOpen,
+					timeout: {
+						enter: 225,
+						exit: 195
+					},
+					children: s
+				})] })]
+			});
+		} else return null;
+	}
+}, L = /* @__PURE__ */ e(n(), 1), R = class extends HTMLElement {
+	constructor() {
+		super(), L.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(), r(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 = C.createElement(I, { value: this._model });
+			this._root ||= E(this), this._root.render(e);
+		}
+	}
+	disconnectedCallback() {
+		this._disconnectMathObserver(), this._root && this._root.unmount();
+	}
+}, z = g("td")({
+	color: i.primaryDark(),
+	verticalAlign: "middle"
+}), B = g("div")({
+	color: i.secondaryBackground(),
+	textAlign: "center"
+}), V = (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__ */ T("tr", { children: [
+		/* @__PURE__ */ w(z, { children: /* @__PURE__ */ w("div", { dangerouslySetInnerHTML: { __html: s } }) }),
+		i ? /* @__PURE__ */ w("td", { children: /* @__PURE__ */ w("div", { dangerouslySetInnerHTML: { __html: c.join(",") } }) }) : null,
+		a ? /* @__PURE__ */ w("td", { children: /* @__PURE__ */ w("div", { dangerouslySetInnerHTML: { __html: u } }) }) : null,
+		o && o.map((e, t) => {
+			let n;
+			try {
+				n = l[o.length - t - 1] || "";
+			} catch {
+				n = "";
+			}
+			return /* @__PURE__ */ w("td", { children: n ? /* @__PURE__ */ w("div", { dangerouslySetInnerHTML: { __html: n } }) : /* @__PURE__ */ w(B, { dangerouslySetInnerHTML: { __html: "No Description" } }) }, `table-cell-${t}`);
+		})
+	] }, `scale-${r}-trait-${n}`);
+};
+V.propTypes = {
+	showStandards: D.default.bool,
+	showDescription: D.default.bool,
+	scorePointsValues: D.default.arrayOf(D.default.number),
+	scaleIndex: D.default.number,
+	traitIndex: D.default.number,
+	trait: D.default.shape({
+		name: D.default.string,
+		standards: D.default.arrayOf(D.default.string),
+		scorePointsDescriptors: D.default.arrayOf(D.default.string),
+		description: D.default.string
+	})
+};
+//#endregion
+//#region ../multi-trait-rubric/dist/delivery/scale.js
+var H = g("div")({
+	display: "flex",
+	position: "relative"
+}), U = g("div")({
+	width: "100%",
+	overflow: "auto"
+}), de = g("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 = g("table")({ "& td": {
+	border: 0,
+	padding: 0,
+	textAlign: "center",
+	minWidth: "200px"
+} }), pe = g("div")({ marginBottom: "4px" }), me = g("td")({ fontWeight: "normal" }), W = ({ show: e, onClick: t, extraStyles: n, children: r }) => /* @__PURE__ */ w("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: D.default.bool,
+	onClick: D.default.func,
+	extraStyles: D.default.object,
+	children: D.default.object
+};
+var G = class extends C.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: f, scorePointsLabels: p } = n || {}, m = [], g, _, v;
+		try {
+			for (let e = u; +(e >= l); --e) m.push(e);
+			let { traitStandards: e, traitDescriptions: t } = f.reduce((e, t) => ({
+				traitStandards: [...e.traitStandards, ...t.standards || []],
+				traitDescriptions: [...e.traitDescriptions, ...t.description || []]
+			}), {
+				traitStandards: [],
+				traitDescriptions: []
+			});
+			g = a && t.length, _ = o && p.length, v = s && e.length;
+		} catch {
+			g = !1, _ = !1, v = !1;
+		}
+		return /* @__PURE__ */ T(H, { children: [
+			/* @__PURE__ */ w(W, {
+				show: t && !c,
+				onClick: this.scrollLeft,
+				extraStyles: {
+					left: 0,
+					background: `linear-gradient(to right, white, ${i.background()})`
+				},
+				children: /* @__PURE__ */ w(h, {})
+			}),
+			/* @__PURE__ */ T(U, {
+				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__ */ w("div", { children: "The item is too large to fit in print mode." }) : null, /* @__PURE__ */ T(de, { children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", { children: [
+					/* @__PURE__ */ w("th", { children: /* @__PURE__ */ w("div", { dangerouslySetInnerHTML: { __html: d } }) }),
+					v ? /* @__PURE__ */ w("th", { children: /* @__PURE__ */ w("div", { children: "Standard(s)" }) }) : null,
+					g ? /* @__PURE__ */ w("th", { children: /* @__PURE__ */ w("div", { children: "Description" }) }) : null,
+					m && m.map((e, t) => {
+						let n = "";
+						try {
+							n = p[m.length - t - 1] || "";
+						} catch {
+							n = "";
+						}
+						return /* @__PURE__ */ w("th", { children: /* @__PURE__ */ w(fe, { children: /* @__PURE__ */ T("thead", { children: [_ ? /* @__PURE__ */ w("tr", { children: /* @__PURE__ */ w("td", { children: /* @__PURE__ */ w(pe, { dangerouslySetInnerHTML: { __html: n } }) }) }) : null, /* @__PURE__ */ w("tr", { children: /* @__PURE__ */ w(me, { children: e === 1 ? `${e} point` : `${e} points` }) })] }) }) }, `table-header-${t}`);
+					})
+				] }) }), /* @__PURE__ */ w("tbody", { children: f && f.map((e, t) => /* @__PURE__ */ w(V, {
+					trait: e,
+					traitIndex: t,
+					showDescription: !!g,
+					showStandards: !!v,
+					scaleIndex: r,
+					scorePointsValues: m,
+					excludeZero: l
+				}, `trait_${r}_${t}`)) })] }, `scale-${r}`)]
+			}),
+			/* @__PURE__ */ w(W, {
+				show: e && !c,
+				onClick: this.scrollRight,
+				extraStyles: {
+					right: 0,
+					background: `linear-gradient(to left, white, ${i.background()})`
+				},
+				children: /* @__PURE__ */ w(te, {})
+			})
+		] });
+	}
+};
+G.propTypes = {
+	scaleIndex: D.default.number,
+	scale: D.default.shape({
+		excludeZero: D.default.bool,
+		maxPoints: D.default.number,
+		scorePointsLabels: D.default.arrayOf(D.default.string),
+		traitLabel: D.default.string,
+		traits: D.default.arrayOf(D.default.shape({
+			name: D.default.string,
+			standards: D.default.arrayOf(D.default.string),
+			scorePointsDescriptors: D.default.arrayOf(D.default.string),
+			description: D.default.string
+		}))
+	}),
+	showPointsLabels: D.default.bool,
+	showDescription: D.default.bool,
+	showStandards: D.default.bool,
+	arrowsDisabled: D.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 t("MuiLink", e);
+}
+var ge = c("MuiLink", [
+	"root",
+	"underlineNone",
+	"underlineHover",
+	"underlineAlways",
+	"button",
+	"focusVisible"
+]), _e = ({ theme: e, ownerState: t }) => {
+	let n = t.color;
+	if ("colorSpace" in e && e.colorSpace) {
+		let r = l(e, `palette.${n}.main`) || l(e, `palette.${n}`) || t.color;
+		return e.alpha(r, .4);
+	}
+	let r = l(e, `palette.${n}.main`, !1) || l(e, `palette.${n}`, !1) || t.color, i = l(e, `palette.${n}.mainChannel`) || l(e, `palette.${n}Channel`);
+	return "vars" in e && i ? `rgba(${i} / 0.4)` : m(r, .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 f({ root: [
+		"root",
+		`underline${a(i)}`,
+		n === "button" && "button",
+		r && "focusVisible"
+	] }, he, t);
+}, ve = g(y, {
+	name: "MuiLink",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[`underline${a(n.underline)}`],
+			n.component === "button" && t.button
+		];
+	}
+})(ne(({ 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(re()).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__*/ S.forwardRef(function(e, t) {
+	let n = ee({
+		props: e,
+		name: "MuiLink"
+	}), r = v(), { className: i, color: a = "primary", component: o = "a", onBlur: s, onFocus: c, TypographyClasses: l, underline: u = "always", variant: d = "inherit", sx: f, ...p } = n, [m, h] = S.useState(!1), g = (e) => {
+		b(e.target) || h(!1), s && s(e);
+	}, _ = (e) => {
+		b(e.target) && h(!0), c && c(e);
+	}, y = {
+		...n,
+		color: a,
+		component: o,
+		focusVisible: m,
+		underline: u,
+		variant: d
+	};
+	return /*#__PURE__*/ w(ve, {
+		color: a,
+		className: x(q(y).root, i),
+		classes: l,
+		component: o,
+		onBlur: g,
+		onFocus: _,
+		ref: t,
+		ownerState: y,
+		variant: d,
+		...p,
+		sx: [...K[a] === void 0 ? [{ color: a }] : [], ...Array.isArray(f) ? f : [f]],
+		style: {
+			...p.style,
+			...u === "always" && a !== "inherit" && !K[a] && { "--Link-underlineColor": _e({
+				theme: r,
+				ownerState: y
+			}) }
+		}
+	});
+});
+//#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(p, "UiLayout") || Y(be.UiLayout, "UiLayout"), Z = _, Q = Z.default, be = Q && typeof Q == "object" ? Q : Z, $ = class extends C.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__ */ T(X, {
+			extraCSSRules: n,
+			style: {
+				fontFamily: "Cerebri Sans",
+				color: i.text(),
+				backgroundColor: i.background()
+			},
+			children: [r ? /* @__PURE__ */ w("div", {
+				style: { marginBottom: "16px" },
+				children: "* Half-point or in-between scores are permitted under this rubric."
+			}) : null, a.map((e, t) => /* @__PURE__ */ w(G, {
+				scale: e,
+				scaleIndex: t,
+				showPointsLabels: c,
+				showDescription: l,
+				showStandards: u,
+				arrowsDisabled: d
+			}, `scale_${t}`))]
+		});
+		return t ? f : /* @__PURE__ */ T(X, {
+			extraCSSRules: n,
+			style: {
+				color: i.text(),
+				backgroundColor: i.background()
+			},
+			children: [/* @__PURE__ */ T(ye, {
+				style: { backgroundColor: i.background() },
+				href: this.dudUrl,
+				onClick: this.toggleRubric,
+				children: [this.state.linkPrefix, " Rubric"]
+			}), /* @__PURE__ */ w(o, {
+				style: { marginTop: "16px" },
+				in: this.state.rubricOpen,
+				timeout: {
+					enter: 225,
+					exit: 195
+				},
+				children: f
+			})]
+		});
+	}
+};
+$.propTypes = {
+	model: D.default.shape({
+		halfScoring: D.default.bool,
+		scales: D.default.arrayOf(D.default.shape({
+			excludeZero: D.default.bool,
+			maxPoints: D.default.number,
+			scorePointsLabels: D.default.arrayOf(D.default.string),
+			traitLabel: D.default.string,
+			traits: D.default.arrayOf(D.default.shape({
+				name: D.default.string,
+				description: D.default.string,
+				scorePointsDescriptors: D.default.arrayOf(D.default.string),
+				standards: D.default.arrayOf(D.default.string)
+			}))
+		})),
+		visible: D.default.bool,
+		pointLabels: D.default.bool,
+		description: D.default.bool,
+		standards: D.default.bool,
+		animationsDisabled: D.default.bool
+	}),
+	animationsDisabled: D.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(), r(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 = C.createElement($, {
+			model: this._model,
+			session: this._session
+		});
+		this._root ||= E(this), this._root.render(e);
+	}
+	disconnectedCallback() {
+		this._disconnectMathObserver(), this._root &&= (this._root.unmount(), null);
+	}
+};
+//#endregion
+export { R as n, Se as t };
+
+//# sourceMappingURL=delivery-Bsx36s2O.js.map