@pie-element/extended-text-entry 15.1.2-next.0 → 15.1.2-next.10

package/dist/author/index.d.ts

@@ -48,5 +48,6 @@ export default class ExtendedTextEntry extends HTMLElement {
     insertSound(handler: any): void;
     onDeleteSound(src: any, done: any): void;
     render(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/dist/author/index.js

@@ -1,4 +1,4 @@
-import e from "./main.js";
+import { Main as e } from "./main.js";
 import t from "./defaults.js";
 import n from "react";
 import { createRoot as r } from "react-dom/client";
@@ -66,8 +66,11 @@ var l = class l extends HTMLElement {
 			this._root ||= r(this), this._root.render(t);
 		}
 	}
+	connectedCallback() {
+		this.render();
+	}
 	disconnectedCallback() {
-		this._root && this._root.unmount();
+		this._root &&= (this._root.unmount(), null);
 	}
 };
 //#endregion

package/dist/author/main.js

@@ -4,21 +4,21 @@ import n from "@mui/material/Typography";
 import { styled as r } from "@mui/material/styles";
 import i, { ALL_PLUGINS as a } from "@pie-lib/editable-html-tip-tap";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { FeedbackSelector as c, InputContainer as l, layout as u, settings as d } from "@pie-lib/config-ui";
+import { FeedbackSelector as ee, InputContainer as c, layout as l, settings as u } from "@pie-lib/config-ui";
 //#region src/author/main.tsx
