@pie-element/rubric 9.0.2-next.20261007003844 → 9.0.2

package/dist/browser/editor-runtime/main-CMlBnpUH.js

@@ -0,0 +1,150 @@
+import { m as e } from "./speech-worker-CP5P4gRS-OkQyXQak.js";
+import { G as t, K as n, M as r, N as i, _ as a, at as o, f as s, j as c, t as l, wt as u, x as d } from "./dist-Bm0QsrTD.js";
+import f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/delivery/main.tsx
+var h = /* @__PURE__ */ e(u(), 1);
+function g(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function _(e, t) {
+	return !e || g(e) ? e : g(e.default) ? e.default : t && g(e[t]) ? e[t] : t && g(e[t]?.default) ? e[t].default : e;
+}
+var v = _(s, "UiLayout") || _(x.UiLayout, "UiLayout"), y = l, b = y.default, x = b && typeof b == "object" ? b : y, { translator: S } = a, C = o(v)({
+	color: r.text(),
+	backgroundColor: r.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"
+	}
+}), w = o(n)({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "flex-start",
+	padding: "12px 0px"
+}), T = o("div")({ color: r.text() }), E = o("h3")({
+	color: r.text(),
+	fontSize: "16px",
+	fontWeight: "700",
+	margin: 0,
+	paddingBottom: "6px"
+}), D = o("h4")({
+	color: r.text(),
+	fontSize: "16px",
+	fontWeight: "normal",
+	margin: 0,
+	paddingBottom: "6px"
+}), O = o("button")(({ theme: e }) => ({
+	display: "flex",
+	alignItems: "center",
+	width: "100%",
+	padding: 0,
+	border: 0,
+	background: "transparent",
+	font: "inherit",
+	textAlign: "inherit",
+	cursor: "pointer",
+	userSelect: "none",
+	fontSize: e.typography.fontSize,
+	fontWeight: "500",
+	color: r.tertiary(),
+	margin: 0,
+	minHeight: 24
+})), k = o("span")({
+	display: "inline-flex",
+	transition: "transform 0.2s",
+	marginLeft: 2,
+	alignSelf: "center"
+}), A = o("h2")({
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: 0,
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0,0,0,0)",
+	border: 0,
+	whiteSpace: "nowrap"
+}), j = h.default.shape({
+	excludeZero: h.default.bool,
+	points: h.default.arrayOf(h.default.string),
+	sampleAnswers: h.default.arrayOf(h.default.string),
+	animationsDisabled: h.default.bool
+}), M = class extends f.Component {
+	dudUrl = "javascript:;";
+	idPrefix = d("rubric");
+	constructor(e) {
+		super(e), this.state = { rubricOpen: !1 }, this.toggleRubric = this.toggleRubric.bind(this);
+	}
+	static propTypes = {
+		model: h.default.object.isRequired,
+		animationsDisabled: h.default.bool,
+		value: j
+	};
+	toggleRubric() {
+		this.setState({ rubricOpen: !this.state.rubricOpen });
+	}
+	shouldRenderPoint = (e, t) => !t.excludeZero || e !== 0;
+	render() {
+		let { model: e, value: n } = this.props, { animationsDisabled: r } = this.props;
+		if (r ||= n.animationsDisabled, n && n.points) {
+			let { extraCSSRules: a } = e || {}, { points: o, sampleAnswers: s } = n, l = /* @__PURE__ */ p(t, { children: o.slice(0).reverse().map((e, t) => {
+				t = o.length - t - 1;
+				let r = n.excludeZero ? t + 1 : t;
+				return /* @__PURE__ */ m(f.Fragment, { children: [/* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(E, { children: r === 1 ? `${r} PT` : `${r} PTS` }), /* @__PURE__ */ p(T, { dangerouslySetInnerHTML: { __html: c(e) } })] }, `P${t}`), s && s[t] && /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(D, { children: "Sample Answer" }), /* @__PURE__ */ p(T, { dangerouslySetInnerHTML: { __html: c(s[t]) } })] }, `S${t}`)] }, t);
+			}) });
+			return /* @__PURE__ */ m(C, {
+				extraCSSRules: a,
+				children: [/* @__PURE__ */ p(A, { children: S.t("rubric.rubric", { lng: n.language }) }), r ? l : /* @__PURE__ */ m(f.Fragment, { children: [/* @__PURE__ */ m(O, {
+					type: "button",
+					id: `${this.idPrefix}-toggle`,
+					"aria-expanded": this.state.rubricOpen,
+					"aria-controls": `${this.idPrefix}-content`,
+					onClick: this.toggleRubric,
+					children: [S.t(this.state.rubricOpen ? "rubric.hideRubric" : "rubric.showRubric", { lng: n.language }), /* @__PURE__ */ p(k, {
+						"aria-hidden": "true",
+						children: this.state.rubricOpen ? /* @__PURE__ */ p("svg", {
+							width: "20",
+							height: "20",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ p("polyline", { points: "18 15 12 9 6 15" })
+						}) : /* @__PURE__ */ p("svg", {
+							width: "20",
+							height: "20",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ p("polyline", { points: "6 9 12 15 18 9" })
+						})
+					})]
+				}), /* @__PURE__ */ p(i, {
+					id: `${this.idPrefix}-content`,
+					in: this.state.rubricOpen,
+					timeout: {
+						enter: 225,
+						exit: 195
+					},
+					children: l
+				})] })]
+			});
+		} else return null;
+	}
+};
+//#endregion
+export { M as t };
+
+//# sourceMappingURL=main-CMlBnpUH.js.map

