@pie-element/likert 5.0.2-next.20261007003844 → 5.0.2

package/dist/browser/delivery/index.js

@@ -1,37 +1,37 @@
-import { D as e, E as t, I as n, Lt as r, Mt as i, Pt as a, T as o, d as s, ht as c, i as l, o as u, t as d, y as f } from "../Radio-B59TK8RV.js";
-import p from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { createRoot as g } from "react-dom/client";
+import { D as e, E as t, Ft as n, I as r, Nt as i, Rt as a, T as o, d as s, gt as c, i as l, mt as u, o as d, t as f, y as p } from "../Radio-BPKfmFk7.js";
+import m from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { createRoot as _ } from "react-dom/client";
 //#region src/delivery/likertEntities.ts
-var _ = /* @__PURE__ */ r(a(), 1), v = {
+var v = /* @__PURE__ */ a(n(), 1), y = {
 	horizontal: "horizontal",
 	vertical: "vertical"
-}, y = c(d)({
+}, b = c(f)({
 	color: `var(--choice-input-color, ${i.text()})`,
 	"&.Mui-checked": { color: `var(--choice-input-selected-color, ${i.primary()})` },
 	"&.Mui-disabled": { color: `var(--choice-input-disabled-color, ${i.defaults.DISABLED})` }
-}), b = c("p")({
+}), x = c("p")({
 	color: i.text(),
 	textAlign: "center",
 	cursor: "pointer"
-}), x = c("div")({
+}), S = c("div")({
 	display: "flex",
 	alignItems: "center",
 	flex: 1,
 	padding: "0 5px",
 	"& label": {}
-}), S = c(l)({ margin: 0 }), C = class extends p.Component {
+}), C = c(l)({ margin: 0 }), w = class extends m.Component {
 	static propTypes = {
-		checked: _.default.bool.isRequired,
-		disabled: _.default.bool.isRequired,
-		label: _.default.string.isRequired,
-		likertOrientation: _.default.string.isRequired,
-		name: _.default.string,
-		onChange: _.default.func.isRequired,
-		value: _.default.number.isRequired
+		checked: v.default.bool.isRequired,
+		disabled: v.default.bool.isRequired,
+		label: v.default.string.isRequired,
+		likertOrientation: v.default.string.isRequired,
+		name: v.default.string,
+		onChange: v.default.func.isRequired,
+		value: v.default.number.isRequired
 	};
 	static defaultProps = { checked: !1 };
-	labelId = n("likert-choice-label");
+	labelId = r("likert-choice-label");
 	onToggleChoice = () => {
 		this.props.onChange({
 			value: this.props.value,
@@ -40,80 +40,80 @@ var _ = /* @__PURE__ */ r(a(), 1), v = {
 	};
 	render() {
 		let { disabled: e, label: t, checked: n, likertOrientation: r, name: i } = this.props;
-		return /* @__PURE__ */ h(x, {
-			style: { flexDirection: r === v.vertical ? "row" : "column" },
-			children: [/* @__PURE__ */ m(S, {
+		return /* @__PURE__ */ g(S, {
+			style: { flexDirection: r === y.vertical ? "row" : "column" },
+			children: [/* @__PURE__ */ h(C, {
 				disabled: e,
-				control: /* @__PURE__ */ m(y, {
+				control: /* @__PURE__ */ h(b, {
 					checked: n,
 					name: i,
 					onChange: this.onToggleChoice,
 					disabled: e,
 					slotProps: { input: { "aria-labelledby": this.labelId } }
 				})
-			}), /* @__PURE__ */ m(b, {
+			}), /* @__PURE__ */ h(x, {
 				id: this.labelId,
 				onClick: this.onToggleChoice,
-				dangerouslySetInnerHTML: { __html: t }
+				dangerouslySetInnerHTML: { __html: u(t) }
 			})]
 		});
 	}
 };
 //#endregion
 //#region src/delivery/likert.tsx
-function w(e) {
+function T(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function T(e, t) {
-	return !e || w(e) ? e : w(e.default) ? e.default : t && w(e[t]) ? e[t] : t && w(e[t]?.default) ? e[t].default : e;
+function E(e, t) {
+	return !e || T(e) ? e : T(e.default) ? e.default : t && T(e[t]) ? e[t] : t && T(e[t]?.default) ? e[t].default : e;
 }
-var E = T(s, "PreviewPrompt") || T(A.PreviewPrompt, "PreviewPrompt"), D = T(o, "Collapsible") || T(A.Collapsible, "Collapsible"), O = u, k = O.default, A = k && typeof k == "object" ? k : O, { translator: j } = t, M = c("div")({
+var D = E(s, "PreviewPrompt") || E(j.PreviewPrompt, "PreviewPrompt"), O = E(o, "Collapsible") || E(j.Collapsible, "Collapsible"), k = d, A = k.default, j = A && typeof A == "object" ? A : k, { translator: M } = t, N = c("div")({
 	color: i.text(),
 	backgroundColor: i.background(),
 	"& *": { "-webkit-font-smoothing": "antialiased" }
-}), N = c(D)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), P = c("div")(({ theme: e }) => ({
+}), P = c(O)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), F = c("div")(({ theme: e }) => ({
 	verticalAlign: "middle",
 	color: "var(--pie-primary-text, var(--pie-text, #000000))",
 	paddingBottom: e.spacing(2)
-})), F = c("div")({ display: "flex" }), I = class extends p.Component {
+})), I = c("div")({ display: "flex" }), L = class extends m.Component {
 	static propTypes = {
-		className: _.default.string,
-		choices: _.default.array,
-		prompt: _.default.string,
-		teacherInstructions: _.default.string,
-		language: _.default.string,
-		session: _.default.object,
-		disabled: _.default.bool.isRequired,
-		onSessionChange: _.default.func.isRequired,
-		likertOrientation: _.default.string.isRequired
+		className: v.default.string,
+		choices: v.default.array,
+		prompt: v.default.string,
+		teacherInstructions: v.default.string,
+		language: v.default.string,
+		session: v.default.object,
+		disabled: v.default.bool.isRequired,
+		onSessionChange: v.default.func.isRequired,
+		likertOrientation: v.default.string.isRequired
 	};
-	groupName = n("likert");
+	groupName = r("likert");
 	promptId = `${this.groupName}-prompt`;
 	UNSAFE_componentWillReceiveProps() {}
 	isSelected(e) {
 		return this.props.session && this.props.session.value === e;
 	}
 	render() {
-		let { disabled: e, choices: t = [], prompt: n, onSessionChange: r, teacherInstructions: i, className: a, likertOrientation: o, language: s } = this.props, c = o === v.vertical ? "column" : "row";
-		return /* @__PURE__ */ h(M, {
+		let { disabled: e, choices: t = [], prompt: n, onSessionChange: r, teacherInstructions: i, className: a, likertOrientation: o, language: s } = this.props, c = o === y.vertical ? "column" : "row";
+		return /* @__PURE__ */ g(N, {
 			className: a,
 			children: [
-				i && /* @__PURE__ */ m(N, {
+				i && /* @__PURE__ */ h(P, {
 					labels: {
-						hidden: j.t("common:showTeacherInstructions", { lng: s }),
-						visible: j.t("common:hideTeacherInstructions", { lng: s })
+						hidden: M.t("common:showTeacherInstructions", { lng: s }),
+						visible: M.t("common:hideTeacherInstructions", { lng: s })
 					},
-					children: /* @__PURE__ */ m(E, { prompt: i })
+					children: /* @__PURE__ */ h(D, { prompt: i })
 				}),
-				n && /* @__PURE__ */ m(P, {
+				n && /* @__PURE__ */ h(F, {
 					id: this.promptId,
-					children: /* @__PURE__ */ m(E, { prompt: n })
+					children: /* @__PURE__ */ h(D, { prompt: n })
 				}),
-				/* @__PURE__ */ m(F, {
+				/* @__PURE__ */ h(I, {
 					role: "radiogroup",
 					"aria-labelledby": n ? this.promptId : void 0,
 					style: { flexDirection: c },
-					children: t.map((t, n) => /* @__PURE__ */ m(C, {
+					children: t.map((t, n) => /* @__PURE__ */ h(w, {
 						label: t.label,
 						value: t.value,
 						name: this.groupName,
@@ -128,20 +128,20 @@ var E = T(s, "PreviewPrompt") || T(A.PreviewPrompt, "PreviewPrompt"), D = T(o, "
 		});
 	}
 };
-I.defaultProps = { session: { value: [] } };
+L.defaultProps = { session: { value: [] } };
 //#endregion
 //#region src/delivery/main.tsx
-function L(e) {
+function R(e) {
 	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
 }
-function R(e, t) {
-	return !e || L(e) ? e : L(e.default) ? e.default : t && L(e[t]) ? e[t] : t && L(e[t]?.default) ? e[t].default : e;
+function z(e, t) {
+	return !e || R(e) ? e : R(e.default) ? e.default : t && R(e[t]) ? e[t] : t && R(e[t]?.default) ? e[t].default : e;
 }
-var z = R(f, "PreviewLayout") || R(H.PreviewLayout, "PreviewLayout"), B = u, V = B.default, H = V && typeof V == "object" ? V : B, U = class extends p.Component {
+var B = z(p, "PreviewLayout") || z(U.PreviewLayout, "PreviewLayout"), V = d, H = V.default, U = H && typeof H == "object" ? H : V, W = class extends m.Component {
 	static propTypes = {
-		model: _.default.object,
-		session: _.default.object,
-		onSessionChange: _.default.func
+		model: v.default.object,
+		session: v.default.object,
+		onSessionChange: v.default.func
 	};
 	static defaultProps = {
 		model: {},
@@ -149,9 +149,9 @@ var z = R(f, "PreviewLayout") || R(H.PreviewLayout, "PreviewLayout"), B = u, V =
 	};
 	render() {
 		let { model: e, onSessionChange: t, session: n } = this.props, { extraCSSRules: r } = e;
-		return /* @__PURE__ */ m(z, {
+		return /* @__PURE__ */ h(B, {
 			extraCSSRules: r,
-			children: /* @__PURE__ */ m(I, {
+			children: /* @__PURE__ */ h(L, {
 				...e,
 				session: n,
 				onSessionChange: t
@@ -175,7 +175,7 @@ var z = R(f, "PreviewLayout") || R(H.PreviewLayout, "PreviewLayout"), B = u, V =
 		}), this.component = t, this.complete = n;
 	}
 });
-var W = class e extends CustomEvent {
+var G = class e extends CustomEvent {
 	static {
 		this.TYPE = "session-changed";
 	}
@@ -189,7 +189,7 @@ var W = class e extends CustomEvent {
 			}
 		}), this.component = t, this.complete = n;
 	}
-}, G = (e) => !!(e && e.value && e.value.length), K = class extends HTMLElement {
+}, K = (e) => !!(e && e.value && e.value.length), q = class extends HTMLElement {
 	constructor() {
 		super(), this._root = null;
 	}
@@ -204,20 +204,20 @@ var W = class e extends CustomEvent {
 	}
 	sessionChanged(e) {
 		this._session.value = e.value;
-		let t = G(this._session, this._model);
-		this.dispatchEvent(new W(this.tagName.toLowerCase(), t)), this._render();
+		let t = K(this._session, this._model);
+		this.dispatchEvent(new G(this.tagName.toLowerCase(), t)), this._render();
 	}
 	connectedCallback() {
 		this._render();
 	}
 	_render() {
 		if (!this._model || !this._session) return;
-		let t = p.createElement(U, {
+		let t = m.createElement(W, {
 			model: this._model,
 			session: this._session,
 			onSessionChange: this.sessionChanged.bind(this)
 		});
-		this._root ||= g(this), this._root.render(t), queueMicrotask(() => {
+		this._root ||= _(this), this._root.render(t), queueMicrotask(() => {
 			e(this);
 		});
 	}
@@ -226,6 +226,6 @@ var W = class e extends CustomEvent {
 	}
 };
 //#endregion
-export { K as default, G as isComplete };
+export { q as default, K as isComplete };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/delivery/likertEntities.ts","../../../src/delivery/choice-input.tsx","../../../src/delivery/likert.tsx","../../../src/delivery/main.tsx","../../../../../shared/player-events/dist/index.js","../../../src/delivery/index.ts"],"sourcesContent":["// @ts-nocheck\n\nexport const LIKERT_ORIENTATION = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n};\n","// @ts-nocheck\n\nimport React from 'react';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nimport { color, createUniqueId } from '@pie-lib/render-ui';\nimport Radio from '@mui/material/Radio';\nimport { LIKERT_ORIENTATION } from './likertEntities.js';\n\nexport const RadioStyled: any = styled(Radio)({\n  color: `var(--choice-input-color, ${color.text()})`,\n  '&.Mui-checked': {\n    color: `var(--choice-input-selected-color, ${color.primary()})`,\n  },\n  '&.Mui-disabled': {\n    color: `var(--choice-input-disabled-color, ${color.defaults.DISABLED})`,\n  },\n});\n\nconst LabelRoot: any = styled('p')({\n  color: color.text(),\n  textAlign: 'center',\n  cursor: 'pointer',\n});\n\nconst CheckboxHolderRoot: any = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  flex: 1,\n  padding: '0 5px',\n  '& label': {},\n});\n\nconst StyledFormControlLabel: any = styled(FormControlLabel)({\n  margin: 0,\n});\n\nexport class ChoiceInput extends React.Component {\n  static propTypes = {\n    checked: PropTypes.bool.isRequired,\n    disabled: PropTypes.bool.isRequired,\n    label: PropTypes.string.isRequired,\n    likertOrientation: PropTypes.string.isRequired,\n    name: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.number.isRequired,\n  };\n\n  static defaultProps = {\n    checked: false,\n  };\n\n  // The visible label is a sibling of the radio, so the radio takes its name by reference.\n  labelId: string = createUniqueId('likert-choice-label');\n\n  onToggleChoice: any = () => {\n    this.props.onChange({\n      value: this.props.value,\n      selected: !this.props.checked,\n    });\n  };\n\n  render() {\n    const { disabled, label, checked, likertOrientation, name } = this.props;\n    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'row' : 'column';\n\n    return (\n      <CheckboxHolderRoot style={{ flexDirection }}>\n        <StyledFormControlLabel\n          disabled={disabled}\n          control={\n            <RadioStyled\n              checked={checked}\n              name={name}\n              onChange={this.onToggleChoice}\n              disabled={disabled}\n              slotProps={{ input: { 'aria-labelledby': this.labelId } }}\n            />\n          }\n        />\n        <LabelRoot id={this.labelId} onClick={this.onToggleChoice} dangerouslySetInnerHTML={{ __html: label }} />\n      </CheckboxHolderRoot>\n    );\n  }\n}\n\nexport default ChoiceInput;\n","// @ts-nocheck\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ChoiceInput from './choice-input.js';\nimport { styled } from '@mui/material/styles';\nimport {\n  color,\n  Collapsible as CollapsibleImport,\n  createUniqueId,\n  PreviewPrompt as PreviewPromptImport,\n} 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 PreviewPrompt = unwrapReactInteropSymbol(PreviewPromptImport, 'PreviewPrompt') || unwrapReactInteropSymbol(renderUi.PreviewPrompt, 'PreviewPrompt');\nconst Collapsible = unwrapReactInteropSymbol(CollapsibleImport, 'Collapsible') || unwrapReactInteropSymbol(renderUi.Collapsible, 'Collapsible');\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 { LIKERT_ORIENTATION } from './likertEntities.js';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst Main: any = styled('div')({\n  color: color.text(),\n  backgroundColor: color.background(),\n  '& *': {\n    '-webkit-font-smoothing': 'antialiased',\n  },\n});\n\nconst StyledCollapsible: any = styled(Collapsible)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\n\nconst Prompt: any = styled('div')(({ theme }) => ({\n  verticalAlign: 'middle',\n  color: 'var(--pie-primary-text, var(--pie-text, #000000))',\n  paddingBottom: theme.spacing(2),\n}));\n\nconst ChoicesWrapper: any = styled('div')({\n  display: 'flex',\n});\n\nexport class Likert extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    choices: PropTypes.array,\n    prompt: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    language: PropTypes.string,\n    session: PropTypes.object,\n    disabled: PropTypes.bool.isRequired,\n    onSessionChange: PropTypes.func.isRequired,\n    likertOrientation: PropTypes.string.isRequired,\n  };\n\n  // The radios share this name, so the browser gives the scale one tab stop and arrow-key selection.\n  groupName: string = createUniqueId('likert');\n  promptId: string = `${this.groupName}-prompt`;\n\n  UNSAFE_componentWillReceiveProps() {}\n\n  isSelected(value) {\n    return this.props.session && this.props.session.value === value;\n  }\n\n  render() {\n    const {\n      disabled,\n      choices = [],\n      prompt,\n      onSessionChange,\n      teacherInstructions,\n      className,\n      likertOrientation,\n      language,\n    } = this.props;\n\n    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'column' : 'row';\n\n    return (\n      <Main className={className}>\n        {teacherInstructions && (\n          <StyledCollapsible\n            labels={{\n              hidden: translator.t('common:showTeacherInstructions', { lng: language }),\n              visible: translator.t('common:hideTeacherInstructions', { lng: language }),\n            }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </StyledCollapsible>\n        )}\n\n        {prompt && (\n          <Prompt id={this.promptId}>\n            <PreviewPrompt prompt={prompt} />\n          </Prompt>\n        )}\n\n        <ChoicesWrapper\n          role=\"radiogroup\"\n          aria-labelledby={prompt ? this.promptId : undefined}\n          style={{ flexDirection }}\n        >\n          {choices.map((choice, index) => (\n            <ChoiceInput\n              key={`choice-${index}`}\n              label={choice.label}\n              value={choice.value}\n              name={this.groupName}\n              index={index}\n              disabled={disabled}\n              onChange={onSessionChange}\n              likertOrientation={likertOrientation}\n              checked={this.isSelected(choice.value)}\n            />\n          ))}\n        </ChoicesWrapper>\n      </Main>\n    );\n  }\n}\n\nLikert.defaultProps = {\n  session: {\n    value: [],\n  },\n};\n\nexport default Likert;\n","// @ts-nocheck\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewLayout as PreviewLayoutImport } 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 PreviewLayout = unwrapReactInteropSymbol(PreviewLayoutImport, 'PreviewLayout') || unwrapReactInteropSymbol(renderUi.PreviewLayout, 'PreviewLayout');\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 Likert from './likert.js';\n\nclass Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onSessionChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    model: {},\n    session: {},\n  };\n\n  render() {\n    const { model, onSessionChange, session } = this.props;\n    const { extraCSSRules } = model;\n\n    return (\n      <PreviewLayout extraCSSRules={extraCSSRules}>\n        <Likert {...model} session={session} onSessionChange={onSessionChange} />\n      </PreviewLayout>\n    );\n  }\n}\n\nexport default Main;\n","//#region src/session-notifier.ts\nvar e = \"commitPendingSession\", t = /* @__PURE__ */ new WeakMap();\nfunction n(e, n) {\n\tlet r = t.get(e);\n\tr || (r = /* @__PURE__ */ new Set(), t.set(e, r)), r.add(n);\n}\nfunction r(t) {\n\treturn Object.getOwnPropertyDescriptor(t, e) !== void 0;\n}\nfunction i(t) {\n\tif (r(t)) return;\n\tlet n = t[e];\n\tObject.defineProperty(t, e, {\n\t\tvalue: () => {\n\t\t\tif (typeof n == \"function\") try {\n\t\t\t\tn.call(t);\n\t\t\t} catch {}\n\t\t\to(t);\n\t\t},\n\t\tconfigurable: !0,\n\t\tenumerable: !1,\n\t\twritable: !0\n\t});\n}\nfunction a(e, t, r = {}) {\n\tlet a = r.delayMs, o = typeof a == \"function\" ? a : () => a ?? 0, s = r.maxWaitMs, c = null, l = null, u = !1, d = () => {\n\t\tc !== null && (clearTimeout(c), c = null), l !== null && (clearTimeout(l), l = null);\n\t}, f = () => {\n\t\td(), u && (u = !1, t());\n\t}, p = {\n\t\tnotify() {\n\t\t\tu = !0, c !== null && clearTimeout(c), c = setTimeout(f, Math.max(0, o())), s !== void 0 && l === null && (l = setTimeout(f, Math.max(0, s)));\n\t\t},\n\t\tflush() {\n\t\t\tif (!u) {\n\t\t\t\td();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tf();\n\t\t\t} catch (e) {\n\t\t\t\tconsole.warn(\"[session-notifier] a committed session-changed dispatch threw\", e);\n\t\t\t}\n\t\t}\n\t};\n\treturn n(e, p), i(e), p;\n}\nfunction o(e) {\n\tlet n = t.get(e);\n\tif (n) for (let e of [...n]) e.flush();\n}\n//#endregion\n//#region src/index.ts\nvar s = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"model-set\";\n\t}\n\tconstructor(t, n, r) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t,\n\t\t\t\thasModel: r\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n}, c = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"session-changed\";\n\t}\n\tconstructor(t, n) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n};\n//#endregion\nexport { s as ModelSetEvent, e as SESSION_COMMIT_METHOD, c as SessionChangedEvent, a as createSessionNotifier, o as flushSessionNotifiers };\n","// @ts-nocheck\n\nimport Main from './main.js';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { SessionChangedEvent } from '@pie-element/shared-player-events';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\n\nexport const isComplete = (session) => !!(session && session.value && session.value.length);\n\nexport default class Likert extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  sessionChanged(s) {\n    this._session.value = s.value;\n    const complete = isComplete(this._session, this._model);\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(el);\n    queueMicrotask(() => {\n      renderMath(this);\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/delivery/likertEntities.ts","../../../src/delivery/choice-input.tsx","../../../src/delivery/likert.tsx","../../../src/delivery/main.tsx","../../../../../shared/player-events/dist/index.js","../../../src/delivery/index.ts"],"sourcesContent":["// @ts-nocheck\n\nexport const LIKERT_ORIENTATION = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n};\n","// @ts-nocheck\n\nimport React from 'react';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nimport { color, createUniqueId } from '@pie-lib/render-ui';\nimport Radio from '@mui/material/Radio';\nimport { LIKERT_ORIENTATION } from './likertEntities.js';\nimport { sanitizeModelHtml } from '@pie-element/shared-utils';\n\nexport const RadioStyled: any = styled(Radio)({\n  color: `var(--choice-input-color, ${color.text()})`,\n  '&.Mui-checked': {\n    color: `var(--choice-input-selected-color, ${color.primary()})`,\n  },\n  '&.Mui-disabled': {\n    color: `var(--choice-input-disabled-color, ${color.defaults.DISABLED})`,\n  },\n});\n\nconst LabelRoot: any = styled('p')({\n  color: color.text(),\n  textAlign: 'center',\n  cursor: 'pointer',\n});\n\nconst CheckboxHolderRoot: any = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  flex: 1,\n  padding: '0 5px',\n  '& label': {},\n});\n\nconst StyledFormControlLabel: any = styled(FormControlLabel)({\n  margin: 0,\n});\n\nexport class ChoiceInput extends React.Component {\n  static propTypes = {\n    checked: PropTypes.bool.isRequired,\n    disabled: PropTypes.bool.isRequired,\n    label: PropTypes.string.isRequired,\n    likertOrientation: PropTypes.string.isRequired,\n    name: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.number.isRequired,\n  };\n\n  static defaultProps = {\n    checked: false,\n  };\n\n  // The visible label is a sibling of the radio, so the radio takes its name by reference.\n  labelId: string = createUniqueId('likert-choice-label');\n\n  onToggleChoice: any = () => {\n    this.props.onChange({\n      value: this.props.value,\n      selected: !this.props.checked,\n    });\n  };\n\n  render() {\n    const { disabled, label, checked, likertOrientation, name } = this.props;\n    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'row' : 'column';\n\n    return (\n      <CheckboxHolderRoot style={{ flexDirection }}>\n        <StyledFormControlLabel\n          disabled={disabled}\n          control={\n            <RadioStyled\n              checked={checked}\n              name={name}\n              onChange={this.onToggleChoice}\n              disabled={disabled}\n              slotProps={{ input: { 'aria-labelledby': this.labelId } }}\n            />\n          }\n        />\n        <LabelRoot id={this.labelId} onClick={this.onToggleChoice} dangerouslySetInnerHTML={{ __html: sanitizeModelHtml(label) }} />\n      </CheckboxHolderRoot>\n    );\n  }\n}\n\nexport default ChoiceInput;\n","// @ts-nocheck\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport ChoiceInput from './choice-input.js';\nimport { styled } from '@mui/material/styles';\nimport {\n  color,\n  Collapsible as CollapsibleImport,\n  createUniqueId,\n  PreviewPrompt as PreviewPromptImport,\n} 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 PreviewPrompt = unwrapReactInteropSymbol(PreviewPromptImport, 'PreviewPrompt') || unwrapReactInteropSymbol(renderUi.PreviewPrompt, 'PreviewPrompt');\nconst Collapsible = unwrapReactInteropSymbol(CollapsibleImport, 'Collapsible') || unwrapReactInteropSymbol(renderUi.Collapsible, 'Collapsible');\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 { LIKERT_ORIENTATION } from './likertEntities.js';\nimport Translator from '@pie-lib/translator';\n\nconst { translator } = Translator;\n\nconst Main: any = styled('div')({\n  color: color.text(),\n  backgroundColor: color.background(),\n  '& *': {\n    '-webkit-font-smoothing': 'antialiased',\n  },\n});\n\nconst StyledCollapsible: any = styled(Collapsible)(({ theme }) => ({\n  marginBottom: theme.spacing(2),\n}));\n\nconst Prompt: any = styled('div')(({ theme }) => ({\n  verticalAlign: 'middle',\n  color: 'var(--pie-primary-text, var(--pie-text, #000000))',\n  paddingBottom: theme.spacing(2),\n}));\n\nconst ChoicesWrapper: any = styled('div')({\n  display: 'flex',\n});\n\nexport class Likert extends React.Component {\n  static propTypes = {\n    className: PropTypes.string,\n    choices: PropTypes.array,\n    prompt: PropTypes.string,\n    teacherInstructions: PropTypes.string,\n    language: PropTypes.string,\n    session: PropTypes.object,\n    disabled: PropTypes.bool.isRequired,\n    onSessionChange: PropTypes.func.isRequired,\n    likertOrientation: PropTypes.string.isRequired,\n  };\n\n  // The radios share this name, so the browser gives the scale one tab stop and arrow-key selection.\n  groupName: string = createUniqueId('likert');\n  promptId: string = `${this.groupName}-prompt`;\n\n  UNSAFE_componentWillReceiveProps() {}\n\n  isSelected(value) {\n    return this.props.session && this.props.session.value === value;\n  }\n\n  render() {\n    const {\n      disabled,\n      choices = [],\n      prompt,\n      onSessionChange,\n      teacherInstructions,\n      className,\n      likertOrientation,\n      language,\n    } = this.props;\n\n    const flexDirection = likertOrientation === LIKERT_ORIENTATION.vertical ? 'column' : 'row';\n\n    return (\n      <Main className={className}>\n        {teacherInstructions && (\n          <StyledCollapsible\n            labels={{\n              hidden: translator.t('common:showTeacherInstructions', { lng: language }),\n              visible: translator.t('common:hideTeacherInstructions', { lng: language }),\n            }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </StyledCollapsible>\n        )}\n\n        {prompt && (\n          <Prompt id={this.promptId}>\n            <PreviewPrompt prompt={prompt} />\n          </Prompt>\n        )}\n\n        <ChoicesWrapper\n          role=\"radiogroup\"\n          aria-labelledby={prompt ? this.promptId : undefined}\n          style={{ flexDirection }}\n        >\n          {choices.map((choice, index) => (\n            <ChoiceInput\n              key={`choice-${index}`}\n              label={choice.label}\n              value={choice.value}\n              name={this.groupName}\n              index={index}\n              disabled={disabled}\n              onChange={onSessionChange}\n              likertOrientation={likertOrientation}\n              checked={this.isSelected(choice.value)}\n            />\n          ))}\n        </ChoicesWrapper>\n      </Main>\n    );\n  }\n}\n\nLikert.defaultProps = {\n  session: {\n    value: [],\n  },\n};\n\nexport default Likert;\n","// @ts-nocheck\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { PreviewLayout as PreviewLayoutImport } 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 PreviewLayout = unwrapReactInteropSymbol(PreviewLayoutImport, 'PreviewLayout') || unwrapReactInteropSymbol(renderUi.PreviewLayout, 'PreviewLayout');\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 Likert from './likert.js';\n\nclass Main extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    session: PropTypes.object,\n    onSessionChange: PropTypes.func,\n  };\n\n  static defaultProps = {\n    model: {},\n    session: {},\n  };\n\n  render() {\n    const { model, onSessionChange, session } = this.props;\n    const { extraCSSRules } = model;\n\n    return (\n      <PreviewLayout extraCSSRules={extraCSSRules}>\n        <Likert {...model} session={session} onSessionChange={onSessionChange} />\n      </PreviewLayout>\n    );\n  }\n}\n\nexport default Main;\n","//#region src/session-notifier.ts\nvar e = \"commitPendingSession\", t = /* @__PURE__ */ new WeakMap();\nfunction n(e, n) {\n\tlet r = t.get(e);\n\tr || (r = /* @__PURE__ */ new Set(), t.set(e, r)), r.add(n);\n}\nfunction r(t) {\n\treturn Object.getOwnPropertyDescriptor(t, e) !== void 0;\n}\nfunction i(t) {\n\tif (r(t)) return;\n\tlet n = t[e];\n\tObject.defineProperty(t, e, {\n\t\tvalue: () => {\n\t\t\tif (typeof n == \"function\") try {\n\t\t\t\tn.call(t);\n\t\t\t} catch {}\n\t\t\to(t);\n\t\t},\n\t\tconfigurable: !0,\n\t\tenumerable: !1,\n\t\twritable: !0\n\t});\n}\nfunction a(e, t, r = {}) {\n\tlet a = r.delayMs, o = typeof a == \"function\" ? a : () => a ?? 0, s = r.maxWaitMs, c = null, l = null, u = !1, d = () => {\n\t\tc !== null && (clearTimeout(c), c = null), l !== null && (clearTimeout(l), l = null);\n\t}, f = () => {\n\t\td(), u && (u = !1, t());\n\t}, p = {\n\t\tnotify() {\n\t\t\tu = !0, c !== null && clearTimeout(c), c = setTimeout(f, Math.max(0, o())), s !== void 0 && l === null && (l = setTimeout(f, Math.max(0, s)));\n\t\t},\n\t\tflush() {\n\t\t\tif (!u) {\n\t\t\t\td();\n\t\t\t\treturn;\n\t\t\t}\n\t\t\ttry {\n\t\t\t\tf();\n\t\t\t} catch (e) {\n\t\t\t\tconsole.warn(\"[session-notifier] a committed session-changed dispatch threw\", e);\n\t\t\t}\n\t\t}\n\t};\n\treturn n(e, p), i(e), p;\n}\nfunction o(e) {\n\tlet n = t.get(e);\n\tif (n) for (let e of [...n]) e.flush();\n}\n//#endregion\n//#region src/index.ts\nvar s = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"model-set\";\n\t}\n\tconstructor(t, n, r) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t,\n\t\t\t\thasModel: r\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n}, c = class e extends CustomEvent {\n\tstatic {\n\t\tthis.TYPE = \"session-changed\";\n\t}\n\tconstructor(t, n) {\n\t\tsuper(e.TYPE, {\n\t\t\tbubbles: !0,\n\t\t\tcomposed: !0,\n\t\t\tdetail: {\n\t\t\t\tcomplete: n,\n\t\t\t\tcomponent: t\n\t\t\t}\n\t\t}), this.component = t, this.complete = n;\n\t}\n};\n//#endregion\nexport { s as ModelSetEvent, e as SESSION_COMMIT_METHOD, c as SessionChangedEvent, a as createSessionNotifier, o as flushSessionNotifiers };\n","// @ts-nocheck\n\nimport Main from './main.js';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\nimport { SessionChangedEvent } from '@pie-element/shared-player-events';\nimport { renderMath } from '@pie-element/shared-math-rendering-mathjax';\n\nexport const isComplete = (session) => !!(session && session.value && session.value.length);\n\nexport default class Likert extends HTMLElement {\n  constructor() {\n    super();\n    this._root = null;\n  }\n\n  set model(m) {\n    this._model = m;\n    this._render();\n  }\n\n  set session(s) {\n    this._session = s;\n    this._render();\n  }\n\n  get session() {\n    return this._session;\n  }\n\n  sessionChanged(s) {\n    this._session.value = s.value;\n    const complete = isComplete(this._session, this._model);\n    this.dispatchEvent(new SessionChangedEvent(this.tagName.toLowerCase(), complete));\n    this._render();\n  }\n\n  connectedCallback() {\n    this._render();\n  }\n\n  _render() {\n    if (!this._model || !this._session) {\n      return;\n    }\n\n    const el = React.createElement(Main, {\n      model: this._model,\n      session: this._session,\n      onSessionChange: this.sessionChanged.bind(this),\n    });\n\n    if (!this._root) {\n      this._root = createRoot(this);\n    }\n    this._root.render(el);\n    queueMicrotask(() => {\n      renderMath(this);\n    });\n  }\n\n  disconnectedCallback() {\n    if (this._root) {\n      this._root.unmount();\n      this._root = null;\n    }\n  }\n}\n"],"mappings":"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"}