@pie-element/likert 4.1.1 → 4.1.2-next.1

package/dist/browser/controller/index.js

@@ -0,0 +1,51 @@
+//#region src/controller/defaults.ts
+var e = {
+	choices: [],
+	likertOrientation: "horizontal",
+	likertScale: "likert3",
+	likertType: "agreement",
+	prompt: "",
+	promptEnabled: !0,
+	teacherInstructions: "",
+	teacherInstructionsEnabled: !0
+}, t = (e) => ({
+	label: e.label,
+	value: e.value
+});
+function n(t = {}) {
+	return new Promise((n) => n({
+		...e,
+		...t
+	}));
+}
+var r = (t) => ({
+	...e,
+	...t
+});
+async function i(e, n, i) {
+	let a = r(e), o = a.choices.map(t), s = {
+		...a,
+		choices: o,
+		disabled: i.mode !== "gather",
+		mode: i.mode
+	}, { role: c, mode: l } = i || {};
+	return c === "instructor" && (l === "view" || l === "evaluate") ? s.teacherInstructions = a.teacherInstructionsEnabled ? a.teacherInstructions : null : s.teacherInstructions = null, s;
+}
+function a() {
+	return new Promise((e) => {
+		e({
+			score: 0,
+			empty: !1
+		});
+	});
+}
+var o = (e) => (e || "").replace(/(<(?!img|iframe|source)([^>]+)>)/gi, ""), s = (e = {}, t = {}) => {
+	let n = {};
+	return ["teacherInstructions", "prompt"].forEach((r) => {
+		t[r]?.required && !o(e[r]) && (n[r] = "This field is required.");
+	}), n;
+};
+//#endregion
+export { n as createDefaultModel, i as model, r as normalize, a as outcome, s as validate };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/controller/defaults.ts","../../../src/controller/index.ts"],"sourcesContent":["// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/likert/controller/src/defaults.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nexport default {\n  choices: [],\n  likertOrientation: 'horizontal',\n  likertScale: 'likert3',\n  likertType: 'agreement',\n  prompt: '',\n  promptEnabled: true,\n  teacherInstructions: '',\n  teacherInstructionsEnabled: true,\n};\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/likert/controller/src/index.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport defaults from './defaults.js';\n\nconst prepareChoice = (choice) => {\n  return {\n    label: choice.label,\n    value: choice.value,\n  };\n};\n\nexport function createDefaultModel(model = {}) {\n  return new Promise((resolve) => resolve({ ...defaults, ...model }));\n}\n\nexport const normalize = (question) => ({ ...defaults, ...question });\n\n/**\n *\n * @param {*} question\n * @param {*} session\n * @param {*} env\n */\nexport async function model(question, session, env) {\n  const normalizedQuestion = normalize(question);\n\n  let choices = normalizedQuestion.choices.map(prepareChoice);\n\n  const out = {\n    ...normalizedQuestion,\n    choices,\n    disabled: env.mode !== 'gather',\n    mode: env.mode,\n  };\n\n  const { role, mode } = env || {};\n\n  if (role === 'instructor' && (mode === 'view' || mode === 'evaluate')) {\n    out.teacherInstructions = normalizedQuestion.teacherInstructionsEnabled\n      ? normalizedQuestion.teacherInstructions\n      : null;\n  } else {\n    out.teacherInstructions = null;\n  }\n\n  return out;\n}\n\nexport function outcome() {\n  return new Promise((resolve) => {\n    resolve({ score: 0, empty: false });\n  });\n}\n\n// remove all html tags\nconst getInnerText = (html) => (html || '').replaceAll(/<[^>]*>/g, '');\n\n// remove all html tags except img, iframe and source tag for audio\nconst getContent = (html) => (html || '').replace(/(<(?!img|iframe|source)([^>]+)>)/gi, '');\n\nexport const validate = (model = {}, config = {}) => {\n  const errors = {};\n\n  ['teacherInstructions', 'prompt'].forEach((field) => {\n    if (config[field]?.required && !getContent(model[field])) {\n      errors[field] = 'This field is required.';\n    }\n  });\n\n  return errors;\n};\n"],"mappings":";AAUA,IAAA,IAAe;CACb,SAAS,CAAC;CACV,mBAAmB;CACnB,aAAa;CACb,YAAY;CACZ,QAAQ;CACR,eAAe;CACf,qBAAqB;CACrB,4BAA4B;AAC9B,GCPM,KAAiB,OACd;CACL,OAAO,EAAO;CACd,OAAO,EAAO;AAChB;AAGF,SAAgB,EAAmB,IAAQ,CAAC,GAAG;CAC7C,OAAO,IAAI,SAAS,MAAY,EAAQ;EAAE,GAAG;EAAU,GAAG;CAAM,CAAC,CAAC;AACpE;AAEA,IAAa,KAAa,OAAc;CAAE,GAAG;CAAU,GAAG;AAAS;AAQnE,eAAsB,EAAM,GAAU,GAAS,GAAK;CAClD,IAAM,IAAqB,EAAU,CAAQ,GAEzC,IAAU,EAAmB,QAAQ,IAAI,CAAa,GAEpD,IAAM;EACV,GAAG;EACH;EACA,UAAU,EAAI,SAAS;EACvB,MAAM,EAAI;CACZ,GAEM,EAAE,SAAM,YAAS,KAAO,CAAC;CAU/B,OARI,MAAS,iBAAiB,MAAS,UAAU,MAAS,cACxD,EAAI,sBAAsB,EAAmB,6BACzC,EAAmB,sBACnB,OAEJ,EAAI,sBAAsB,MAGrB;AACT;AAEA,SAAgB,IAAU;CACxB,OAAO,IAAI,SAAS,MAAY;EAC9B,EAAQ;GAAE,OAAO;GAAG,OAAO;EAAM,CAAC;CACpC,CAAC;AACH;AAMA,IAAM,KAAc,OAAU,KAAQ,IAAI,QAAQ,sCAAsC,EAAE,GAE7E,KAAY,IAAQ,CAAC,GAAG,IAAS,CAAC,MAAM;CACnD,IAAM,IAAS,CAAC;CAQhB,OANA,CAAC,uBAAuB,QAAQ,EAAE,SAAS,MAAU;EACnD,AAAI,EAAO,IAAQ,YAAY,CAAC,EAAW,EAAM,EAAM,MACrD,EAAO,KAAS;CAEpB,CAAC,GAEM;AACT"}

