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

package/dist/browser/controller/index.js

@@ -0,0 +1,70 @@
+//#region src/controller/defaults.ts
+var e = {
+	addScaleEnabled: !0,
+	description: !1,
+	excludeZero: !1,
+	halfScoring: !1,
+	maxPointsEnabled: !0,
+	pointLabels: !0,
+	scales: [],
+	standards: !1,
+	visibleToStudent: !0
+}, t = (e) => (e || "").replace(/(<([^>]+)>)/gi, "");
+//#endregion
+//#region src/controller/index.ts
+function n(t = {}) {
+	return new Promise((n) => n({
+		...e,
+		...t
+	}));
+}
+var r = (t) => ({
+	...e,
+	...t
+});
+async function i(e, t, n) {
+	let i = r(e);
+	!n.role || n.role === "student" ? i.visible = i.visibleToStudent : i.visible = !0;
+	let { scales: a, excludeZero: o } = i || {}, s = (a || []).map((e) => ({
+		...e,
+		excludeZero: o
+	}));
+	return {
+		...i,
+		scales: s
+	};
+}
+var a = () => 0;
+function o() {
+	return new Promise((e) => e({
+		score: 0,
+		empty: !0
+	}));
+}
+var s = (e, t) => new Promise((e) => {
+	t.mode !== "evaluate" && t.role === "instructor" ? e({ id: "1" }) : e(null);
+}), c = (e, n) => {
+	let { scales: r, description: i = !1, pointLabels: a = !1 } = e, o = {}, s = {}, c = {};
+	return (r || []).forEach((e, n) => {
+		let { traits: r = [] } = e, { scorePointsLabels: o = [] } = e, l = {}, u = {};
+		a && o.forEach((e, n) => {
+			!e || e === "<div></div>" ? u[n] = "Points labels should not be empty." : o.slice(n + 1).some((n) => t(n) === t(e)) && (u[n] = "Points labels should be unique.");
+		}), Object.keys(u).length > 0 && (c[n] = u), r.forEach((e, n) => {
+			if (!e.name || e.name === "<div></div>" ? l[n] = { name: "Trait names should not be empty." } : r.slice(n + 1).some((n) => t(n.name) === t(e.name)) && (l[n] = { name: "Trait names should be unique." }), i && (!e.description || e.description === "<div></div>")) l[n] = {
+				...l[n],
+				description: "Trait description should not be empty"
+			};
+			else {
+				let a = r.slice(n + 1).some((n) => t(n.description) === t(e.description));
+				i && a && (l[n] = {
+					...l[n],
+					description: "Trait descriptions should be unique."
+				});
+			}
+		}), Object.keys(l).length > 0 && (s[n] = l);
+	}), Object.keys(s).length > 0 && (o.traitsErrors = s), Object.keys(c).length > 0 && (o.scorePointsErrors = c), o;
+};
+//#endregion
+export { s as createCorrectResponseSession, n as createDefaultModel, a as getScore, i as model, r as normalize, o as outcome, c as validate };
+
+//# sourceMappingURL=index.js.map