package/dist/browser/editor-runtime/main-CMlBnpUH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-CMlBnpUH.js","names":[],"sources":["../../../src/delivery/main.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport Collapse from '@mui/material/Collapse';\nimport { color, createUniqueId, UiLayout as UiLayoutImport } from '@pie-lib/render-ui';\n\nfunction isRenderableReactInteropType(value: any) {\n  return (\n    typeof value === 'function' ||\n    (typeof value === 'object' && value !== null && typeof value.$$typeof === 'symbol')\n  );\n}\n\nfunction unwrapReactInteropSymbol(maybeSymbol: any, namedExport?: string) {\n  if (!maybeSymbol) return maybeSymbol;\n  if (isRenderableReactInteropType(maybeSymbol)) return maybeSymbol;\n  if (isRenderableReactInteropType(maybeSymbol.default)) return maybeSymbol.default;\n  if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport])) {\n    return maybeSymbol[namedExport];\n  }\n  if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport]?.default)) {\n    return maybeSymbol[namedExport].default;\n  }\n  return maybeSymbol;\n}\nconst UiLayout = unwrapReactInteropSymbol(UiLayoutImport, 'UiLayout') || unwrapReactInteropSymbol(renderUi.UiLayout, 'UiLayout');\nimport * as RenderUiNamespace from '@pie-lib/render-ui';\nconst renderUiNamespaceAny = RenderUiNamespace as any;\nconst renderUiDefaultMaybe = renderUiNamespaceAny['default'];\nconst renderUi =\n  renderUiDefaultMaybe && typeof renderUiDefaultMaybe === 'object'\n    ? renderUiDefaultMaybe\n    : renderUiNamespaceAny;\nimport PropTypes from 'prop-types';\nimport Translator from '@pie-lib/translator';\nimport { sanitizeModelHtml } from '@pie-element/shared-utils';\n\nconst { translator } = Translator;\n\nconst StyledUiLayout: any = styled(UiLayout)({\n  color: color.text(),\n  backgroundColor: color.background(),\n  // apply styles to tables to match the rest of the UI\n  '&:not(.MathJax) table': {\n    borderCollapse: 'collapse',\n  },\n  '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n    padding: '8px 12px',\n    textAlign: 'left',\n  },\n  // reset paragraph margins and line-height inside lists to override client styles\n  '& ul p, & ol p': {\n    marginBottom: 0,\n    marginTop: 0,\n    lineHeight: 'normal',\n  },\n});\n\nconst StyledListItem: any = styled(ListItem)({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  padding: '12px 0px',\n});\n\nconst Text: any = styled('div')({\n  color: color.text(),\n});\n\nconst TitleText: any = styled('h3')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: '700',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\nconst SampleTitleText: any = styled('h4')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: 'normal',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\n// A native button handles Enter and Space without scrolling the page; the resets drop the\n// browser's button chrome and keep it full width.\nconst RubricToggle: any = styled('button')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  width: '100%',\n  padding: 0,\n  border: 0,\n  background: 'transparent',\n  font: 'inherit',\n  textAlign: 'inherit',\n  cursor: 'pointer',\n  userSelect: 'none',\n  fontSize: theme.typography.fontSize,\n  fontWeight: '500',\n  color: color.tertiary(),\n  margin: 0,\n  minHeight: 24,\n}));\n\nconst ChevronStyle: any = styled('span')({\n  display: 'inline-flex',\n  transition: 'transform 0.2s',\n  marginLeft: 2,\n  alignSelf: 'center',\n});\n\nconst HiddenScreenReader: any = styled('h2')({\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0,0,0,0)',\n  border: 0,\n  whiteSpace: 'nowrap',\n});\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n  animationsDisabled: PropTypes.bool,\n});\n\nclass Rubric extends React.Component {\n  dudUrl = 'javascript:;';\n  idPrefix = createUniqueId('rubric');\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n    };\n    this.toggleRubric = this.toggleRubric.bind(this);\n  }\n\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    animationsDisabled: PropTypes.bool,\n    value: RubricType,\n  };\n\n  toggleRubric() {\n    this.setState({ rubricOpen: !this.state.rubricOpen });\n  }\n\n  shouldRenderPoint: any = (index, value) => {\n    if (!value.excludeZero) {\n      return true;\n    } else {\n      return index !== 0;\n    }\n  };\n\n  render() {\n    const { model, value } = this.props;\n    let { animationsDisabled } = this.props;\n    animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n    if (value && value.points) {\n      const { extraCSSRules } = model || {};\n      const { points, sampleAnswers } = value;\n\n      const rubricList = (\n        <List>\n          {points\n            .slice(0)\n            .reverse()\n            .map((desc, index) => {\n              index = points.length - index - 1;\n              const pointsLabel = value.excludeZero ? index + 1 : index;\n\n              return (\n                <React.Fragment key={index}>\n                  <StyledListItem key={`P${index}`}>\n                    <TitleText>\n                      {pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}\n                    </TitleText>\n                    <Text dangerouslySetInnerHTML={{ __html: sanitizeModelHtml(desc) }} />\n                  </StyledListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <StyledListItem key={`S${index}`}>\n                      <SampleTitleText>\n                        Sample Answer\n                      </SampleTitleText>\n                      <Text dangerouslySetInnerHTML={{ __html: sanitizeModelHtml(sampleAnswers[index]) }} />\n                    </StyledListItem>\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </List>\n      );\n\n      return (\n        <StyledUiLayout extraCSSRules={extraCSSRules}>\n          {/* screen reader only heading for navigation as per PD-5057 */}\n          <HiddenScreenReader>{translator.t('rubric.rubric', { lng: value.language })}</HiddenScreenReader>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <RubricToggle\n                type=\"button\"\n                id={`${this.idPrefix}-toggle`}\n                aria-expanded={this.state.rubricOpen}\n                aria-controls={`${this.idPrefix}-content`}\n                onClick={this.toggleRubric}\n              >\n                {translator.t(this.state.rubricOpen ? 'rubric.hideRubric' : 'rubric.showRubric', {\n                  lng: value.language,\n                })}\n                <ChevronStyle aria-hidden=\"true\">\n                  {this.state.rubricOpen ? (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"18 15 12 9 6 15\"></polyline>\n                    </svg>\n                  ) : (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"></polyline>\n                    </svg>\n                  )}\n                </ChevronStyle>\n              </RubricToggle>\n              <Collapse\n                id={`${this.idPrefix}-content`}\n                in={this.state.rubricOpen}\n                timeout={{ enter: 225, exit: 195 }}\n              >\n                {rubricList}\n              </Collapse>\n            </React.Fragment>\n          ) : (\n            rubricList\n          )}\n        </StyledUiLayout>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nexport default Rubric;\n"],"mappings":"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"}

package/dist/browser/editor-runtime/print/index.js

@@ -1,6 +1,6 @@
 import { m as e } from "../speech-worker-CP5P4gRS-OkQyXQak.js";
-import { S as t, v as n } from "../dist-DoJ97vep.js";
-import { t as r } from "../main-BvWtvcxv.js";
+import { S as t, v as n } from "../dist-Bm0QsrTD.js";
+import { t as r } from "../main-CMlBnpUH.js";
 import { o as i } from "../dist-nY_63J99.js";
 import a from "react";
 import { createRoot as o } from "react-dom/client";

package/dist/browser/main-BKBrG5xT.js

@@ -0,0 +1,150 @@
+import { p as e } from "./speech-worker-CP5P4gRS-G4rtBs8u.js";
+import { G as t, K as n, M as r, N as i, _ as a, at as o, f as s, j as c, t as l, wt as u, x as d } from "./dist-V9RU7-eN.js";
+import f from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/delivery/main.tsx
+var h = /* @__PURE__ */ e(u(), 1);
+function g(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function _(e, t) {
+	return !e || g(e) ? e : g(e.default) ? e.default : t && g(e[t]) ? e[t] : t && g(e[t]?.default) ? e[t].default : e;
+}
+var v = _(s, "UiLayout") || _(x.UiLayout, "UiLayout"), y = l, b = y.default, x = b && typeof b == "object" ? b : y, { translator: S } = a, C = o(v)({
+	color: r.text(),
+	backgroundColor: r.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"
+	}
+}), w = o(n)({
+	display: "flex",
+	flexDirection: "column",
+	alignItems: "flex-start",
+	padding: "12px 0px"
+}), T = o("div")({ color: r.text() }), E = o("h3")({
+	color: r.text(),
+	fontSize: "16px",
+	fontWeight: "700",
+	margin: 0,
+	paddingBottom: "6px"
+}), D = o("h4")({
+	color: r.text(),
+	fontSize: "16px",
+	fontWeight: "normal",
+	margin: 0,
+	paddingBottom: "6px"
+}), O = o("button")(({ theme: e }) => ({
+	display: "flex",
+	alignItems: "center",
+	width: "100%",
+	padding: 0,
+	border: 0,
+	background: "transparent",
+	font: "inherit",
+	textAlign: "inherit",
+	cursor: "pointer",
+	userSelect: "none",
+	fontSize: e.typography.fontSize,
+	fontWeight: "500",
+	color: r.tertiary(),
+	margin: 0,
+	minHeight: 24
+})), k = o("span")({
+	display: "inline-flex",
+	transition: "transform 0.2s",
+	marginLeft: 2,
+	alignSelf: "center"
+}), A = o("h2")({
+	position: "absolute",
+	width: "1px",
+	height: "1px",
+	padding: 0,
+	margin: "-1px",
+	overflow: "hidden",
+	clip: "rect(0,0,0,0)",
+	border: 0,
+	whiteSpace: "nowrap"
+}), j = h.default.shape({
+	excludeZero: h.default.bool,
+	points: h.default.arrayOf(h.default.string),
+	sampleAnswers: h.default.arrayOf(h.default.string),
+	animationsDisabled: h.default.bool
+}), M = class extends f.Component {
+	dudUrl = "javascript:;";
+	idPrefix = d("rubric");
+	constructor(e) {
+		super(e), this.state = { rubricOpen: !1 }, this.toggleRubric = this.toggleRubric.bind(this);
+	}
+	static propTypes = {
+		model: h.default.object.isRequired,
+		animationsDisabled: h.default.bool,
+		value: j
+	};
+	toggleRubric() {
+		this.setState({ rubricOpen: !this.state.rubricOpen });
+	}
+	shouldRenderPoint = (e, t) => !t.excludeZero || e !== 0;
+	render() {
+		let { model: e, value: n } = this.props, { animationsDisabled: r } = this.props;
+		if (r ||= n.animationsDisabled, n && n.points) {
+			let { extraCSSRules: a } = e || {}, { points: o, sampleAnswers: s } = n, l = /* @__PURE__ */ p(t, { children: o.slice(0).reverse().map((e, t) => {
+				t = o.length - t - 1;
+				let r = n.excludeZero ? t + 1 : t;
+				return /* @__PURE__ */ m(f.Fragment, { children: [/* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(E, { children: r === 1 ? `${r} PT` : `${r} PTS` }), /* @__PURE__ */ p(T, { dangerouslySetInnerHTML: { __html: c(e) } })] }, `P${t}`), s && s[t] && /* @__PURE__ */ m(w, { children: [/* @__PURE__ */ p(D, { children: "Sample Answer" }), /* @__PURE__ */ p(T, { dangerouslySetInnerHTML: { __html: c(s[t]) } })] }, `S${t}`)] }, t);
+			}) });
+			return /* @__PURE__ */ m(C, {
+				extraCSSRules: a,
+				children: [/* @__PURE__ */ p(A, { children: S.t("rubric.rubric", { lng: n.language }) }), r ? l : /* @__PURE__ */ m(f.Fragment, { children: [/* @__PURE__ */ m(O, {
+					type: "button",
+					id: `${this.idPrefix}-toggle`,
+					"aria-expanded": this.state.rubricOpen,
+					"aria-controls": `${this.idPrefix}-content`,
+					onClick: this.toggleRubric,
+					children: [S.t(this.state.rubricOpen ? "rubric.hideRubric" : "rubric.showRubric", { lng: n.language }), /* @__PURE__ */ p(k, {
+						"aria-hidden": "true",
+						children: this.state.rubricOpen ? /* @__PURE__ */ p("svg", {
+							width: "20",
+							height: "20",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ p("polyline", { points: "18 15 12 9 6 15" })
+						}) : /* @__PURE__ */ p("svg", {
+							width: "20",
+							height: "20",
+							viewBox: "0 0 24 24",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							children: /* @__PURE__ */ p("polyline", { points: "6 9 12 15 18 9" })
+						})
+					})]
+				}), /* @__PURE__ */ p(i, {
+					id: `${this.idPrefix}-content`,
+					in: this.state.rubricOpen,
+					timeout: {
+						enter: 225,
+						exit: 195
+					},
+					children: l
+				})] })]
+			});
+		} else return null;
+	}
+};
+//#endregion
+export { M as t };
+
+//# sourceMappingURL=main-BKBrG5xT.js.map