package/dist/browser/delivery/index.js

@@ -0,0 +1,219 @@
+import { E as e, Et as t, T as n, d as r, i, kt as a, o, st as s, t as c, wt as l, y as u } from "../Radio-CAjl01LA.js";
+import d from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { createRoot as m } from "react-dom/client";
+//#region src/delivery/likertEntities.ts
+var h = /* @__PURE__ */ a(t(), 1), g = {
+	horizontal: "horizontal",
+	vertical: "vertical"
+}, _ = s(c)({
+	color: `var(--choice-input-color, ${l.text()})`,
+	"&.Mui-checked": { color: `var(--choice-input-selected-color, ${l.primary()})` },
+	"&.Mui-disabled": { color: `var(--choice-input-disabled-color, ${l.defaults.DISABLED})` }
+}), v = s("p")({
+	color: l.text(),
+	textAlign: "center",
+	cursor: "pointer"
+}), y = s("div")({
+	display: "flex",
+	alignItems: "center",
+	flex: 1,
+	padding: "0 5px",
+	"& label": {}
+}), b = s(i)({ margin: 0 }), x = class extends d.Component {
+	static propTypes = {
+		checked: h.default.bool.isRequired,
+		disabled: h.default.bool.isRequired,
+		label: h.default.string.isRequired,
+		likertOrientation: h.default.string.isRequired,
+		onChange: h.default.func.isRequired,
+		value: h.default.number.isRequired
+	};
+	static defaultProps = { checked: !1 };
+	onToggleChoice = () => {
+		this.props.onChange({
+			value: this.props.value,
+			selected: !this.props.checked
+		});
+	};
+	render() {
+		let { disabled: e, label: t, checked: n, likertOrientation: r } = this.props;
+		return /* @__PURE__ */ p(y, {
+			style: { flexDirection: r === g.vertical ? "row" : "column" },
+			children: [/* @__PURE__ */ f(b, {
+				disabled: e,
+				control: /* @__PURE__ */ f(_, {
+					checked: n,
+					onChange: this.onToggleChoice,
+					disabled: e
+				})
+			}), /* @__PURE__ */ f(v, {
+				onClick: this.onToggleChoice,
+				dangerouslySetInnerHTML: { __html: t }
+			})]
+		});
+	}
+};
+//#endregion
+//#region src/delivery/likert.tsx
+function S(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function C(e, t) {
+	return !e || S(e) ? e : S(e.default) ? e.default : t && S(e[t]) ? e[t] : t && S(e[t]?.default) ? e[t].default : e;
+}
+var w = C(r, "PreviewPrompt") || C(O.PreviewPrompt, "PreviewPrompt"), T = C(n, "Collapsible") || C(O.Collapsible, "Collapsible"), E = o, D = E.default, O = D && typeof D == "object" ? D : E, k = s("div")({
+	color: l.text(),
+	backgroundColor: l.background(),
+	"& *": { "-webkit-font-smoothing": "antialiased" }
+}), A = s(T)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), j = s("div")(({ theme: e }) => ({
+	verticalAlign: "middle",
+	color: "var(--pie-primary-text, var(--pie-text, #000000))",
+	paddingBottom: e.spacing(2)
+})), M = s("div")({ display: "flex" }), N = class extends d.Component {
+	static propTypes = {
+		className: h.default.string,
+		choices: h.default.array,
+		prompt: h.default.string,
+		teacherInstructions: h.default.string,
+		session: h.default.object,
+		disabled: h.default.bool.isRequired,
+		onSessionChange: h.default.func.isRequired,
+		likertOrientation: h.default.string.isRequired
+	};
+	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 } = this.props, s = o === g.vertical ? "column" : "row";
+		return /* @__PURE__ */ p(k, {
+			className: a,
+			children: [
+				i && /* @__PURE__ */ f(A, {
+					labels: {
+						hidden: "Show Teacher Instructions",
+						visible: "Hide Teacher Instructions"
+					},
+					children: /* @__PURE__ */ f(w, { prompt: i })
+				}),
+				n && /* @__PURE__ */ f(j, { children: /* @__PURE__ */ f(w, { prompt: n }) }),
+				/* @__PURE__ */ f(M, {
+					style: { flexDirection: s },
+					children: t.map((t, n) => /* @__PURE__ */ f(x, {
+						label: t.label,
+						value: t.value,
+						index: n,
+						disabled: e,
+						onChange: r,
+						likertOrientation: o,
+						checked: this.isSelected(t.value)
+					}, `choice-${n}`))
+				})
+			]
+		});
+	}
+};
+N.defaultProps = { session: { value: [] } };
+//#endregion
+//#region src/delivery/main.tsx
+function P(e) {
+	return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
+}
+function F(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 I = F(u, "PreviewLayout") || F(z.PreviewLayout, "PreviewLayout"), L = o, R = L.default, z = R && typeof R == "object" ? R : L, B = class extends d.Component {
+	static propTypes = {
+		model: h.default.object,
+		session: h.default.object,
+		onSessionChange: h.default.func
+	};
+	static defaultProps = {
+		model: {},
+		session: {}
+	};
+	render() {
+		let { model: e, onSessionChange: t, session: n } = this.props, { extraCSSRules: r } = e;
+		return /* @__PURE__ */ f(I, {
+			extraCSSRules: r,
+			children: /* @__PURE__ */ f(N, {
+				...e,
+				session: n,
+				onSessionChange: t
+			})
+		});
+	}
+};
+(class e extends CustomEvent {
+	static {
+		this.TYPE = "model-set";
+	}
+	constructor(t, n, r) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t,
+				hasModel: r
+			}
+		}), this.component = t, this.complete = n;
+	}
+});
+//#endregion
+//#region ../../shared/player-events/dist/index.js
+var V = class e extends CustomEvent {
+	static {
+		this.TYPE = "session-changed";
+	}
+	constructor(t, n) {
+		super(e.TYPE, {
+			bubbles: !0,
+			composed: !0,
+			detail: {
+				complete: n,
+				component: t
+			}
+		}), this.component = t, this.complete = n;
+	}
+}, H = (e) => !!(e && e.value && e.value.length), U = class extends HTMLElement {
+	constructor() {
+		super(), this._root = null;
+	}
+	set model(e) {
+		this._model = e, this._render();
+	}
+	set session(e) {
+		this._session = e, this._render();
+	}
+	get session() {
+		return this._session;
+	}
+	sessionChanged(e) {
+		this._session.value = e.value;
+		let t = H(this._session, this._model);
+		this.dispatchEvent(new V(this.tagName.toLowerCase(), t)), this._render();
+	}
+	connectedCallback() {
+		this._render();
+	}
+	_render() {
+		if (!this._model || !this._session) return;
+		let t = d.createElement(B, {
+			model: this._model,
+			session: this._session,
+			onSessionChange: this.sessionChanged.bind(this)
+		});
+		this._root ||= m(this), this._root.render(t), queueMicrotask(() => {
+			e(this);
+		});
+	}
+	disconnectedCallback() {
+		this._root && this._root.unmount();
+	}
+};
+//#endregion
+export { U as default, H as isComplete };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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/**\n * @synced-from pie-elements/packages/likert/src/likertEntities.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nexport const LIKERT_ORIENTATION = {\n  horizontal: 'horizontal',\n  vertical: 'vertical',\n};\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/likert/src/choice-input.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 FormControlLabel from '@mui/material/FormControlLabel';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\n\nimport { color } 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    onChange: PropTypes.func.isRequired,\n    value: PropTypes.number.isRequired,\n  };\n\n  static defaultProps = {\n    checked: false,\n  };\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 } = 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={<RadioStyled checked={checked} onChange={this.onToggleChoice} disabled={disabled} />}\n        />\n        <LabelRoot onClick={this.onToggleChoice} dangerouslySetInnerHTML={{ __html: label }} />\n      </CheckboxHolderRoot>\n    );\n  }\n}\n\nexport default ChoiceInput;\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/likert/src/likert.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 PropTypes from 'prop-types';\nimport ChoiceInput from './choice-input.js';\nimport { styled } from '@mui/material/styles';\nimport { color, Collapsible as CollapsibleImport, PreviewPrompt as PreviewPromptImport } 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';\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    session: PropTypes.object,\n    disabled: PropTypes.bool.isRequired,\n    onSessionChange: PropTypes.func.isRequired,\n    likertOrientation: PropTypes.string.isRequired,\n  };\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    } = 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: 'Show Teacher Instructions',\n              visible: 'Hide Teacher Instructions',\n            }}\n          >\n            <PreviewPrompt prompt={teacherInstructions} />\n          </StyledCollapsible>\n        )}\n\n        {prompt && (\n          <Prompt>\n            <PreviewPrompt prompt={prompt} />\n          </Prompt>\n        )}\n\n        <ChoicesWrapper style={{ flexDirection }}>\n          {choices.map((choice, index) => (\n            <ChoiceInput\n              key={`choice-${index}`}\n              label={choice.label}\n              value={choice.value}\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/**\n * @synced-from pie-elements/packages/likert/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 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/index.ts\nvar e = 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}, t = 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 { e as ModelSetEvent, t as SessionChangedEvent };\n","// @ts-nocheck\n/**\n * @synced-from pie-elements/packages/likert/src/index.js\n * @auto-generated\n *\n * This file is automatically synced from pie-elements and converted to TypeScript.\n * Manual edits will be overwritten on next sync.\n * To make changes, edit the upstream JavaScript file and run sync again.\n */\n\nimport 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    }\n  }\n}\n"],"mappings":"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"}