package/dist/browser/controller/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/controller/defaults.ts","../../../src/controller/utils.ts","../../../src/controller/index.ts"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/multi-trait-rubric/controller/src/defaults.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nexport default {\n  addScaleEnabled: true,\n  description: false,\n  excludeZero: false,\n  halfScoring: false,\n  maxPointsEnabled: true,\n  pointLabels: true,\n  scales: [],\n  standards: false,\n  visibleToStudent: true,\n};\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/multi-trait-rubric/controller/src/utils.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nexport const markupToText = (s) => {\n    return (s || '').replace(/(<([^>]+)>)/ig, '');\n};\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/multi-trait-rubric/controller/src/index.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport defaults from './defaults.js';\nimport { markupToText } from './utils.js';\n\nexport function createDefaultModel(model = {}) {\n  return new Promise((resolve) => resolve({ ...defaults, ...model }));\n}\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n  const normalizedQuestion = normalize(question);\n\n  if (!env.role || env.role === 'student') {\n    normalizedQuestion.visible = normalizedQuestion.visibleToStudent;\n  } else {\n    normalizedQuestion.visible = true;\n  }\n\n  // todo update pie-ui instead of parsing this here:\n  const { scales, excludeZero } = normalizedQuestion || {};\n  const parsedScales = (scales || []).map((scale) => ({ ...scale, excludeZero }));\n\n  return {\n    ...normalizedQuestion,\n    scales: parsedScales,\n  };\n}\n\nexport const getScore = () => 0;\n\n/**\n * @param {Object} model - the main model\n * @param {*} session\n * @param {Object} env\n */\nexport function outcome() {\n  return new Promise((resolve) => resolve({ score: 0, empty: true }));\n}\n\nexport const createCorrectResponseSession = (question, env) => {\n  return new Promise((resolve) => {\n    if (env.mode !== 'evaluate' && env.role === 'instructor') {\n      resolve({ id: '1' });\n    } else {\n      resolve(null);\n    }\n  });\n};\n\n// IMPORTANT! If you make any changes to this function, please make sure you also update complex-rubric/controller/validateMultiTraitRubric function!“.\nexport const validate = (model, config) => {\n  const { scales, description = false, pointLabels = false } = model;\n  const errors = {};\n  const traitsErrors = {};\n  const scorePointsErrors = {};\n\n  (scales || []).forEach((scale, scaleIndex) => {\n    const { traits = [] } = scale;\n    const { scorePointsLabels = [] } = scale;\n    const scaleErrors = {};\n    const scorePointsLabelsErrors = {};\n\n    if (pointLabels) {\n      scorePointsLabels.forEach((scorePointLabel, scoreIndex) => {\n        if (!scorePointLabel || scorePointLabel === '<div></div>') {\n          scorePointsLabelsErrors[scoreIndex] = 'Points labels should not be empty.';\n        } else {\n          const identicalScorePointLabel = scorePointsLabels\n            .slice(scoreIndex + 1)\n            .some((s) => markupToText(s) === markupToText(scorePointLabel));\n\n          if (identicalScorePointLabel) {\n            scorePointsLabelsErrors[scoreIndex] = 'Points labels should be unique.';\n          }\n        }\n      });\n    }\n\n    if (Object.keys(scorePointsLabelsErrors).length > 0) {\n      scorePointsErrors[scaleIndex] = scorePointsLabelsErrors;\n    }\n\n    traits.forEach((trait, traitIndex) => {\n      if (!trait.name || trait.name === '<div></div>') {\n        scaleErrors[traitIndex] = { name: 'Trait names should not be empty.' };\n      } else {\n        const identicalTraitName = traits\n          .slice(traitIndex + 1)\n          .some((t) => markupToText(t.name) === markupToText(trait.name));\n\n        if (identicalTraitName) {\n          scaleErrors[traitIndex] = { name: 'Trait names should be unique.' };\n        }\n      }\n      if (description && (!trait.description || trait.description === '<div></div>')) {\n        scaleErrors[traitIndex] = { ...scaleErrors[traitIndex], description: 'Trait description should not be empty' };\n      } else {\n        const identicalTraitDescr = traits\n          .slice(traitIndex + 1)\n          .some((t) => markupToText(t.description) === markupToText(trait.description));\n\n        if (description && identicalTraitDescr) {\n          scaleErrors[traitIndex] = { ...scaleErrors[traitIndex], description: 'Trait descriptions should be unique.' };\n        }\n      }\n    });\n    if (Object.keys(scaleErrors).length > 0) {\n      traitsErrors[scaleIndex] = scaleErrors;\n    }\n  });\n\n  if (Object.keys(traitsErrors).length > 0) {\n    errors.traitsErrors = traitsErrors;\n  }\n\n  if (Object.keys(scorePointsErrors).length > 0) {\n    errors.scorePointsErrors = scorePointsErrors;\n  }\n\n  return errors;\n};\n"],"mappings":";AAUA,IAAA,IAAe;CACb,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,QAAQ,CAAC;CACT,WAAW;CACX,kBAAkB;AACpB,GCVa,KAAgB,OACjB,KAAK,IAAI,QAAQ,iBAAiB,EAAE;;;ACEhD,SAAgB,EAAmB,IAAQ,CAAC,GAAG;CAC7C,OAAO,IAAI,SAAS,MAAY,EAAQ;EAAE,GAAG;EAAU,GAAG;CAAM,CAAC,CAAC;AACpE;AAEA,IAAa,KAAa,OAAc;CAAE,GAAG;CAAU,GAAG;AAAS;AAQnE,eAAsB,EAAM,GAAU,GAAS,GAAK;CAClD,IAAM,IAAqB,EAAU,CAAQ;CAE7C,AAAI,CAAC,EAAI,QAAQ,EAAI,SAAS,YAC5B,EAAmB,UAAU,EAAmB,mBAEhD,EAAmB,UAAU;CAI/B,IAAM,EAAE,WAAQ,mBAAgB,KAAsB,CAAC,GACjD,KAAgB,KAAU,CAAC,GAAG,KAAK,OAAW;EAAE,GAAG;EAAO;CAAY,EAAE;CAE9E,OAAO;EACL,GAAG;EACH,QAAQ;CACV;AACF;AAEA,IAAa,UAAiB;AAO9B,SAAgB,IAAU;CACxB,OAAO,IAAI,SAAS,MAAY,EAAQ;EAAE,OAAO;EAAG,OAAO;CAAK,CAAC,CAAC;AACpE;AAEA,IAAa,KAAgC,GAAU,MAC9C,IAAI,SAAS,MAAY;CAC9B,AAAI,EAAI,SAAS,cAAc,EAAI,SAAS,eAC1C,EAAQ,EAAE,IAAI,IAAI,CAAC,IAEnB,EAAQ,IAAI;AAEhB,CAAC,GAIU,KAAY,GAAO,MAAW;CACzC,IAAM,EAAE,WAAQ,iBAAc,IAAO,iBAAc,OAAU,GACvD,IAAS,CAAC,GACV,IAAe,CAAC,GAChB,IAAoB,CAAC;CAiE3B,QA/DC,KAAU,CAAC,GAAG,SAAS,GAAO,MAAe;EAC5C,IAAM,EAAE,YAAS,CAAC,MAAM,GAClB,EAAE,uBAAoB,CAAC,MAAM,GAC7B,IAAc,CAAC,GACf,IAA0B,CAAC;EA8CjC,AA5CI,KACF,EAAkB,SAAS,GAAiB,MAAe;GACzD,AAAI,CAAC,KAAmB,MAAoB,gBAC1C,EAAwB,KAAc,uCAEL,EAC9B,MAAM,IAAa,CAAC,EACpB,MAAM,MAAM,EAAa,CAAC,MAAM,EAAa,CAAe,CAE3D,MACF,EAAwB,KAAc;EAG5C,CAAC,GAGC,OAAO,KAAK,CAAuB,EAAE,SAAS,MAChD,EAAkB,KAAc,IAGlC,EAAO,SAAS,GAAO,MAAe;GAYpC,IAXI,CAAC,EAAM,QAAQ,EAAM,SAAS,gBAChC,EAAY,KAAc,EAAE,MAAM,mCAAmC,IAE1C,EACxB,MAAM,IAAa,CAAC,EACpB,MAAM,MAAM,EAAa,EAAE,IAAI,MAAM,EAAa,EAAM,IAAI,CAE3D,MACF,EAAY,KAAc,EAAE,MAAM,gCAAgC,IAGlE,MAAgB,CAAC,EAAM,eAAe,EAAM,gBAAgB,gBAC9D,EAAY,KAAc;IAAE,GAAG,EAAY;IAAa,aAAa;GAAwC;QACxG;IACL,IAAM,IAAsB,EACzB,MAAM,IAAa,CAAC,EACpB,MAAM,MAAM,EAAa,EAAE,WAAW,MAAM,EAAa,EAAM,WAAW,CAAC;IAE9E,AAAI,KAAe,MACjB,EAAY,KAAc;KAAE,GAAG,EAAY;KAAa,aAAa;IAAuC;GAEhH;EACF,CAAC,GACG,OAAO,KAAK,CAAW,EAAE,SAAS,MACpC,EAAa,KAAc;CAE/B,CAAC,GAEG,OAAO,KAAK,CAAY,EAAE,SAAS,MACrC,EAAO,eAAe,IAGpB,OAAO,KAAK,CAAiB,EAAE,SAAS,MAC1C,EAAO,oBAAoB,IAGtB;AACT"}

