@pie-element/number-line 13.1.2-next.0 → 13.1.2-next.2

package/dist/author/index.js

@@ -1,42 +1,42 @@
-import e from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
-import { configuration as t, model as n } from "./defaults.js";
-import r from "./main.js";
-import i from "react";
-import * as a from "mathjs";
+import { configuration as e, model as t } from "./defaults.js";
+import n from "./main.js";
+import r from "react";
+import * as i from "mathjs";
+import { cloneDeep as a } from "@pie-element/shared-lodash";
 import { createRoot as o } from "react-dom/client";
 import { DeleteImageEvent as s, DeleteSoundEvent as c, InsertImageEvent as l, InsertSoundEvent as u, ModelUpdatedEvent as d } from "@pie-element/shared-configure-events";
 //#region src/author/index.ts
 var f = (e) => {
-	let { graph: { domain: t, labelStep: n, ticks: r = {} } = {} } = e, { minor: i, major: o } = r;
+	let { graph: { domain: t, labelStep: n, ticks: r = {} } = {} } = e, { minor: a, major: o } = r;
 	if (t && (t.min = Number((t.min || 0).toFixed(2)), t.max = Number((t.max || 0).toFixed(2))), n && typeof n == "string" && n.match(/^[1-9][0-9]*\/[1-9][0-9]*$/g)) {
 		e.graph.fraction = !0, r.tickIntervalType = "Fraction";
-		let t = a.evaluate(n);
-		t !== o && (r.major = t, r.minor = t / (o / i));
+		let t = i.evaluate(n);
+		t !== o && (r.major = t, r.minor = t / (o / a));
 	}
 	return e;
-}, p = class a extends HTMLElement {
-	static createDefaultModel = (e = {}) => {
-		let r = t, i = e.language || "";
+}, p = class i extends HTMLElement {
+	static createDefaultModel = (n = {}) => {
+		let r = e, i = n.language || "";
 		return !i && r.language && r.language.enabled && r.languageChoices?.options?.length && (i = r.languageChoices.options[0].value), f({
+			...t,
 			...n,
-			...e,
 			language: i
 		});
 	};
 	constructor() {
-		super(), this._root = null, this._model = a.createDefaultModel(), this._configuration = t;
+		super(), this._root = null, this._model = i.createDefaultModel(), this._configuration = e;
 	}
-	set model(t) {
-		this._model = a.createDefaultModel(t), this._modelCopy = e(this._model), this._rerender();
+	set model(e) {
+		this._model = i.createDefaultModel(e), this._modelCopy = a(this._model), this._rerender();
 	}
 	resetModelAfterConfigurationIsSet = () => {
 		let e = document.querySelectorAll("pie-author");
 		this.hasPlayerAsParent = Array.from(e).some((e) => e.contains(this)), this.hasPlayerAsParent && (this._modelCopy ? this._model = this._modelCopy : delete this._modelCopy);
 	};
-	set configuration(e) {
+	set configuration(t) {
 		let n = {
-			...t,
-			...e
+			...e,
+			...t
 		};
 		this._configuration = n, this.resetModelAfterConfigurationIsSet(), n?.language?.enabled ? n?.languageChoices?.options?.length && (this._model.language = n?.languageChoices.options[0].value) : n.language.settings && this._model.language ? (this._configuration.language.enabled = !0, (!this._configuration.languageChoices.options || !this._configuration.languageChoices.options.length) && (this._configuration.languageChoices.options = []), this._configuration.languageChoices.options.find((e) => e.value === this._model.language) || this._configuration.languageChoices.options.push({
 			value: this._model.language,
@@ -65,7 +65,7 @@ var f = (e) => {
 		this.dispatchEvent(new c(e, t));
 	}
 	_rerender() {
-		let e = i.createElement(r, {
+		let e = r.createElement(n, {
 			model: this._model,
 			configuration: this._configuration,
 			onChange: this.onChange,

package/dist/author/main.js

@@ -1,28 +1,28 @@
 import { data_converter_exports as e } from "../delivery/data-converter.js";
-import t from "../node_modules/.bun/lodash-es@4.18.1/node_modules/lodash-es/cloneDeep.js";
-import { generateMajorValuesForMinor as n, generateMinorValues as r, getMinorLimits as i, snapElements as a } from "../delivery/number-line/graph/tick-utils.js";
-import o from "../delivery/number-line/index.js";
-import s from "./number-text-field.js";
-import c from "./card-bar.js";
+import { generateMajorValuesForMinor as t, generateMinorValues as n, getMinorLimits as r, snapElements as i } from "../delivery/number-line/graph/tick-utils.js";
+import a from "../delivery/number-line/index.js";
+import o from "./number-text-field.js";
+import s from "./card-bar.js";
 import ee from "./size.js";
-import l from "./domain.js";
-import te from "./arrows.js";
-import ne from "./point-config.js";
-import re from "./ticks.js";
+import c from "./domain.js";
+import l from "./arrows.js";
+import te from "./point-config.js";
+import ne from "./ticks.js";
 import { model as u } from "./defaults.js";
-import { generateValidationMessage as ie } from "./utils.js";
+import { generateValidationMessage as re } from "./utils.js";
 import d from "react";
 import { styled as f } from "@mui/material/styles";
 import p from "prop-types";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import * as g from "mathjs";
-import { AlertDialog as _, FormSection as v, InputContainer as y, layout as ae, settings as b } from "@pie-lib/config-ui";
-import x from "@pie-lib/editable-html-tip-tap";
-import oe from "@mui/material/Tooltip";
-import S from "@mui/material/Typography";
-import se from "@mui/icons-material/Info";
+import { cloneDeep as _ } from "@pie-element/shared-lodash";
+import { AlertDialog as v, FormSection as y, InputContainer as b, layout as ie, settings as x } from "@pie-lib/config-ui";
+import S from "@pie-lib/editable-html-tip-tap";
+import ae from "@mui/material/Tooltip";
+import C from "@mui/material/Typography";
+import oe from "@mui/icons-material/Info";
 //#region src/author/main.tsx
-var C = (e) => ({
+var w = (e) => ({
 	...e,
 	feedback: void 0,
 	prompt: void 0,
@@ -33,35 +33,35 @@ var C = (e) => ({
 		disabled: !0
 	},
 	correctResponse: void 0
-}), { lineIsSwitched: w, switchGraphLine: T, toGraphFormat: ce, toSessionFormat: E } = e, { Panel: le, toggle: D } = b, O = {}, k = {}, A = {}, ue = f(s)({
+}), { lineIsSwitched: T, switchGraphLine: E, toGraphFormat: se, toSessionFormat: D } = e, { Panel: ce, toggle: O } = x, k = {}, A = {}, j = {}, le = f(o)({
 	width: "150px",
 	".MuiInputBase-input": { padding: "16.5px 14px" }
-}), de = f("div")(({ theme: e }) => ({
+}), ue = f("div")(({ theme: e }) => ({
 	display: "flex",
 	flexWrap: "wrap",
 	"& > *": { paddingRight: e.spacing(2) }
-})), fe = f("div")(({ theme: e }) => ({ margin: `${e.spacing(2.5)} 0` })), j = f(y)(({ theme: e }) => ({
+})), de = f("div")(({ theme: e }) => ({ margin: `${e.spacing(2.5)} 0` })), M = f(b)(({ theme: e }) => ({
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	width: "100%"
-})), pe = f(v)(({ theme: e }) => ({ marginBottom: e.spacing(4) })), M = f("div")(({ theme: e }) => ({
+})), fe = f(y)(({ theme: e }) => ({ marginBottom: e.spacing(4) })), N = f("div")(({ theme: e }) => ({
 	fontSize: e.typography.fontSize - 2,
 	color: e.palette.error.main,
 	paddingTop: e.spacing(1)
-})), me = f("div")({
+})), pe = f("div")({
 	display: "flex",
 	alignItems: "center",
 	gap: "10px"
-}), he = f(v)({
+}), me = f(y)({
 	display: "flex",
 	alignItems: "center",
 	gap: "10px"
-}), ge = f(S)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), N = (e) => {
+}), he = f(C)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), P = (e) => {
 	function t(e) {
 		return e.pointType ? e.direction ? `${e.pointType[0]}${e.direction[0]}` : e.pointType[0] : `${e.leftPoint[0]}${e.rightPoint[0]}`;
 	}
 	return `${e.type[0]}${t(e)}`.toUpperCase();
-}, P = class extends d.Component {
+}, F = class extends d.Component {
 	static propTypes = {
 		model: p.object.isRequired,
 		configuration: p.object.isRequired,
@@ -134,7 +134,7 @@ var C = (e) => ({
 	};
 	changeGraphTitle = (e) => this.graphChange({ title: e });
 	changeTicks = (e) => {
-		let { model: t, onChange: n } = this.props, { ticks: r } = e, i = a(t.graph.domain, r, t.correctResponse), o = t.graph.initialElements ? a(t.graph.domain, r, t.graph.initialElements) : [];
+		let { model: t, onChange: n } = this.props, { ticks: r } = e, a = i(t.graph.domain, r, t.correctResponse), o = t.graph.initialElements ? i(t.graph.domain, r, t.graph.initialElements) : [];
 		n({
 			graph: {
 				...this.updateMajorValue({
@@ -143,65 +143,65 @@ var C = (e) => ({
 				}),
 				initialElements: o
 			},
-			correctResponse: i
+			correctResponse: a
 		});
 	};
 	reloadTicksData = (e) => {
-		let { domain: t, ticks: n, width: a } = e;
-		if (n.tickIntervalType || (n.minor > .5 ? n.tickIntervalType = "Integer" : n.tickIntervalType = "Decimal"), O = i(t, a), O.min >= 1) n.tickIntervalType = "Integer", n.minor = n.minor < 1 ? g.number(g.ceil(O.min)) : n.minor >= g.number(g.ceil(O.min)) && n.minor <= g.number(g.floor(O.max)) ? n.minor : g.number(g.ceil(O.min)), n.integerTick = n.minor, k = {
+		let { domain: t, ticks: i, width: a } = e;
+		if (i.tickIntervalType || (i.minor > .5 ? i.tickIntervalType = "Integer" : i.tickIntervalType = "Decimal"), k = r(t, a), k.min >= 1) i.tickIntervalType = "Integer", i.minor = i.minor < 1 ? g.number(g.ceil(k.min)) : i.minor >= g.number(g.ceil(k.min)) && i.minor <= g.number(g.floor(k.max)) ? i.minor : g.number(g.ceil(k.min)), i.integerTick = i.minor, A = {
 			decimal: [],
 			fraction: []
-		}, n.fractionTick = "0", n.decimalTick = 0;
-		else if (O.min >= 0 && O.max < 1) {
-			n.tickIntervalType === "Integer" && (n.tickIntervalType = "Fraction"), k = r(O);
-			let e = g.number(g.fraction(k.fraction[0])), t = g.number(g.fraction(k.fraction[k.fraction.length - 1]));
-			if (n.minor < e || n.minor > t) switch (n.tickIntervalType) {
+		}, i.fractionTick = "0", i.decimalTick = 0;
+		else if (k.min >= 0 && k.max < 1) {
+			i.tickIntervalType === "Integer" && (i.tickIntervalType = "Fraction"), A = n(k);
+			let e = g.number(g.fraction(A.fraction[0])), t = g.number(g.fraction(A.fraction[A.fraction.length - 1]));
+			if (i.minor < e || i.minor > t) switch (i.tickIntervalType) {
 				case "Fraction":
-					n.minor = g.number(g.fraction(k.fraction[k.fraction.length - 1])), n.fractionTick = k.fraction[k.fraction.length - 1], n.decimalTick = k.decimal[0];
+					i.minor = g.number(g.fraction(A.fraction[A.fraction.length - 1])), i.fractionTick = A.fraction[A.fraction.length - 1], i.decimalTick = A.decimal[0];
 					break;
 				case "Decimal":
-				case "Integer": n.minor = k.decimal[k.decimal.length - 1], n.decimalTick = k.decimal[k.decimal.length - 1], n.fractionTick = k.fraction[0];
+				case "Integer": i.minor = A.decimal[A.decimal.length - 1], i.decimalTick = A.decimal[A.decimal.length - 1], i.fractionTick = A.fraction[0];
 			}
-			else switch (n.tickIntervalType) {
+			else switch (i.tickIntervalType) {
 				case "Fraction":
-					let e = g.fraction(g.number(n.minor));
-					n.fractionTick = e.n + "/" + e.d, n.decimalTick = n.decimalTick ? n.decimalTick : k.decimal[0];
+					let e = g.fraction(g.number(i.minor));
+					i.fractionTick = e.n + "/" + e.d, i.decimalTick = i.decimalTick ? i.decimalTick : A.decimal[0];
 					break;
 				case "Decimal":
-				case "Integer": n.decimalTick = n.minor, n.fractionTick = n.fractionTick ? n.fractionTick : k.fraction[0];
+				case "Integer": i.decimalTick = i.minor, i.fractionTick = i.fractionTick ? i.fractionTick : A.fraction[0];
 			}
-			n.integerTick = 1;
-		} else if (O.min < 1 && O.max >= 1) if (k = r(O), n.minor >= O.min && n.minor <= O.max) switch (n.tickIntervalType) {
+			i.integerTick = 1;
+		} else if (k.min < 1 && k.max >= 1) if (A = n(k), i.minor >= k.min && i.minor <= k.max) switch (i.tickIntervalType) {
 			case "Integer":
-				n.integerTick = n.minor, n.decimalTick = O.min > .5 ? 0 : k.decimal[0], n.fractionTick = O.min > .5 ? "0" : k.fraction[0];
+				i.integerTick = i.minor, i.decimalTick = k.min > .5 ? 0 : A.decimal[0], i.fractionTick = k.min > .5 ? "0" : A.fraction[0];
 				break;
 			case "Decimal":
-				n.integerTick = 1, n.decimalTick = n.minor, n.fractionTick = k.fraction[0];
+				i.integerTick = 1, i.decimalTick = i.minor, i.fractionTick = A.fraction[0];
 				break;
 			case "Fraction":
-				n.integerTick = 1, n.decimalTick = k.decimal[0];
-				let e = g.fraction(g.number(n.minor));
-				n.fractionTick = e.n + "/" + e.d;
+				i.integerTick = 1, i.decimalTick = A.decimal[0];
+				let e = g.fraction(g.number(i.minor));
+				i.fractionTick = e.n + "/" + e.d;
 		}
-		else switch (O.min > .5 && (n.tickIntervalType = "Integer"), n.tickIntervalType) {
+		else switch (k.min > .5 && (i.tickIntervalType = "Integer"), i.tickIntervalType) {
 			case "Integer":
-				n.minor = g.number(g.ceil(O.min)), n.integerTick = n.minor, n.decimalTick = O.min > .5 ? 0 : k.decimal[0], n.fractionTick = O.min > .5 ? "0" : k.fraction[0];
+				i.minor = g.number(g.ceil(k.min)), i.integerTick = i.minor, i.decimalTick = k.min > .5 ? 0 : A.decimal[0], i.fractionTick = k.min > .5 ? "0" : A.fraction[0];
 				break;
 			case "Decimal":
-				n.minor = k.decimal[0], n.integerTick = 1, n.decimalTick = n.minor, n.fractionTick = k.fraction[0];
+				i.minor = A.decimal[0], i.integerTick = 1, i.decimalTick = i.minor, i.fractionTick = A.fraction[0];
 				break;
-			case "Fraction": n.minor = g.number(g.fraction(k.fraction[0])), n.integerTick = 1, n.decimalTick = k.decimal[0], n.fractionTick = k.fraction[0];
+			case "Fraction": i.minor = g.number(g.fraction(A.fraction[0])), i.integerTick = 1, i.decimalTick = A.decimal[0], i.fractionTick = A.fraction[0];
 		}
 		return this.updateMajorValue({
 			...e,
-			ticks: n
+			ticks: i
 		});
 	};
 	updateMajorValue = (e) => {
-		let { domain: t, ticks: r, width: i } = e;
-		if (A = n(r.minor, t, i), A.decimal.indexOf(r.major) === -1) {
+		let { domain: n, ticks: r, width: i } = e;
+		if (j = t(r.minor, n, i), j.decimal.indexOf(r.major) === -1) {
 			let e = 0;
-			e = r.tickIntervalType === "Integer" && A.decimal.length > 4 ? 4 : A.decimal.length - 1, r.major = A.decimal[e];
+			e = r.tickIntervalType === "Integer" && j.decimal.length > 4 ? 4 : j.decimal.length - 1, r.major = j.decimal[e];
 		}
 		return e.fraction = r.tickIntervalType === "Fraction" && r.major < 1, {
 			...e,
@@ -210,20 +210,20 @@ var C = (e) => ({
 	};
 	changeArrows = (e) => this.graphChange({ arrows: e });
 	setDefaults = () => {
-		let { graph: { availableTypes: e, maxNumberOfPoints: n } } = u, r = this.getAdjustedHeight(e, n), i = {
-			...t(u.graph),
-			height: r
+		let { graph: { availableTypes: e, maxNumberOfPoints: t } } = u, n = this.getAdjustedHeight(e, t), r = {
+			..._(u.graph),
+			height: n
 		};
-		this.props.onChange({ graph: i });
+		this.props.onChange({ graph: r });
 	};
 	moveCorrectResponse = (e, t, n) => {
 		t.position = n;
-		let { onChange: r, model: i } = this.props, a = E(t.type === "line" && w(t) ? T(t) : t), o = [...i.correctResponse];
+		let { onChange: r, model: i } = this.props, a = D(t.type === "line" && T(t) ? E(t) : t), o = [...i.correctResponse];
 		o[e] = a, r({ correctResponse: o });
 	};
 	availableTypesChange = (e) => {
 		let { model: t, onChange: n } = this.props, { correctResponse: r, graph: { maxNumberOfPoints: i } } = t;
-		new Set(r.map(N)).forEach((t) => {
+		new Set(r.map(P)).forEach((t) => {
 			e[t] = !0;
 		});
 		let a = this.getAdjustedHeight(e, i);
@@ -239,7 +239,7 @@ var C = (e) => ({
 	};
 	addCorrectResponse = (e) => {
 		let { model: t, onChange: n } = this.props, r = [...t.correctResponse];
-		r.push(E(e)), n({ correctResponse: r });
+		r.push(D(e)), n({ correctResponse: r });
 	};
 	clearCorrectResponse = () => {
 		let { onChange: e } = this.props;
@@ -250,74 +250,74 @@ var C = (e) => ({
 		n.pop(), t({ correctResponse: n });
 	};
 	render() {
-		let { model: e, onChange: n, configuration: r, onConfigurationChanged: i, uploadSoundSupport: a, imageSupport: s } = this.props, { baseInputConfiguration: u = {}, contentDimensions: f = {}, instruction: p = {}, teacherInstructions: g = {}, title: y = {}, prompt: b = {}, rationale: S = {}, spellCheck: w = {}, mathMlOptions: T = {}, numberLineDimensions: E = {}, maxMaxElements: N = 20, hidePointConfigButtons: P = !1, availableTools: F = ["PF"], settingsPanelDisabled: I = !1 } = r || {}, { errors: L = {}, extraCSSRules: _e, spellCheckEnabled: R, toolbarEditorPosition: z, teacherInstructionsEnabled: ve, titleEnabled: ye, promptEnabled: be, rationaleEnabled: xe } = e || {}, { graph: B } = e;
+		let { model: e, onChange: t, configuration: n, onConfigurationChanged: r, uploadSoundSupport: i, imageSupport: o } = this.props, { baseInputConfiguration: u = {}, contentDimensions: f = {}, instruction: p = {}, teacherInstructions: g = {}, title: b = {}, prompt: x = {}, rationale: C = {}, spellCheck: T = {}, mathMlOptions: E = {}, numberLineDimensions: D = {}, maxMaxElements: P = 20, hidePointConfigButtons: F = !1, availableTools: I = ["PF"], settingsPanelDisabled: L = !1 } = n || {}, { errors: R = {}, extraCSSRules: ge, spellCheckEnabled: z, toolbarEditorPosition: _e, teacherInstructionsEnabled: ve, titleEnabled: ye, promptEnabled: be, rationaleEnabled: xe } = e || {}, { graph: B } = e;
 		B = this.reloadTicksData(B);
-		let { dialog: V, correctAnswerDialog: H } = this.state, { correctResponseError: U, domainError: W, maxError: G, pointsError: K, prompt: q, rationale: J, teacherInstructions: Y, widthError: X } = L || {}, Se = ie(), Ce = t(e.correctResponse || []).map(ce), Z = t(e);
+		let { dialog: V, correctAnswerDialog: H } = this.state, { correctResponseError: U, domainError: W, maxError: G, pointsError: K, prompt: q, rationale: J, teacherInstructions: Y, widthError: X } = R || {}, Se = re(), Ce = _(e.correctResponse || []).map(se), Z = _(e);
 		Z.disabled = !0;
-		let Q = { position: z === "top" ? "top" : "bottom" }, we = {
-			teacherInstructionsEnabled: g.settings && D(g.label),
-			titleEnabled: y.settings && D(y.label),
-			promptEnabled: b.settings && D(b.label),
-			rationaleEnabled: S.settings && D(S.label),
-			spellCheckEnabled: w.settings && D(w.label)
+		let Q = { position: _e === "top" ? "top" : "bottom" }, we = {
+			teacherInstructionsEnabled: g.settings && O(g.label),
+			titleEnabled: b.settings && O(b.label),
+			promptEnabled: x.settings && O(x.label),
+			rationaleEnabled: C.settings && O(C.label),
+			spellCheckEnabled: T.settings && O(T.label)
 		}, $ = (e = {}) => ({
 			...u,
 			...e
 		});
-		return /* @__PURE__ */ h(ae.ConfigLayout, {
-			extraCSSRules: _e,
+		return /* @__PURE__ */ h(ie.ConfigLayout, {
+			extraCSSRules: ge,
 			dimensions: f,
-			hideSettings: I,
-			settings: /* @__PURE__ */ m(le, {
+			hideSettings: L,
+			settings: /* @__PURE__ */ m(ce, {
 				model: e,
-				configuration: r,
-				onChangeModel: n,
-				onChangeConfiguration: i,
+				configuration: n,
+				onChangeModel: t,
+				onChangeConfiguration: r,
 				groups: { Properties: we }
 			}),
 			children: [
-				/* @__PURE__ */ m(ge, {
+				/* @__PURE__ */ m(he, {
 					component: "div",
 					type: "body1",
 					children: p.label
 				}),
-				ve && /* @__PURE__ */ h(j, {
+				ve && /* @__PURE__ */ h(M, {
 					label: g.label,
-					children: [/* @__PURE__ */ m(x, {
+					children: [/* @__PURE__ */ m(S, {
 						markup: e.teacherInstructions || "",
-						onChange: (e) => n({ teacherInstructions: e }),
+						onChange: (e) => t({ teacherInstructions: e }),
 						nonEmpty: !1,
 						disableUnderline: !0,
 						error: Y,
 						toolbarOpts: Q,
 						pluginProps: $(g?.inputConfiguration),
-						spellCheck: R,
-						imageSupport: s,
-						uploadSoundSupport: a,
+						spellCheck: z,
+						imageSupport: o,
+						uploadSoundSupport: i,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: T
-					}), Y && /* @__PURE__ */ m(M, { children: Y })]
+						mathMlOptions: E
+					}), Y && /* @__PURE__ */ m(N, { children: Y })]
 				}),
-				be && /* @__PURE__ */ h(j, {
-					label: b.label,
-					children: [/* @__PURE__ */ m(x, {
+				be && /* @__PURE__ */ h(M, {
+					label: x.label,
+					children: [/* @__PURE__ */ m(S, {
 						markup: e.prompt || "",
-						onChange: (e) => n({ prompt: e }),
+						onChange: (e) => t({ prompt: e }),
 						nonEmpty: !1,
 						disableUnderline: !0,
 						error: q,
 						toolbarOpts: Q,
-						pluginProps: $(b?.inputConfiguration),
-						spellCheck: R,
-						imageSupport: s,
-						uploadSoundSupport: a,
+						pluginProps: $(x?.inputConfiguration),
+						spellCheck: z,
+						imageSupport: o,
+						uploadSoundSupport: i,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: T
-					}), q && /* @__PURE__ */ m(M, { children: q })]
+						mathMlOptions: E
+					}), q && /* @__PURE__ */ m(N, { children: q })]
 				}),
-				/* @__PURE__ */ m(c, {
+				/* @__PURE__ */ m(s, {
 					header: "Set Up Number Line",
-					info: /* @__PURE__ */ m(oe, {
+					info: /* @__PURE__ */ m(ae, {
 						disableFocusListener: !0,
 						disableTouchListener: !0,
 						placement: "right",
@@ -327,7 +327,7 @@ var C = (e) => ({
 							whiteSpace: "pre",
 							maxWidth: "500px"
 						}) } },
-						children: /* @__PURE__ */ m(se, {
+						children: /* @__PURE__ */ m(oe, {
 							fontSize: "small",
 							color: "primary",
 							style: { marginLeft: "8px" }
@@ -335,49 +335,49 @@ var C = (e) => ({
 					}),
 					children: "Set up the number line by entering the domain and number of tick marks to display. Labels on the number line can be edited or removed by clicking on the label."
 				}),
-				/* @__PURE__ */ m(de, { children: /* @__PURE__ */ m(l, {
+				/* @__PURE__ */ m(ue, { children: /* @__PURE__ */ m(c, {
 					domain: B.domain,
-					errors: L,
+					errors: R,
 					onChange: (e) => this.graphChange({ domain: e })
 				}) }),
-				G && /* @__PURE__ */ m(M, { children: G }),
-				W && /* @__PURE__ */ m(M, { children: W }),
-				/* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(v, { children: /* @__PURE__ */ m(re, {
+				G && /* @__PURE__ */ m(N, { children: G }),
+				W && /* @__PURE__ */ m(N, { children: W }),
+				/* @__PURE__ */ m("div", { children: /* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(ne, {
 					ticks: B.ticks,
-					minorLimits: O,
-					minorValues: k,
-					majorValues: A,
+					minorLimits: k,
+					minorValues: A,
+					majorValues: j,
 					onChange: this.changeTicks
 				}) }) }),
-				/* @__PURE__ */ h(me, { children: [
+				/* @__PURE__ */ h(pe, { children: [
 					e.widthEnabled && /* @__PURE__ */ m(ee, {
 						size: B,
-						min: E.min,
-						max: E.max,
-						step: E.step,
+						min: D.min,
+						max: D.max,
+						step: D.step,
 						onChange: this.changeSize
 					}),
 					/* @__PURE__ */ m("div", {}),
-					/* @__PURE__ */ m(te, {
+					/* @__PURE__ */ m(l, {
 						arrows: B.arrows,
 						onChange: this.changeArrows
 					})
 				] }),
-				X && /* @__PURE__ */ m(M, { children: X }),
-				/* @__PURE__ */ m(o, {
+				X && /* @__PURE__ */ m(N, { children: X }),
+				/* @__PURE__ */ m(a, {
 					onMoveElement: () => {},
 					onDeleteElements: () => {},
 					onAddElement: () => {},
 					onClearElements: () => {},
 					onUndoElement: () => {},
-					minWidth: E.min,
-					maxWidth: E.max,
+					minWidth: D.min,
+					maxWidth: D.max,
 					maxHeight: 70,
-					model: C(Z)
+					model: w(Z)
 				}),
-				ye && /* @__PURE__ */ m(pe, {
-					label: y?.label || "Title",
-					children: /* @__PURE__ */ m(x, {
+				ye && /* @__PURE__ */ m(fe, {
+					label: b?.label || "Title",
+					children: /* @__PURE__ */ m(S, {
 						markup: B.title || "",
 						onChange: this.changeGraphTitle,
 						toolbarOpts: Q,
@@ -392,62 +392,62 @@ var C = (e) => ({
 							"languageCharacters",
 							"responseArea"
 						],
-						pluginProps: $(y?.inputConfiguration),
-						spellCheck: R,
-						imageSupport: s,
-						uploadSoundSupport: a,
+						pluginProps: $(b?.inputConfiguration),
+						spellCheck: z,
+						imageSupport: o,
+						uploadSoundSupport: i,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: T
+						mathMlOptions: E
 					})
 				}),
 				!B.exhibitOnly && /* @__PURE__ */ h(d.Fragment, { children: [
-					/* @__PURE__ */ h(c, {
+					/* @__PURE__ */ h(s, {
 						header: "Define Tool Set and Correct Response",
 						children: ["Select answer type and place it on the number line. Intersecting points, line segments and/or rays will appear above the number line. ", /* @__PURE__ */ m("i", { children: "Note: A maximum of 20 points, line segments or rays may be plotted." })]
 					}),
-					/* @__PURE__ */ m(c, {
+					/* @__PURE__ */ m(s, {
 						header: "Available Tools",
 						mini: !0,
 						children: "Click on the input options to be displayed to the students. All inputs will display by default."
 					}),
-					/* @__PURE__ */ m(fe, { children: /* @__PURE__ */ m(ne, {
+					/* @__PURE__ */ m(de, { children: /* @__PURE__ */ m(te, {
 						onSelectionChange: this.availableTypesChange,
 						selection: B.availableTypes,
-						availableTools: F,
-						hideButtons: P
+						availableTools: I,
+						hideButtons: F
 					}) }),
-					/* @__PURE__ */ h(he, { children: [
+					/* @__PURE__ */ h(me, { children: [
 						/* @__PURE__ */ m("label", { children: "Max No of Elements" }),
-						/* @__PURE__ */ m(ue, {
+						/* @__PURE__ */ m(le, {
 							min: 1,
-							max: N,
+							max: P,
 							onlyIntegersAllowed: !0,
 							value: B.maxNumberOfPoints,
 							onChange: this.changeMaxNoOfPoints
 						}),
-						K && /* @__PURE__ */ m(M, { children: K })
+						K && /* @__PURE__ */ m(N, { children: K })
 					] }),
 					/* @__PURE__ */ m("label", { children: "Correct Answer" }),
-					/* @__PURE__ */ m(o, {
+					/* @__PURE__ */ m(a, {
 						onMoveElement: this.moveCorrectResponse,
 						onDeleteElements: this.deleteCorrectResponse,
 						onAddElement: this.addCorrectResponse,
 						onClearElements: this.clearCorrectResponse,
 						onUndoElement: this.undoCorrectResponse,
-						minWidth: E.min,
-						maxWidth: E.max,
+						minWidth: D.min,
+						maxWidth: D.max,
 						answer: Ce,
-						model: C(e)
+						model: w(e)
 					}),
-					U && /* @__PURE__ */ m(M, { children: U })
+					U && /* @__PURE__ */ m(N, { children: U })
 				] }),
-				/* @__PURE__ */ m(_, {
+				/* @__PURE__ */ m(v, {
 					open: V.open,
 					title: "Warning",
 					text: V.text,
 					onConfirm: () => this.setState({ dialog: { open: !1 } })
 				}),
-				/* @__PURE__ */ m(_, {
+				/* @__PURE__ */ m(v, {
 					open: H.open,
 					title: "Warning",
 					text: H.text,
@@ -457,29 +457,29 @@ var C = (e) => ({
 					},
 					onClose: () => {
 						let e = this.state.correctAnswerDialog.graph;
-						n({ graph: e }), this.setState({ correctAnswerDialog: { open: !1 } });
+						t({ graph: e }), this.setState({ correctAnswerDialog: { open: !1 } });
 					},
 					onConfirmText: "OK",
 					onCloseText: "Cancel"
 				}),
-				xe && /* @__PURE__ */ h(j, {
-					label: S.label || "Rationale",
-					children: [/* @__PURE__ */ m(x, {
+				xe && /* @__PURE__ */ h(M, {
+					label: C.label || "Rationale",
+					children: [/* @__PURE__ */ m(S, {
 						markup: e.rationale || "",
-						onChange: (e) => n({ rationale: e }),
+						onChange: (e) => t({ rationale: e }),
 						error: J,
 						toolbarOpts: Q,
-						spellCheck: R,
-						pluginProps: $(S?.inputConfiguration),
-						imageSupport: s,
-						uploadSoundSupport: a,
+						spellCheck: z,
+						pluginProps: $(C?.inputConfiguration),
+						imageSupport: o,
+						uploadSoundSupport: i,
 						languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
-						mathMlOptions: T
-					}), J && /* @__PURE__ */ m(M, { children: J })]
+						mathMlOptions: E
+					}), J && /* @__PURE__ */ m(N, { children: J })]
 				})
 			]
 		});
 	}
 };
 //#endregion
-export { P as default };
+export { F as default };