package/dist/browser/main-BKBrG5xT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-BKBrG5xT.js","names":[],"sources":["../../src/delivery/main.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport ListItem from '@mui/material/ListItem';\nimport List from '@mui/material/List';\nimport Collapse from '@mui/material/Collapse';\nimport { color, createUniqueId, UiLayout as UiLayoutImport } from '@pie-lib/render-ui';\n\nfunction isRenderableReactInteropType(value: any) {\n  return (\n    typeof value === 'function' ||\n    (typeof value === 'object' && value !== null && typeof value.$$typeof === 'symbol')\n  );\n}\n\nfunction unwrapReactInteropSymbol(maybeSymbol: any, namedExport?: string) {\n  if (!maybeSymbol) return maybeSymbol;\n  if (isRenderableReactInteropType(maybeSymbol)) return maybeSymbol;\n  if (isRenderableReactInteropType(maybeSymbol.default)) return maybeSymbol.default;\n  if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport])) {\n    return maybeSymbol[namedExport];\n  }\n  if (namedExport && isRenderableReactInteropType(maybeSymbol[namedExport]?.default)) {\n    return maybeSymbol[namedExport].default;\n  }\n  return maybeSymbol;\n}\nconst UiLayout = unwrapReactInteropSymbol(UiLayoutImport, 'UiLayout') || unwrapReactInteropSymbol(renderUi.UiLayout, 'UiLayout');\nimport * as RenderUiNamespace from '@pie-lib/render-ui';\nconst renderUiNamespaceAny = RenderUiNamespace as any;\nconst renderUiDefaultMaybe = renderUiNamespaceAny['default'];\nconst renderUi =\n  renderUiDefaultMaybe && typeof renderUiDefaultMaybe === 'object'\n    ? renderUiDefaultMaybe\n    : renderUiNamespaceAny;\nimport PropTypes from 'prop-types';\nimport Translator from '@pie-lib/translator';\nimport { sanitizeModelHtml } from '@pie-element/shared-utils';\n\nconst { translator } = Translator;\n\nconst StyledUiLayout: any = styled(UiLayout)({\n  color: color.text(),\n  backgroundColor: color.background(),\n  // apply styles to tables to match the rest of the UI\n  '&:not(.MathJax) table': {\n    borderCollapse: 'collapse',\n  },\n  '&:not(.MathJax) table td, &:not(.MathJax) table th': {\n    padding: '8px 12px',\n    textAlign: 'left',\n  },\n  // reset paragraph margins and line-height inside lists to override client styles\n  '& ul p, & ol p': {\n    marginBottom: 0,\n    marginTop: 0,\n    lineHeight: 'normal',\n  },\n});\n\nconst StyledListItem: any = styled(ListItem)({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: 'flex-start',\n  padding: '12px 0px',\n});\n\nconst Text: any = styled('div')({\n  color: color.text(),\n});\n\nconst TitleText: any = styled('h3')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: '700',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\nconst SampleTitleText: any = styled('h4')({\n  color: color.text(),\n  fontSize: '16px',\n  fontWeight: 'normal',\n  margin: 0,\n  paddingBottom: '6px',\n});\n\n// A native button handles Enter and Space without scrolling the page; the resets drop the\n// browser's button chrome and keep it full width.\nconst RubricToggle: any = styled('button')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  width: '100%',\n  padding: 0,\n  border: 0,\n  background: 'transparent',\n  font: 'inherit',\n  textAlign: 'inherit',\n  cursor: 'pointer',\n  userSelect: 'none',\n  fontSize: theme.typography.fontSize,\n  fontWeight: '500',\n  color: color.tertiary(),\n  margin: 0,\n  minHeight: 24,\n}));\n\nconst ChevronStyle: any = styled('span')({\n  display: 'inline-flex',\n  transition: 'transform 0.2s',\n  marginLeft: 2,\n  alignSelf: 'center',\n});\n\nconst HiddenScreenReader: any = styled('h2')({\n  position: 'absolute',\n  width: '1px',\n  height: '1px',\n  padding: 0,\n  margin: '-1px',\n  overflow: 'hidden',\n  clip: 'rect(0,0,0,0)',\n  border: 0,\n  whiteSpace: 'nowrap',\n});\n\nexport const RubricType = PropTypes.shape({\n  excludeZero: PropTypes.bool,\n  points: PropTypes.arrayOf(PropTypes.string),\n  sampleAnswers: PropTypes.arrayOf(PropTypes.string),\n  animationsDisabled: PropTypes.bool,\n});\n\nclass Rubric extends React.Component {\n  dudUrl = 'javascript:;';\n  idPrefix = createUniqueId('rubric');\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n    };\n    this.toggleRubric = this.toggleRubric.bind(this);\n  }\n\n  static propTypes = {\n    model: PropTypes.object.isRequired,\n    animationsDisabled: PropTypes.bool,\n    value: RubricType,\n  };\n\n  toggleRubric() {\n    this.setState({ rubricOpen: !this.state.rubricOpen });\n  }\n\n  shouldRenderPoint: any = (index, value) => {\n    if (!value.excludeZero) {\n      return true;\n    } else {\n      return index !== 0;\n    }\n  };\n\n  render() {\n    const { model, value } = this.props;\n    let { animationsDisabled } = this.props;\n    animationsDisabled = animationsDisabled || value.animationsDisabled;\n\n    if (value && value.points) {\n      const { extraCSSRules } = model || {};\n      const { points, sampleAnswers } = value;\n\n      const rubricList = (\n        <List>\n          {points\n            .slice(0)\n            .reverse()\n            .map((desc, index) => {\n              index = points.length - index - 1;\n              const pointsLabel = value.excludeZero ? index + 1 : index;\n\n              return (\n                <React.Fragment key={index}>\n                  <StyledListItem key={`P${index}`}>\n                    <TitleText>\n                      {pointsLabel === 1 ? `${pointsLabel} PT` : `${pointsLabel} PTS`}\n                    </TitleText>\n                    <Text dangerouslySetInnerHTML={{ __html: sanitizeModelHtml(desc) }} />\n                  </StyledListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <StyledListItem key={`S${index}`}>\n                      <SampleTitleText>\n                        Sample Answer\n                      </SampleTitleText>\n                      <Text dangerouslySetInnerHTML={{ __html: sanitizeModelHtml(sampleAnswers[index]) }} />\n                    </StyledListItem>\n                  )}\n                </React.Fragment>\n              );\n            })}\n        </List>\n      );\n\n      return (\n        <StyledUiLayout extraCSSRules={extraCSSRules}>\n          {/* screen reader only heading for navigation as per PD-5057 */}\n          <HiddenScreenReader>{translator.t('rubric.rubric', { lng: value.language })}</HiddenScreenReader>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <RubricToggle\n                type=\"button\"\n                id={`${this.idPrefix}-toggle`}\n                aria-expanded={this.state.rubricOpen}\n                aria-controls={`${this.idPrefix}-content`}\n                onClick={this.toggleRubric}\n              >\n                {translator.t(this.state.rubricOpen ? 'rubric.hideRubric' : 'rubric.showRubric', {\n                  lng: value.language,\n                })}\n                <ChevronStyle aria-hidden=\"true\">\n                  {this.state.rubricOpen ? (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"18 15 12 9 6 15\"></polyline>\n                    </svg>\n                  ) : (\n                    <svg\n                      width=\"20\"\n                      height=\"20\"\n                      viewBox=\"0 0 24 24\"\n                      fill=\"none\"\n                      stroke=\"currentColor\"\n                      strokeWidth=\"2\"\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                    >\n                      <polyline points=\"6 9 12 15 18 9\"></polyline>\n                    </svg>\n                  )}\n                </ChevronStyle>\n              </RubricToggle>\n              <Collapse\n                id={`${this.idPrefix}-content`}\n                in={this.state.rubricOpen}\n                timeout={{ enter: 225, exit: 195 }}\n              >\n                {rubricList}\n              </Collapse>\n            </React.Fragment>\n          ) : (\n            rubricList\n          )}\n        </StyledUiLayout>\n      );\n    } else {\n      return null;\n    }\n  }\n}\n\nexport default Rubric;\n"],"mappings":"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"}

package/dist/browser/print/index.js

@@ -1,6 +1,6 @@
 import { p as e } from "../speech-worker-CP5P4gRS-G4rtBs8u.js";
-import { S as t, v as n } from "../dist-Das8lbco.js";
-import { t as r } from "../main-CKSQT8xs.js";
+import { S as t, v as n } from "../dist-V9RU7-eN.js";
+import { t as r } from "../main-BKBrG5xT.js";
 import { o as i } from "../dist-nY_63J99.js";
 import a from "react";
 import { createRoot as o } from "react-dom/client";

package/dist/delivery/main.js

@@ -8,14 +8,15 @@ import { UiLayout as o, color as s, createUniqueId as c } from "@pie-lib/render-
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import d from "prop-types";
 import f from "@pie-lib/translator";
+import { sanitizeModelHtml as p } from "@pie-element/shared-utils";
 //#region src/delivery/main.tsx
-function p(e) {
+function m(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function m(e, t) {
-	return !e || p(e) ? e : p(e.default) ? e.default : t && p(e[t]) ? e[t] : t && p(e[t]?.default) ? e[t].default : e;
+function h(e, t) {
+	return !e || m(e) ? e : m(e.default) ? e.default : t && m(e[t]) ? e[t] : t && m(e[t]?.default) ? e[t].default : e;
 }
-var h = m(o, "UiLayout") || m(v.UiLayout, "UiLayout"), g = a, _ = g.default, v = _ && typeof _ == "object" ? _ : g, { translator: y } = f, b = t(h)({
+var g = h(o, "UiLayout") || h(y.UiLayout, "UiLayout"), _ = a, v = _.default, y = v && typeof v == "object" ? v : _, { translator: b } = f, x = t(g)({
 	color: s.text(),
 	backgroundColor: s.background(),
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
@@ -28,24 +29,24 @@ var h = m(o, "UiLayout") || m(v.UiLayout, "UiLayout"), g = a, _ = g.default, v =
 		marginTop: 0,
 		lineHeight: "normal"
 	}
-}), x = t(n)({
+}), S = t(n)({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "flex-start",
 	padding: "12px 0px"
-}), S = t("div")({ color: s.text() }), C = t("h3")({
+}), C = t("div")({ color: s.text() }), w = t("h3")({
 	color: s.text(),
 	fontSize: "16px",
 	fontWeight: "700",
 	margin: 0,
 	paddingBottom: "6px"
-}), w = t("h4")({
+}), T = t("h4")({
 	color: s.text(),
 	fontSize: "16px",
 	fontWeight: "normal",
 	margin: 0,
 	paddingBottom: "6px"
-}), T = t("button")(({ theme: e }) => ({
+}), E = t("button")(({ theme: e }) => ({
 	display: "flex",
 	alignItems: "center",
 	width: "100%",
@@ -61,12 +62,12 @@ var h = m(o, "UiLayout") || m(v.UiLayout, "UiLayout"), g = a, _ = g.default, v =
 	color: s.tertiary(),
 	margin: 0,
 	minHeight: 24
-})), E = t("span")({
+})), D = t("span")({
 	display: "inline-flex",
 	transition: "transform 0.2s",
 	marginLeft: 2,
 	alignSelf: "center"
-}), D = t("h2")({
+}), O = t("h2")({
 	position: "absolute",
 	width: "1px",
 	height: "1px",
@@ -76,12 +77,12 @@ var h = m(o, "UiLayout") || m(v.UiLayout, "UiLayout"), g = a, _ = g.default, v =
 	clip: "rect(0,0,0,0)",
 	border: 0,
 	whiteSpace: "nowrap"
-}), O = d.shape({
+}), k = d.shape({
 	excludeZero: d.bool,
 	points: d.arrayOf(d.string),
 	sampleAnswers: d.arrayOf(d.string),
 	animationsDisabled: d.bool
-}), k = class extends e.Component {
+}), A = class extends e.Component {
 	dudUrl = "javascript:;";
 	idPrefix = c("rubric");
 	constructor(e) {
@@ -90,7 +91,7 @@ var h = m(o, "UiLayout") || m(v.UiLayout, "UiLayout"), g = a, _ = g.default, v =
 	static propTypes = {
 		model: d.object.isRequired,
 		animationsDisabled: d.bool,
-		value: O
+		value: k
 	};
 	toggleRubric() {
 		this.setState({ rubricOpen: !this.state.rubricOpen });
@@ -102,17 +103,17 @@ var h = m(o, "UiLayout") || m(v.UiLayout, "UiLayout"), g = a, _ = g.default, v =
 			let { extraCSSRules: o } = t || {}, { points: s, sampleAnswers: c } = n, d = /* @__PURE__ */ l(r, { children: s.slice(0).reverse().map((t, r) => {
 				r = s.length - r - 1;
 				let i = n.excludeZero ? r + 1 : r;
-				return /* @__PURE__ */ u(e.Fragment, { children: [/* @__PURE__ */ u(x, { children: [/* @__PURE__ */ l(C, { children: i === 1 ? `${i} PT` : `${i} PTS` }), /* @__PURE__ */ l(S, { dangerouslySetInnerHTML: { __html: t } })] }, `P${r}`), c && c[r] && /* @__PURE__ */ u(x, { children: [/* @__PURE__ */ l(w, { children: "Sample Answer" }), /* @__PURE__ */ l(S, { dangerouslySetInnerHTML: { __html: c[r] } })] }, `S${r}`)] }, r);
+				return /* @__PURE__ */ u(e.Fragment, { children: [/* @__PURE__ */ u(S, { children: [/* @__PURE__ */ l(w, { children: i === 1 ? `${i} PT` : `${i} PTS` }), /* @__PURE__ */ l(C, { dangerouslySetInnerHTML: { __html: p(t) } })] }, `P${r}`), c && c[r] && /* @__PURE__ */ u(S, { children: [/* @__PURE__ */ l(T, { children: "Sample Answer" }), /* @__PURE__ */ l(C, { dangerouslySetInnerHTML: { __html: p(c[r]) } })] }, `S${r}`)] }, r);
 			}) });
-			return /* @__PURE__ */ u(b, {
+			return /* @__PURE__ */ u(x, {
 				extraCSSRules: o,
-				children: [/* @__PURE__ */ l(D, { children: y.t("rubric.rubric", { lng: n.language }) }), a ? d : /* @__PURE__ */ u(e.Fragment, { children: [/* @__PURE__ */ u(T, {
+				children: [/* @__PURE__ */ l(O, { children: b.t("rubric.rubric", { lng: n.language }) }), a ? d : /* @__PURE__ */ u(e.Fragment, { children: [/* @__PURE__ */ u(E, {
 					type: "button",
 					id: `${this.idPrefix}-toggle`,
 					"aria-expanded": this.state.rubricOpen,
 					"aria-controls": `${this.idPrefix}-content`,
 					onClick: this.toggleRubric,
-					children: [y.t(this.state.rubricOpen ? "rubric.hideRubric" : "rubric.showRubric", { lng: n.language }), /* @__PURE__ */ l(E, {
+					children: [b.t(this.state.rubricOpen ? "rubric.hideRubric" : "rubric.showRubric", { lng: n.language }), /* @__PURE__ */ l(D, {
 						"aria-hidden": "true",
 						children: this.state.rubricOpen ? /* @__PURE__ */ l("svg", {
 							width: "20",
@@ -150,4 +151,4 @@ var h = m(o, "UiLayout") || m(v.UiLayout, "UiLayout"), g = a, _ = g.default, v =
 	}
 };
 //#endregion
-export { O as RubricType, k as default };
+export { k as RubricType, A as default };