@pie-element/graphing-solution-set 7.0.4-next.20261011174919 → 7.0.4

package/dist/browser/editor-runtime/author/index.js

@@ -184,7 +184,7 @@ var U = b("MuiFormControlLabel", [
 }))), Ie = I("span", {
 	name: "MuiFormControlLabel",
 	slot: "Asterisk"
-})(w(({ theme: e }) => ({ [`&.${U.error}`]: { color: (e.vars || e).palette.error.main } }))), Le = /*#__PURE__*/ z.forwardRef(function(e, t) {
+})(w(({ theme: e }) => ({ [`&.${U.error}`]: { color: (e.vars || e).palette.error.main } }))), W = /*#__PURE__*/ z.forwardRef(function(e, t) {
 	let n = C({
 		props: e,
 		name: "MuiFormControlLabel"
@@ -242,7 +242,7 @@ var U = b("MuiFormControlLabel", [
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormGroup/formGroupClasses.js
-function Re(e) {
+function Le(e) {
 	return s("MuiFormGroup", e);
 }
 b("MuiFormGroup", [
@@ -252,14 +252,14 @@ b("MuiFormGroup", [
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/FormGroup/FormGroup.js
-var ze = (e) => {
+var Re = (e) => {
 	let { classes: t, row: n, error: r } = e;
 	return D({ root: [
 		"root",
 		n && "row",
 		r && "error"
-	] }, Re, t);
-}, Be = I("div", {
+	] }, Le, t);
+}, ze = I("div", {
 	name: "MuiFormGroup",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -274,7 +274,7 @@ var ze = (e) => {
 		props: { row: !0 },
 		style: { flexDirection: "row" }
 	}]
-}), Ve = /*#__PURE__*/ z.forwardRef(function(e, t) {
+}), Be = /*#__PURE__*/ z.forwardRef(function(e, t) {
 	let n = C({
 		props: e,
 		name: "MuiFormGroup"
@@ -287,8 +287,8 @@ var ze = (e) => {
 		row: i,
 		error: o.error
 	};
-	return /*#__PURE__*/ V(Be, {
-		className: M(ze(s).root, r),
+	return /*#__PURE__*/ V(ze, {
+		className: M(Re(s).root, r),
 		ownerState: s,
 		ref: t,
 		...a
@@ -296,10 +296,10 @@ var ze = (e) => {
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/InputAdornment/inputAdornmentClasses.js
-function He(e) {
+function Ve(e) {
 	return s("MuiInputAdornment", e);
 }
-var Ue = b("MuiInputAdornment", [
+var He = b("MuiInputAdornment", [
 	"root",
 	"filled",
 	"standard",
@@ -309,7 +309,7 @@ var Ue = b("MuiInputAdornment", [
 	"disablePointerEvents",
 	"hiddenLabel",
 	"sizeSmall"
-]), We, Ge = (e, t) => {
+]), Ue, We = (e, t) => {
 	let { ownerState: n } = e;
 	return [
 		t.root,
@@ -317,7 +317,7 @@ var Ue = b("MuiInputAdornment", [
 		n.disablePointerEvents === !0 && t.disablePointerEvents,
 		t[n.variant]
 	];
-}, Ke = (e) => {
+}, Ge = (e) => {
 	let { classes: t, disablePointerEvents: n, hiddenLabel: r, position: i, size: a, variant: o } = e;
 	return D({ root: [
 		"root",
@@ -326,11 +326,11 @@ var Ue = b("MuiInputAdornment", [
 		o,
 		r && "hiddenLabel",
 		a && `size${R(a)}`
-	] }, He, t);
-}, qe = I("div", {
+	] }, Ve, t);
+}, Ke = I("div", {
 	name: "MuiInputAdornment",
 	slot: "Root",
-	overridesResolver: Ge
+	overridesResolver: We
 })(w(({ theme: e }) => ({
 	display: "flex",
 	maxHeight: "2em",
@@ -340,7 +340,7 @@ var Ue = b("MuiInputAdornment", [
 	variants: [
 		{
 			props: { variant: "filled" },
-			style: { [`&.${Ue.positionStart}&:not(.${Ue.hiddenLabel})`]: { marginTop: 16 } }
+			style: { [`&.${He.positionStart}&:not(.${He.hiddenLabel})`]: { marginTop: 16 } }
 		},
 		{
 			props: { position: "start" },
@@ -355,7 +355,7 @@ var Ue = b("MuiInputAdornment", [
 			style: { pointerEvents: "none" }
 		}
 	]
-}))), Je = /*#__PURE__*/ z.forwardRef(function(e, t) {
+}))), qe = /*#__PURE__*/ z.forwardRef(function(e, t) {
 	let n = C({
 		props: e,
 		name: "MuiInputAdornment"
@@ -368,10 +368,10 @@ var Ue = b("MuiInputAdornment", [
 		disablePointerEvents: o,
 		position: c,
 		variant: p
-	}, h = Ke(m);
+	}, h = Ge(m);
 	return /*#__PURE__*/ V(v.Provider, {
 		value: null,
-		children: /*#__PURE__*/ V(qe, {
+		children: /*#__PURE__*/ V(Ke, {
 			as: a,
 			ownerState: m,
 			className: M(h.root, i),
@@ -380,7 +380,7 @@ var Ue = b("MuiInputAdornment", [
 			children: typeof r == "string" && !s ? /*#__PURE__*/ V(L, {
 				color: "textSecondary",
 				children: r
-			}) : /*#__PURE__*/ H(z.Fragment, { children: [c === "start" ? We ||= /*#__PURE__*/ V("span", {
+			}) : /*#__PURE__*/ H(z.Fragment, { children: [c === "start" ? Ue ||= /*#__PURE__*/ V("span", {
 				className: "notranslate",
 				"aria-hidden": !0,
 				children: "​"
@@ -390,7 +390,7 @@ var Ue = b("MuiInputAdornment", [
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/radioGroupClasses.js
-function Ye(e) {
+function Je(e) {
 	return s("MuiRadioGroup", e);
 }
 b("MuiRadioGroup", [
@@ -400,15 +400,15 @@ b("MuiRadioGroup", [
 ]);
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/RadioGroup/RadioGroup.js
-var Xe = (e) => {
+var Ye = (e) => {
 	let { classes: t, row: n, error: r } = e;
 	return D({ root: [
 		"root",
 		n && "row",
 		r && "error"
-	] }, Ye, t);
-}, Ze = /*#__PURE__*/ z.forwardRef(function(e, t) {
-	let { actions: n, children: r, className: i, defaultValue: a, name: o, onChange: s, value: c, ...l } = e, u = z.useRef(null), d = Xe(e), [f, h] = m({
+	] }, Je, t);
+}, Xe = /*#__PURE__*/ z.forwardRef(function(e, t) {
+	let { actions: n, children: r, className: i, defaultValue: a, name: o, onChange: s, value: c, ...l } = e, u = z.useRef(null), d = Ye(e), [f, h] = m({
 		controlled: c,
 		default: a,
 		name: "RadioGroup"
@@ -431,7 +431,7 @@ var Xe = (e) => {
 	]);
 	return /*#__PURE__*/ V(k.Provider, {
 		value: y,
-		children: /*#__PURE__*/ V(Ve, {
+		children: /*#__PURE__*/ V(Be, {
 			role: "radiogroup",
 			ref: g,
 			className: M(d.root, i),
@@ -442,10 +442,10 @@ var Xe = (e) => {
 });
 //#endregion
 //#region ../../../node_modules/.bun/@mui+material@7.3.11+eb26afe407ed7030/node_modules/@mui/material/esm/Switch/switchClasses.js
-function Qe(e) {
+function Ze(e) {
 	return s("MuiSwitch", e);
 }
-var W = b("MuiSwitch", [
+var G = b("MuiSwitch", [
 	"root",
 	"edgeStart",
 	"edgeEnd",
@@ -459,7 +459,7 @@ var W = b("MuiSwitch", [
 	"input",
 	"thumb",
 	"track"
-]), $e = (e) => {
+]), Qe = (e) => {
 	let { classes: t, edge: n, size: r, color: i, checked: a, disabled: o } = e, s = D({
 		root: [
 			"root",
@@ -475,12 +475,12 @@ var W = b("MuiSwitch", [
 		thumb: ["thumb"],
 		track: ["track"],
 		input: ["input"]
-	}, Qe, t);
+	}, Ze, t);
 	return {
 		...t,
 		...s
 	};
-}, et = I("span", {
+}, $e = I("span", {
 	name: "MuiSwitch",
 	slot: "Root",
 	overridesResolver: (e, t) => {
@@ -518,25 +518,25 @@ var W = b("MuiSwitch", [
 				width: 40,
 				height: 24,
 				padding: 7,
-				[`& .${W.thumb}`]: {
+				[`& .${G.thumb}`]: {
 					width: 16,
 					height: 16
 				},
-				[`& .${W.switchBase}`]: {
+				[`& .${G.switchBase}`]: {
 					padding: 4,
-					[`&.${W.checked}`]: { transform: "translateX(16px)" }
+					[`&.${G.checked}`]: { transform: "translateX(16px)" }
 				}
 			}
 		}
 	]
-}), tt = I(ce, {
+}), et = I(ce, {
 	name: "MuiSwitch",
 	slot: "SwitchBase",
 	overridesResolver: (e, t) => {
 		let { ownerState: n } = e;
 		return [
 			t.switchBase,
-			{ [`& .${W.input}`]: t.input },
+			{ [`& .${G.input}`]: t.input },
 			n.color !== "default" && t[`color${R(n.color)}`]
 		];
 	}
@@ -547,11 +547,11 @@ var W = b("MuiSwitch", [
 	zIndex: 1,
 	color: e.vars ? e.vars.palette.Switch.defaultColor : `${e.palette.mode === "light" ? e.palette.common.white : e.palette.grey[300]}`,
 	transition: e.transitions.create(["left", "transform"], { duration: e.transitions.duration.shortest }),
-	[`&.${W.checked}`]: { transform: "translateX(20px)" },
-	[`&.${W.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
-	[`&.${W.checked} + .${W.track}`]: { opacity: .5 },
-	[`&.${W.disabled} + .${W.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
-	[`& .${W.input}`]: {
+	[`&.${G.checked}`]: { transform: "translateX(20px)" },
+	[`&.${G.disabled}`]: { color: e.vars ? e.vars.palette.Switch.defaultDisabledColor : `${e.palette.mode === "light" ? e.palette.grey[100] : e.palette.grey[600]}` },
+	[`&.${G.checked} + .${G.track}`]: { opacity: .5 },
+	[`&.${G.disabled} + .${G.track}`]: { opacity: e.vars ? e.vars.opacity.switchTrackDisabled : `${e.palette.mode === "light" ? .12 : .2}` },
+	[`& .${G.input}`]: {
 		left: "-100%",
 		width: "300%"
 	}
@@ -563,18 +563,18 @@ var W = b("MuiSwitch", [
 	variants: [...Object.entries(e.palette).filter(P(["light"])).map(([t]) => ({
 		props: { color: t },
 		style: {
-			[`&.${W.checked}`]: {
+			[`&.${G.checked}`]: {
 				color: (e.vars || e).palette[t].main,
 				"&:hover": {
 					backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity),
 					"@media (hover: none)": { backgroundColor: "transparent" }
 				},
-				[`&.${W.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
+				[`&.${G.disabled}`]: { color: e.vars ? e.vars.palette.Switch[`${t}DisabledColor`] : `${e.palette.mode === "light" ? e.lighten(e.palette[t].main, .62) : e.darken(e.palette[t].main, .55)}` }
 			},
-			[`&.${W.checked} + .${W.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
+			[`&.${G.checked} + .${G.track}`]: { backgroundColor: (e.vars || e).palette[t].main }
 		}
 	}))]
-}))), nt = I("span", {
+}))), tt = I("span", {
 	name: "MuiSwitch",
 	slot: "Track"
 })(w(({ theme: e }) => ({
@@ -587,7 +587,7 @@ var W = b("MuiSwitch", [
 	transition: e.transitions.create(["opacity", "background-color"], { duration: e.transitions.duration.shortest }),
 	backgroundColor: e.vars ? e.vars.palette.common.onBackground : `${e.palette.mode === "light" ? e.palette.common.black : e.palette.common.white}`,
 	opacity: e.vars ? e.vars.opacity.switchTrack : `${e.palette.mode === "light" ? .38 : .3}`
-}))), rt = I("span", {
+}))), nt = I("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
 })(w(({ theme: e }) => ({
@@ -598,7 +598,7 @@ var W = b("MuiSwitch", [
 	width: 20,
 	height: 20,
 	borderRadius: "50%"
-}))), it = /*#__PURE__*/ z.forwardRef(function(e, t) {
+}))), rt = /*#__PURE__*/ z.forwardRef(function(e, t) {
 	let n = C({
 		props: e,
 		name: "MuiSwitch"
@@ -607,29 +607,29 @@ var W = b("MuiSwitch", [
 		color: i,
 		edge: a,
 		size: o
-	}, m = $e(p), h = u.input, g = {
+	}, m = Qe(p), h = u.input, g = {
 		slots: l,
 		slotProps: u
 	}, [_, v] = c("root", {
 		className: M(m.root, r),
-		elementType: et,
+		elementType: $e,
 		externalForwardedProps: g,
 		ownerState: p,
 		additionalProps: { sx: s }
 	}), [y, b] = c("thumb", {
 		className: m.thumb,
-		elementType: rt,
+		elementType: nt,
 		externalForwardedProps: g,
 		ownerState: p
 	}), x = /*#__PURE__*/ V(y, { ...b }), [S, w] = c("track", {
 		className: m.track,
-		elementType: nt,
+		elementType: tt,
 		externalForwardedProps: g,
 		ownerState: p
 	});
 	return /*#__PURE__*/ H(_, {
 		...v,
-		children: [/*#__PURE__*/ V(tt, {
+		children: [/*#__PURE__*/ V(et, {
 			type: "checkbox",
 			icon: x,
 			checkedIcon: x,
@@ -650,7 +650,7 @@ var W = b("MuiSwitch", [
 			}
 		}), /*#__PURE__*/ V(S, { ...w })]
 	});
-}), G = /* @__PURE__ */ e(i(), 1), K = /* @__PURE__ */ e(se(), 1), at = I(Le)(() => ({ "& .MuiFormControlLabel-label": {
+}), it = /* @__PURE__ */ e(i(), 1), K = /* @__PURE__ */ e(se(), 1), at = I(W)(() => ({ "& .MuiFormControlLabel-label": {
 	left: "-5px",
 	position: "relative"
 } })), ot = I(re)(() => ({ color: `${f.tertiary()} !important` })), st = ({ label: e, value: t, checked: n, onChange: r }) => /* @__PURE__ */ V(at, {
@@ -698,7 +698,7 @@ var ct = I(ee)(() => ({})), lt = class extends B.Component {
 			})]
 		});
 	}
-}, ut = I(Le)(({ theme: e, mini: t }) => ({
+}, ut = I(W)(({ theme: e, mini: t }) => ({
 	margin: 0,
 	marginLeft: 0,
 	padding: 0,
@@ -746,7 +746,7 @@ ft.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/number-text-field.js
-var pt = (0, G.default)("@pie-lib:config-ui:number-text-field"), mt = I(le)(({ theme: e }) => ({
+var pt = (0, it.default)("@pie-lib:config-ui:number-text-field"), mt = I(le)(({ theme: e }) => ({
 	marginRight: e.spacing(1),
 	"& .MuiInputLabel-root": {
 		width: "auto",
@@ -843,7 +843,7 @@ var pt = (0, G.default)("@pie-lib:config-ui:number-text-field"), mt = I(le)(({ t
 			type: "number",
 			className: e,
 			slotProps: { input: {
-				endAdornment: r && /* @__PURE__ */ V(Je, {
+				endAdornment: r && /* @__PURE__ */ V(qe, {
 					position: "end",
 					children: r
 				}),
@@ -1012,7 +1012,7 @@ var pt = (0, G.default)("@pie-lib:config-ui:number-text-field"), mt = I(le)(({ t
 			InputProps: {
 				className: c,
 				disableUnderline: l,
-				startAdornment: /* @__PURE__ */ V(Je, {
+				startAdornment: /* @__PURE__ */ V(qe, {
 					position: "start",
 					children: /* @__PURE__ */ V(xt, {
 						disabled: n || g,
@@ -1021,7 +1021,7 @@ var pt = (0, G.default)("@pie-lib:config-ui:number-text-field"), mt = I(le)(({ t
 						children: /* @__PURE__ */ V(vt, { fontSize: "small" })
 					})
 				}),
-				endAdornment: /* @__PURE__ */ V(Je, {
+				endAdornment: /* @__PURE__ */ V(qe, {
 					position: "end",
 					children: /* @__PURE__ */ V(xt, {
 						disabled: n || _,
@@ -1704,7 +1704,7 @@ var Tn = I("div")(() => ({
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize,
 	paddingTop: e.spacing(2)
-})), Nn = I(it)(({ checked: e }) => ({
+})), Nn = I(rt)(({ checked: e }) => ({
 	"&.Mui-checked .MuiSwitch-thumb": { color: `${f.tertiary()} !important` },
 	"&.Mui-checked .MuiSwitch-track": { backgroundColor: `${f.tertiaryLight()} !important` },
 	"& .MuiSwitch-track": { backgroundColor: e ? `${f.tertiaryLight()} !important` : void 0 }
@@ -1728,7 +1728,7 @@ Pn.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/settings-radio-label.js
-var Fn = I(Le)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
+var Fn = I(W)(({ theme: e }) => ({ "& .MuiFormControlLabel-label": {
 	color: "rgba(0, 0, 0, 0.89)",
 	fontSize: e.typography.fontSize - 2,
 	left: "-5px",
@@ -1749,7 +1749,7 @@ Ln.propTypes = {
 };
 //#endregion
 //#region ../../lib-react/config-ui/dist/settings/panel.js
-var Rn = (0, G.default)("pie-lib:config-ui:settings:panel"), zn = {
+var Rn = (0, it.default)("pie-lib:config-ui:settings:panel"), zn = {
 	label: K.default.string,
 	value: K.default.string
 }, X = {
@@ -1953,15 +1953,12 @@ var rr = class extends B.Component {
 }), sr = (e) => typeof e == "string" ? {
 	label: e,
 	value: e
-} : e, cr = function() {
-	let [e, t, n = !1] = Array.prototype.slice.call(arguments);
-	return {
-		type: "radio",
-		label: e,
-		choices: t && t.map((e) => sr(e)),
-		isConfigProperty: n
-	};
-}, lr = (e, t, n = !1) => ({
+} : e, cr = (e, t, n = !1) => ({
+	type: "radio",
+	label: e,
+	choices: t && t.map((e) => sr(e)),
+	isConfigProperty: n
+}), lr = (e, t, n = !1) => ({
 	type: "dropdown",
 	label: e,
 	choices: t,
@@ -2794,6 +2791,7 @@ var zr = [
 		graphDimensions: K.default.object,
 		gridConfigurations: K.default.array,
 		labelsPlaceholders: K.default.object,
+		mathMlOptions: K.default.object,
 		model: K.default.object.isRequired,
 		onChange: K.default.func.isRequired,
 		showLabels: K.default.bool,
@@ -2992,7 +2990,7 @@ var zr = [
 }, vi = I(L)(({ theme: e }) => ({
 	marginTop: e.spacing(1.5),
 	marginBottom: e.spacing(1)
-})), yi = I(Le)({
+})), yi = I(W)({
 	height: "20px",
 	width: "fit-content",
 	padding: ".5rem 0"
@@ -3003,6 +3001,7 @@ var zr = [
 })), Si = class extends z.Component {
 	static propTypes = {
 		errors: K.default.object,
+		mathMlOptions: K.default.object,
 		model: K.default.object.isRequired,
 		onChange: K.default.func.isRequired
 	};
@@ -3129,7 +3128,7 @@ var zr = [
 				variant: "body1",
 				children: "Choose Number of Lines"
 			}),
-			/* @__PURE__ */ H(Ze, {
+			/* @__PURE__ */ H(Xe, {
 				name: "numberOfLines",
 				value: i.numberOfLines,
 				onChange: this.changeNumberOfLines,
@@ -3180,22 +3179,12 @@ var zr = [
 			})
 		] });
 	}
-}, { Panel: Ci, toggle: $, radio: wi, checkboxes: Ti, textField: Ei, dropdown: Di } = ir;
-(0, G.default)("@pie-element:graphing-solution-set:configure");
-var Oi = I(yr)(({ theme: e }) => ({
+}, { Panel: Ci, toggle: $, radio: wi, checkboxes: Ti, textField: Ei, dropdown: Di } = ir, Oi = I(yr)(({ theme: e }) => ({
 	width: "100%",
 	paddingTop: e.spacing(2),
 	marginBottom: e.spacing(2),
 	marginTop: e.spacing(2)
 })), ki = I(L)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), Ai = class extends B.Component {
-	static propTypes = {
-		onModelChanged: K.default.func,
-		onConfigurationChanged: K.default.func,
-		imageSupport: K.default.object,
-		uploadSoundSupport: K.default.object,
-		model: K.default.object.isRequired,
-		configuration: K.default.object.isRequired
-	};
 	componentDidMount() {
 		let { configuration: e, onModelChanged: t, model: n } = this.props, { title: r, graphDimensions: i } = e || {}, { arrows: a, titleEnabled: o, dimensionsEnabled: s } = n || {};
 		typeof a == "boolean" && (a = a ? {
@@ -3750,7 +3739,10 @@ var Oi = I(yr)(({ theme: e }) => ({
 			mmlEditing: !1
 		}
 	}
-}, Li = (0, G.default)("pie-elements:graphing-solution-set:configure"), Ri = (e) => Object.keys(e || {}).sort().reduce((t, n) => (n !== "correctAnswer" && (t[n] = e[n]), t), {}), zi = class e extends HTMLElement {
+}, Li = (0, it.default)("pie-elements:graphing-solution-set:configure"), Ri = (e) => Object.keys(e || {}).sort().reduce((t, n) => (e && n !== "correctAnswer" && (t[n] = e[n]), t), {}), zi = class e extends HTMLElement {
+	_root;
+	_model;
+	_configuration;
 	static createDefaultModel = (e = {}) => {
 		let t = {
 			...Ii.model,
@@ -3787,7 +3779,7 @@ var Oi = I(yr)(({ theme: e }) => ({
 			...e
 		};
 		let { language: t, languageChoices: n } = this._configuration;
-		t?.enabled ? n?.options?.length && (this._model.language = n.options[0].value) : t?.settings ? this._model.language && (this._configuration.language.enabled = !0) : delete this._model.language, this._render();
+		t?.enabled ? n?.options?.length && (this._model.language = n.options[0].value) : t?.settings ? this._model.language && (t.enabled = !0) : delete this._model.language, this._render();
 	}
 	onModelChanged = (e) => {
 		this._model = e, this._render(), Li("[onModelChanged]: ", this._model), this.dispatchEvent(new ji(this._model));