package/dist/browser/delivery/index.js

@@ -0,0 +1,523 @@
+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 * as C from "react";
+import w from "react";
+import { createRoot as T } from "react-dom/client";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region ../../shared/player-events/dist/index.js
+var O = 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 src/delivery/trait.tsx
+var k = /* @__PURE__ */ f(n(), 1), A = h("td")({
+	color: d.primaryDark(),
+	verticalAlign: "middle"
+}), j = h("div")({
+	color: d.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 || {};
+	return /* @__PURE__ */ D("tr", { children: [
+		/* @__PURE__ */ E(A, { 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(j, { dangerouslySetInnerHTML: { __html: "No Description" } }) }, `table-cell-${t}`);
+		})
+	] }, `scale-${r}-trait-${n}`);
+};
+M.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 src/delivery/scale.tsx
+var N = h("div")({
+	display: "flex",
+	position: "relative"
+}), P = h("div")({
+	width: "100%",
+	overflow: "auto"
+}), F = h("table")(({ theme: e }) => ({
+	borderSpacing: 0,
+	marginBottom: e.spacing(2),
+	borderRadius: "4px",
+	color: d.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: d.secondaryBackground(),
+		verticalAlign: "bottom"
+	},
+	"& th div": { width: "200px" },
+	"& td": {
+		width: "200px",
+		padding: `${e.spacing(2)} ${e.spacing(1)}`,
+		verticalAlign: "top"
+	}
+})), I = h("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", {
+	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
+});
+z.propTypes = {
+	show: k.default.bool,
+	onClick: k.default.func,
+	extraStyles: k.default.object,
+	children: k.default.object
+};
+var B = class extends w.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: i, showPointsLabels: a, showStandards: o, arrowsDisabled: s } = this.props, { excludeZero: c, maxPoints: l, traitLabel: u, traits: f, scorePointsLabels: p } = n || {}, h = [], _, v, y;
+		try {
+			for (let e = l; +(e >= c); --e) h.push(e);
+			let { traitStandards: e, traitDescriptions: t } = f.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;
+		} catch {
+			_ = !1, v = !1, y = !1;
+		}
+		return /* @__PURE__ */ D(N, { children: [
+			/* @__PURE__ */ E(z, {
+				show: t && !s,
+				onClick: this.scrollLeft,
+				extraStyles: {
+					left: 0,
+					background: `linear-gradient(to right, white, ${d.background()})`
+				},
+				children: /* @__PURE__ */ E(g, {})
+			}),
+			/* @__PURE__ */ D(P, {
+				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: [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) => {
+						let n = "";
+						try {
+							n = p[h.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, {
+					trait: e,
+					traitIndex: t,
+					showDescription: !!_,
+					showStandards: !!y,
+					scaleIndex: r,
+					scorePointsValues: h,
+					excludeZero: c
+				}, `trait_${r}_${t}`)) })] }, `scale-${r}`)]
+			}),
+			/* @__PURE__ */ E(z, {
+				show: e && !s,
+				onClick: this.scrollRight,
+				extraStyles: {
+					right: 0,
+					background: `linear-gradient(to left, white, ${d.background()})`
+				},
+				children: /* @__PURE__ */ E(m, {})
+			})
+		] });
+	}
+};
+B.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 V(e) {
+	return y("MuiLink", e);
+}
+var H = o("MuiLink", [
+	"root",
+	"underlineNone",
+	"underlineHover",
+	"underlineAlways",
+	"button",
+	"focusVisible"
+]), 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;
+		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);
+}, W = {
+	primary: !0,
+	secondary: !0,
+	error: !0,
+	info: !0,
+	success: !0,
+	warning: !0,
+	textPrimary: !0,
+	textSecondary: !0,
+	textDisabled: !0
+}, G = (e) => {
+	let { classes: t, component: n, focusVisible: r, underline: a } = e;
+	return c({ root: [
+		"root",
+		`underline${i(a)}`,
+		n === "button" && "button",
+		r && "focusVisible"
+	] }, V, t);
+}, K = h(_, {
+	name: "MuiLink",
+	slot: "Root",
+	overridesResolver: (e, t) => {
+		let { ownerState: n } = e;
+		return [
+			t.root,
+			t[`underline${i(n.underline)}`],
+			n.component === "button" && t.button
+		];
+	}
+})(r(({ 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(x()).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" },
+			[`&.${H.focusVisible}`]: { outline: "auto" }
+		}
+	}
+] }))), q = /*#__PURE__*/ C.forwardRef(function(t, n) {
+	let r = v({
+		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) => {
+		e(t.target) || _(!1), c && c(t);
+	}, b = (t) => {
+		e(t.target) && _(!0), l && l(t);
+	}, x = {
+		...r,
+		color: o,
+		component: s,
+		focusVisible: g,
+		underline: d,
+		variant: f
+	};
+	return /*#__PURE__*/ E(K, {
+		color: o,
+		className: S(G(x).root, a),
+		classes: u,
+		component: s,
+		onBlur: y,
+		onFocus: b,
+		ref: n,
+		ownerState: x,
+		variant: f,
+		...h,
+		sx: [...W[o] === void 0 ? [{ color: o }] : [], ...Array.isArray(m) ? m : [m]],
+		style: {
+			...h.style,
+			...d === "always" && o !== "inherit" && !W[o] && { "--Link-underlineColor": U({
+				theme: i,
+				ownerState: x
+			}) }
+		}
+	});
+});
+//#endregion
+//#region src/delivery/main.tsx
+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(a, "UiLayout") || Y(ee.UiLayout, "UiLayout"), Z = u, Q = Z.default, ee = Q && typeof Q == "object" ? Q : Z, $ = class extends w.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: 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, {
+			extraCSSRules: r,
+			style: {
+				fontFamily: "Cerebri Sans",
+				color: d.text(),
+				backgroundColor: d.background()
+			},
+			children: [i ? /* @__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(B, {
+				scale: e,
+				scaleIndex: t,
+				showPointsLabels: s,
+				showDescription: c,
+				showStandards: l,
+				arrowsDisabled: u
+			}, `scale_${t}`))]
+		});
+		return n ? f : /* @__PURE__ */ D(X, {
+			extraCSSRules: r,
+			style: {
+				color: d.text(),
+				backgroundColor: d.background()
+			},
+			children: [/* @__PURE__ */ D(q, {
+				style: { backgroundColor: d.background() },
+				href: this.dudUrl,
+				onClick: this.toggleRubric,
+				children: [this.state.linkPrefix, " Rubric"]
+			}), /* @__PURE__ */ E(t, {
+				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 src/delivery/index.ts
+var te = class extends HTMLElement {
+	constructor() {
+		super(), this._model = {}, this._session = null, this._root = null;
+	}
+	set model(e) {
+		this._model = e, this.dispatchEvent(new O(this.tagName.toLowerCase(), this._session, !!this._model)), this._render();
+	}
+	set session(e) {
+		this._session = e;
+	}
+	get session() {
+		return this._session;
+	}
+	connectedCallback() {
+		this._render();
+	}
+	_render() {
+		let e = w.createElement($, {
+			model: this._model,
+			session: this._session
+		});
+		this._root ||= T(this), this._root.render(e), queueMicrotask(() => {
+			b(this);
+		});
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { te as default };
+
+//# sourceMappingURL=index.js.map