-var { Panel: f, toggle: p, numberFields: m, dropdown: h } = d, g = {
+var { Panel: d, toggle: f, numberFields: p, dropdown: m } = u, h = {
 	type: "default",
 	default: "Your answer has been submitted"
-}, _ = r(n)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), v = r(l)(({ theme: e }) => ({
+}, g = r(n)(({ theme: e }) => ({ paddingBottom: e.spacing(1) })), _ = r(c)(({ theme: e }) => ({
 	paddingTop: e.spacing(1),
 	marginTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	width: "100%"
-})), y = r("div")(({ theme: e }) => ({
+})), v = r("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), b = class extends e.Component {
+})), y = class extends e.Component {
 	static propTypes = {
 		onModelChanged: t.func.isRequired,
 		onConfigurationChanged: t.func,
@@ -52,9 +52,9 @@ var { Panel: f, toggle: p, numberFields: m, dropdown: h } = d, g = {
 		});
 	};
 	render() {
-		let { model: t, configuration: n, imageSupport: r, onConfigurationChanged: l, onModelChanged: d, uploadSoundSupport: b } = this.props, { annotations: x = {}, contentDimensions: S = {}, dimensions: C = {}, equationEditor: w = {}, feedback: T = {}, playerSpellCheck: E = {}, prompt: D = {}, settingsPanelDisabled: ee, spanishInput: O = {}, specialInput: k = {}, spellCheck: A = {}, studentInstructions: j = {}, teacherInstructions: M = {}, mathInput: N = {}, maxImageWidth: P = {}, maxImageHeight: F = {}, multiple: I = {}, withRubric: L = {}, mathMlOptions: R = {}, baseInputConfiguration: z = {} } = n || {}, { errors: B = {}, extraCSSRules: V, feedbackEnabled: H, promptEnabled: U, spellCheckEnabled: W, teacherInstructionsEnabled: G, toolbarEditorPosition: K } = t || {}, { prompt: q, teacherInstructions: J } = B, Y = P && P.prompt, X = F && F.prompt, Z = { position: K === "top" ? "top" : "bottom" }, Q = {
-			mathInput: N.settings && p(N.label),
-			equationEditor: w.enabled && t.mathInput && h(w.label, [
+		let { model: t, configuration: n, imageSupport: r, onConfigurationChanged: c, onModelChanged: u, uploadSoundSupport: y } = this.props, { annotations: b = {}, contentDimensions: x = {}, dimensions: S = {}, equationEditor: C = {}, feedback: w = {}, playerSpellCheck: T = {}, prompt: E = {}, settingsPanelDisabled: D, spanishInput: O = {}, specialInput: k = {}, spellCheck: A = {}, studentInstructions: j = {}, teacherInstructions: M = {}, mathInput: N = {}, maxImageWidth: P = {}, maxImageHeight: F = {}, multiple: I = {}, withRubric: L = {}, mathMlOptions: R = {}, baseInputConfiguration: z = {} } = n || {}, { errors: B = {}, extraCSSRules: V, feedbackEnabled: H, promptEnabled: U, spellCheckEnabled: W, teacherInstructionsEnabled: G, toolbarEditorPosition: K } = t || {}, { prompt: q, teacherInstructions: J } = B, Y = P && P.prompt, X = F && F.prompt, Z = { position: K === "top" ? "top" : "bottom" }, Q = {
+			mathInput: N.settings && f(N.label),
+			equationEditor: C.enabled && t.mathInput && m(C.label, [
 				"non-negative-integers",
 				"integers",
 				"decimals",
@@ -68,9 +68,9 @@ var { Panel: f, toggle: p, numberFields: m, dropdown: h } = d, g = {
 				"statistics",
 				"item-authoring"
 			]),
-			spanishInput: O.settings && p(O.label),
-			specialInput: k.settings && p(k.label),
-			dimensions: C.settings && m(C.label, {
+			spanishInput: O.settings && f(O.label),
+			specialInput: k.settings && f(k.label),
+			dimensions: S.settings && p(S.label, {
 				width: {
 					label: "Width (px)",
 					suffix: "px",
@@ -84,33 +84,33 @@ var { Panel: f, toggle: p, numberFields: m, dropdown: h } = d, g = {
 					max: 500
 				}
 			}),
-			"multiple.enabled": I.settings && p(I.label, !0),
-			promptEnabled: D.settings && p(D.label),
-			feedbackEnabled: T.settings && p(T.label),
-			annotationsEnabled: x.settings && p(x.label),
-			spellCheckEnabled: A.settings && p(A.label),
-			playerSpellCheckDisabled: E.settings && p(E.label)
+			"multiple.enabled": I.settings && f(I.label, !0),
+			promptEnabled: E.settings && f(E.label),
+			feedbackEnabled: w.settings && f(w.label),
+			annotationsEnabled: b.settings && f(b.label),
+			spellCheckEnabled: A.settings && f(A.label),
+			playerSpellCheckDisabled: T.settings && f(T.label)
 		}, te = {
-			teacherInstructionsEnabled: M.settings && p(M.label),
-			studentInstructionsEnabled: j.settings && p(j.label),
-			rubricEnabled: L?.settings && p(L?.label)
+			teacherInstructionsEnabled: M.settings && f(M.label),
+			studentInstructionsEnabled: j.settings && f(j.label),
+			rubricEnabled: L?.settings && f(L?.label)
 		}, $ = (e) => Object.assign({ ...z }, e || {});
-		return /* @__PURE__ */ s(u.ConfigLayout, {
+		return /* @__PURE__ */ s(l.ConfigLayout, {
 			extraCSSRules: V,
-			dimensions: S,
-			hideSettings: ee,
-			settings: /* @__PURE__ */ o(f, {
+			dimensions: x,
+			hideSettings: D,
+			settings: /* @__PURE__ */ o(d, {
 				model: t,
 				configuration: n,
-				onChangeModel: (e) => d(e),
-				onChangeConfiguration: (e) => l(e),
+				onChangeModel: (e) => u(e),
+				onChangeConfiguration: (e) => c(e),
 				groups: {
 					Settings: Q,
 					Properties: te
 				}
 			}),
 			children: [
-				G && /* @__PURE__ */ s(v, {
+				G && /* @__PURE__ */ s(_, {
 					label: M.label,
 					children: [/* @__PURE__ */ o(i, {
 						className: "prompt",
@@ -123,14 +123,14 @@ var { Panel: f, toggle: p, numberFields: m, dropdown: h } = d, g = {
 						spellCheck: W,
 						maxImageWidth: P && P.teacherInstructions || Y,
 						maxImageHeight: F && F.teacherInstructions || X,
-						uploadSoundSupport: b,
+						uploadSoundSupport: y,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: R,
 						pluginProps: $(M?.inputConfiguration)
-					}), J && /* @__PURE__ */ o(y, { children: J })]
+					}), J && /* @__PURE__ */ o(v, { children: J })]
 				}),
-				U && /* @__PURE__ */ s(v, {
-					label: D.label,
+				U && /* @__PURE__ */ s(_, {
+					label: E.label,
 					children: [/* @__PURE__ */ o(i, {
 						activePlugins: a,
 						className: "prompt",
@@ -143,18 +143,18 @@ var { Panel: f, toggle: p, numberFields: m, dropdown: h } = d, g = {
 						spellCheck: W,
 						maxImageWidth: Y,
 						maxImageHeight: X,
-						uploadSoundSupport: b,
+						uploadSoundSupport: y,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
 						mathMlOptions: R,
-						pluginProps: $(D?.inputConfiguration)
-					}), q && /* @__PURE__ */ o(y, { children: q })]
+						pluginProps: $(E?.inputConfiguration)
+					}), q && /* @__PURE__ */ o(v, { children: q })]
 				}),
-				H && /* @__PURE__ */ s(e.Fragment, { children: [/* @__PURE__ */ o(_, {
+				H && /* @__PURE__ */ s(e.Fragment, { children: [/* @__PURE__ */ o(g, {
 					variant: "h6",
 					children: "Feedback"
-				}), /* @__PURE__ */ o(c, {
+				}), /* @__PURE__ */ o(ee, {
 					label: "When submitted, show",
-					feedback: t.feedback || g,
+					feedback: t.feedback || h,
 					onChange: this.changeFeedback,
 					toolbarOpts: Z
 				})] })
@@ -163,4 +163,4 @@ var { Panel: f, toggle: p, numberFields: m, dropdown: h } = d, g = {
 	}
 };
 //#endregion
-export { b as default };
+export { y as Main, y as default };