@pie-element/rubric 8.1.2-next.1 → 8.1.2-next.11

package/dist/browser/{main-wvVb2SYi.js → main-Cwy1SrBq.js}

@@ -1,17 +1,18 @@
-import { H as e, O as t, V as n, f as r, k as i, rt as a, t as o, vt as s, wt as c } from "./dist-DESt1KeY.js";
+import { i as e } from "./rolldown-runtime-CWhphoD1.js";
+import { H as t, O as n, V as r, bt as i, f as a, k as o, t as s, tt as c } from "./dist-DxOJn-ON.js";
 import l from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/delivery/main.tsx
-var f = /* @__PURE__ */ c(s(), 1);
+var f = /* @__PURE__ */ e(i(), 1);
 function p(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;
 }
-var h = m(r, "UiLayout") || m(v.UiLayout, "UiLayout"), g = o, _ = g.default, v = _ && typeof _ == "object" ? _ : g, y = a(h)({
-	color: t.text(),
-	backgroundColor: t.background(),
+var h = m(a, "UiLayout") || m(v.UiLayout, "UiLayout"), g = s, _ = g.default, v = _ && typeof _ == "object" ? _ : g, y = c(h)({
+	color: n.text(),
+	backgroundColor: n.background(),
 	"&:not(.MathJax) table": { borderCollapse: "collapse" },
 	"&:not(.MathJax) table td, &:not(.MathJax) table th": {
 		padding: "8px 12px",
@@ -22,38 +23,38 @@ var h = m(r, "UiLayout") || m(v.UiLayout, "UiLayout"), g = o, _ = g.default, v =
 		marginTop: 0,
 		lineHeight: "normal"
 	}
-}), b = a(e)({
+}), b = c(t)({
 	display: "flex",
 	flexDirection: "column",
 	alignItems: "flex-start",
 	padding: "12px 0px"
-}), x = a("div")({ color: t.text() }), S = a("h3")({
-	color: t.text(),
+}), x = c("div")({ color: n.text() }), S = c("h3")({
+	color: n.text(),
 	fontSize: "16px",
 	fontWeight: "700",
 	margin: 0,
 	paddingBottom: "6px"
-}), C = a("h4")({
-	color: t.text(),
+}), C = c("h4")({
+	color: n.text(),
 	fontSize: "16px",
 	fontWeight: "normal",
 	margin: 0,
 	paddingBottom: "6px"
-}), w = a("h2")(({ theme: e }) => ({
+}), w = c("h2")(({ theme: e }) => ({
 	display: "flex",
 	alignItems: "center",
 	cursor: "pointer",
 	userSelect: "none",
 	fontSize: e.typography.fontSize,
 	fontWeight: "500",
-	color: t.tertiary(),
+	color: n.tertiary(),
 	margin: 0
-})), T = a("span")({
+})), T = c("span")({
 	display: "inline-flex",
 	transition: "transform 0.2s",
 	marginLeft: 2,
 	alignSelf: "center"
-}), E = a("h2")({
+}), E = c("h2")({
 	position: "absolute",
 	width: "1px",
 	height: "1px",
@@ -84,21 +85,21 @@ var h = m(r, "UiLayout") || m(v.UiLayout, "UiLayout"), g = o, _ = g.default, v =
 	toggleRubric() {
 		this.setState({ rubricOpen: !this.state.rubricOpen }), this.setState({ linkPrefix: this.state.rubricOpen ? "Show" : "Hide" });
 	}
-	shouldRenderPoint = (e, t) => t.excludeZero ? e !== 0 : !0;
+	shouldRenderPoint = (e, t) => !t.excludeZero || e !== 0;
 	render() {
-		let { model: e, value: t } = this.props, { animationsDisabled: r } = this.props;
-		if (r ||= t.animationsDisabled, t && t.points) {
-			let { extraCSSRules: a } = e || {}, { points: o, sampleAnswers: s } = t, c = /* @__PURE__ */ u(n, {
+		let { model: e, value: t } = this.props, { animationsDisabled: n } = this.props;
+		if (n ||= t.animationsDisabled, t && t.points) {
+			let { extraCSSRules: i } = e || {}, { points: a, sampleAnswers: s } = t, c = /* @__PURE__ */ u(r, {
 				component: "nav",
-				children: o.slice(0).reverse().map((e, n) => {
-					n = o.length - n - 1;
+				children: a.slice(0).reverse().map((e, n) => {
+					n = a.length - n - 1;
 					let r = t.excludeZero ? n + 1 : n;
 					return /* @__PURE__ */ d(l.Fragment, { children: [/* @__PURE__ */ d(b, { children: [/* @__PURE__ */ u(S, { children: r === 1 ? `${r} PT` : `${r} PTS` }), /* @__PURE__ */ u(x, { dangerouslySetInnerHTML: { __html: e } })] }, `P${n}`), s && s[n] && /* @__PURE__ */ d(b, { children: [/* @__PURE__ */ u(C, { children: "Sample Answer" }), /* @__PURE__ */ u(x, { dangerouslySetInnerHTML: { __html: s[n] } })] }, `S${n}`)] }, n);
 				})
 			});
 			return /* @__PURE__ */ d(y, {
-				extraCSSRules: a,
-				children: [/* @__PURE__ */ u(E, { children: "Rubric" }), r ? c : /* @__PURE__ */ d(l.Fragment, { children: [/* @__PURE__ */ d(w, {
+				extraCSSRules: i,
+				children: [/* @__PURE__ */ u(E, { children: "Rubric" }), n ? c : /* @__PURE__ */ d(l.Fragment, { children: [/* @__PURE__ */ d(w, {
 					id: "rubric-toggle",
 					tabIndex: 0,
 					role: "button",
@@ -135,7 +136,7 @@ var h = m(r, "UiLayout") || m(v.UiLayout, "UiLayout"), g = o, _ = g.default, v =
 							})
 						})
 					]
-				}), /* @__PURE__ */ u(i, {
+				}), /* @__PURE__ */ u(o, {
 					in: this.state.rubricOpen,
 					timeout: {
 						enter: 225,
@@ -150,4 +151,4 @@ var h = m(r, "UiLayout") || m(v.UiLayout, "UiLayout"), g = o, _ = g.default, v =
 //#endregion
 export { O as t };
 
-//# sourceMappingURL=main-wvVb2SYi.js.map
+//# sourceMappingURL=main-Cwy1SrBq.js.map

package/dist/browser/{main-wvVb2SYi.js.map → main-Cwy1SrBq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"main-wvVb2SYi.js","names":[],"sources":["../../src/delivery/main.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/rubric/src/main.jsx\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 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, 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';\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\nconst RubricToggle: any = styled('h2')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  cursor: 'pointer',\n  userSelect: 'none',\n  fontSize: theme.typography.fontSize,\n  fontWeight: '500',\n  color: color.tertiary(),\n  margin: 0,\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\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n      linkPrefix: 'Show',\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    this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\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 component=\"nav\">\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: desc }} />\n                  </StyledListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <StyledListItem key={`S${index}`}>\n                      <SampleTitleText>\n                        Sample Answer\n                      </SampleTitleText>\n                      <Text dangerouslySetInnerHTML={{ __html: 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>Rubric</HiddenScreenReader>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <RubricToggle\n                id={'rubric-toggle'}\n                tabIndex={0}\n                role=\"button\"\n                aria-expanded={this.state.rubricOpen}\n                onClick={this.toggleRubric}\n                onKeyPress={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n                }}\n              >\n                {this.state.linkPrefix} Rubric\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 in={this.state.rubricOpen} timeout={{ enter: 225, exit: 195 }}>\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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"}
+{"version":3,"file":"main-Cwy1SrBq.js","names":[],"sources":["../../src/delivery/main.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/rubric/src/main.jsx\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 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, 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';\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\nconst RubricToggle: any = styled('h2')(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  cursor: 'pointer',\n  userSelect: 'none',\n  fontSize: theme.typography.fontSize,\n  fontWeight: '500',\n  color: color.tertiary(),\n  margin: 0,\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\n  constructor(props) {\n    super(props);\n    this.state = {\n      rubricOpen: false,\n      linkPrefix: 'Show',\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    this.setState({ linkPrefix: this.state.rubricOpen ? 'Show' : 'Hide' });\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 component=\"nav\">\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: desc }} />\n                  </StyledListItem>\n\n                  {sampleAnswers && sampleAnswers[index] && (\n                    <StyledListItem key={`S${index}`}>\n                      <SampleTitleText>\n                        Sample Answer\n                      </SampleTitleText>\n                      <Text dangerouslySetInnerHTML={{ __html: 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>Rubric</HiddenScreenReader>\n          {!animationsDisabled ? (\n            <React.Fragment>\n              <RubricToggle\n                id={'rubric-toggle'}\n                tabIndex={0}\n                role=\"button\"\n                aria-expanded={this.state.rubricOpen}\n                onClick={this.toggleRubric}\n                onKeyPress={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') this.toggleRubric();\n                }}\n              >\n                {this.state.linkPrefix} Rubric\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 in={this.state.rubricOpen} timeout={{ enter: 225, exit: 195 }}>\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,15 +1,16 @@
-import { _ as e, wt as t, y as n } from "../dist-DESt1KeY.js";
-import { t as r } from "../main-wvVb2SYi.js";
-import { c as i } from "../dist-DnnL1HSL.js";
+import { i as e } from "../rolldown-runtime-CWhphoD1.js";
+import { _ as t, y as n } from "../dist-DxOJn-ON.js";
+import { t as r } from "../main-Cwy1SrBq.js";
+import { c as i } from "../dist-B8zq6W6A.js";
 import a from "react";
 import { createRoot as o } from "react-dom/client";
-var s = (0, (/* @__PURE__ */ t(n(), 1)).default)("pie-element:rubric:print"), c = (e, t) => t.role === "instructor" ? (e.value = { ...e }, e.mode = "evaluate", e.animationsDisabled = !0, e) : {}, l = class extends HTMLElement {
+var s = (0, (/* @__PURE__ */ e(n(), 1)).default)("pie-element:rubric:print"), c = (e, t) => t.role === "instructor" ? (e.value = { ...e }, e.mode = "evaluate", e.animationsDisabled = !0, e) : {}, l = class extends HTMLElement {
 	constructor() {
 		super(), this._options = null, this._model = null, this._session = [], this._root = null, this._rerender = i(() => {
 			if (this._model && this._session) {
-				let t = c(this._model, this._options), n = this._options && a.createElement(r, { ...t });
+				let e = c(this._model, this._options), n = this._options && a.createElement(r, { ...e });
 				this._root ||= o(this), this._root.render(n), queueMicrotask(() => {
-					s("render complete - render math"), e(this);
+					s("render complete - render math"), t(this);
 				});
 			} else s("skip");
 		}, 50, {

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/rubric/src/print.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 React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from '@pie-element/shared-lodash';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport debug from 'debug';\n\nconst log = debug('pie-element:rubric:print');\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  if (!instr) {\n    return {};\n  }\n\n  model.value = { ...model };\n  model.mode = 'evaluate';\n  model.animationsDisabled = true;\n\n  return model;\n};\n\nexport default class RubricPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              ...printModel,\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;AAiBA,IAAM,KAAA,IAAA,wBAAA,GAAA,SAAY,0BAA0B,GAEtC,KAAqB,GAAO,MAClB,EAAK,SAAS,gBAM5B,EAAM,QAAQ,EAAE,GAAG,EAAM,GACzB,EAAM,OAAO,YACb,EAAM,qBAAqB,IAEpB,KAPE,CAAC,GAUS,IAArB,cAAyC,YAAY;CACnD,cAAc;EAMZ,AALA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,UAAU;IAChC,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IACJ,KAAK,YACL,EAAM,cAAc,GAAM,EACxB,GAAG,EACL,CAAC;IAMH,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EACb,KAAK,WAAW;CAClB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB,CAAC;CAErB,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/print/index.tsx"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/rubric/src/print.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 React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { debounce } from '@pie-element/shared-lodash';\nimport Main from '../delivery/main.js';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\nimport debug from 'debug';\n\nconst log = debug('pie-element:rubric:print');\n\nconst preparePrintModel = (model, opts) => {\n  const instr = opts.role === 'instructor';\n\n  if (!instr) {\n    return {};\n  }\n\n  model.value = { ...model };\n  model.mode = 'evaluate';\n  model.animationsDisabled = true;\n\n  return model;\n};\n\nexport default class RubricPrint extends HTMLElement {\n  constructor() {\n    super();\n    this._options = null;\n    this._model = null;\n    this._session = [];\n    this._root = null;\n    this._rerender = debounce(\n      () => {\n        if (this._model && this._session) {\n          const printModel = preparePrintModel(this._model, this._options);\n\n          const element =\n            this._options &&\n            React.createElement(Main, {\n              ...printModel,\n            });\n\n          if (!this._root) {\n            this._root = createRoot(this);\n          }\n          this._root.render(element);\n          queueMicrotask(() => {\n            log('render complete - render math');\n            renderMath(this);\n          });\n        } else {\n          log('skip');\n        }\n      },\n      50,\n      { leading: false, trailing: true },\n    );\n  }\n  set options(o) {\n    this._options = o;\n  }\n\n  set model(s) {\n    this._model = s;\n    this._rerender();\n  }\n\n  connectedCallback() {}\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n    }\n  }\n}\n"],"mappings":";;;;;;AAiBA,IAAM,KAAA,IAAA,wBAAA,EAAA,CAAA,QAAA,CAAY,0BAA0B,GAEtC,KAAqB,GAAO,MAClB,EAAK,SAAS,gBAM5B,EAAM,QAAQ,EAAE,GAAG,EAAM,GACzB,EAAM,OAAO,YACb,EAAM,qBAAqB,IAEpB,KAPE,CAAC,GAUS,IAArB,cAAyC,YAAY;CACnD,cAAc;EAMZ,AALA,MAAM,GACN,KAAK,WAAW,MAChB,KAAK,SAAS,MACd,KAAK,WAAW,CAAC,GACjB,KAAK,QAAQ,MACb,KAAK,YAAY,QACT;GACJ,IAAI,KAAK,UAAU,KAAK,UAAU;IAChC,IAAM,IAAa,EAAkB,KAAK,QAAQ,KAAK,QAAQ,GAEzD,IACJ,KAAK,YACL,EAAM,cAAc,GAAM,EACxB,GAAG,EACL,CAAC;IAMH,AAJA,AACE,KAAK,UAAQ,EAAW,IAAI,GAE9B,KAAK,MAAM,OAAO,CAAO,GACzB,qBAAqB;KAEnB,AADA,EAAI,+BAA+B,GACnC,EAAW,IAAI;IACjB,CAAC;GACH,OACE,EAAI,MAAM;EAEd,GACA,IACA;GAAE,SAAS;GAAO,UAAU;EAAK,CACnC;CACF;CACA,IAAI,QAAQ,GAAG;EACb,KAAK,WAAW;CAClB;CAEA,IAAI,MAAM,GAAG;EAEX,AADA,KAAK,SAAS,GACd,KAAK,UAAU;CACjB;CAEA,oBAAoB,CAAC;CAErB,uBAAuB;EACrB,AAAI,KAAK,SACP,KAAK,MAAM,QAAQ;CAEvB;AACF"}

package/dist/browser/rolldown-runtime-CWhphoD1.js

@@ -0,0 +1,32 @@
+import * as __pieBrowserCjsReactRequire from "react";
+const __pieBrowserCjsRequire = (specifier) => {
+  switch (specifier) {
+    case "react": return __pieBrowserCjsReactRequire;
+    
+    
+    
+    
+    default:
+      throw new Error(`Unsupported browser CJS require: ${specifier}`);
+  }
+};
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, n) => {
+	let r = {};
+	for (var i in e) t(r, i, {
+		get: e[i],
+		enumerable: !0
+	});
+	return n || t(r, Symbol.toStringTag, { value: "Module" }), r;
+}, c = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, l = (n, r, a) => (a = n == null ? {} : e(i(n)), c(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), u = __pieBrowserCjsRequire;
+//#endregion
+export { l as i, s as n, u as r, o as t };

package/dist/delivery/index.d.ts

@@ -8,6 +8,9 @@
  */
 export default class RubricRender extends HTMLElement {
     constructor();
+    _scheduleMathRender: any;
+    _initMathObserver(): void;
+    _disconnectMathObserver(): void;
     set model(s: any);
     onModelChanged(m: any): void;
     connectedCallback(): void;

package/dist/delivery/index.js

@@ -6,7 +6,26 @@ import { renderMath as i } from "@pie-element/shared-math-rendering-mathjax";
 //#region src/delivery/index.ts
 var a = class extends HTMLElement {
 	constructor() {
-		super(), r.log("constructor called"), this.onModelChanged = this.onModelChanged.bind(this), this._root = null;
+		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(), i(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();
@@ -15,18 +34,17 @@ var a = class extends HTMLElement {
 		this._model = e, this._render();
 	}
 	connectedCallback() {
-		this._render();
+		this._initMathObserver(), this._render();
 	}
 	_render() {
 		if (this._model) {
+			this._initMathObserver();
 			let r = t.createElement(e, { value: this._model });
-			this._root ||= n(this), this._root.render(r), queueMicrotask(() => {
-				i(this);
-			});
+			this._root ||= n(this), this._root.render(r);
 		}
 	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._disconnectMathObserver(), this._root && this._root.unmount();
 	}
 };
 //#endregion

package/dist/delivery/main.js

@@ -89,7 +89,7 @@ var p = f(o, "UiLayout") || f(g.UiLayout, "UiLayout"), m = a, h = m.default, g =
 	toggleRubric() {
 		this.setState({ rubricOpen: !this.state.rubricOpen }), this.setState({ linkPrefix: this.state.rubricOpen ? "Show" : "Hide" });
 	}
-	shouldRenderPoint = (e, t) => t.excludeZero ? e !== 0 : !0;
+	shouldRenderPoint = (e, t) => !t.excludeZero || e !== 0;
 	render() {
 		let { model: t, value: n } = this.props, { animationsDisabled: a } = this.props;
 		if (a ||= n.animationsDisabled, n && n.points) {
@@ -153,4 +153,4 @@ var p = f(o, "UiLayout") || f(g.UiLayout, "UiLayout"), m = a, h = m.default, g =
 	}
 };
 //#endregion
-export { E as default };
+export { T as RubricType, E as default };