@pie-element/number-line 13.1.2-next.5 → 13.1.2-next.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/author/arrows.js +1 -1
- package/dist/author/domain.js +1 -1
- package/dist/author/index.d.ts +1 -0
- package/dist/author/index.js +5 -2
- package/dist/author/main.js +145 -145
- package/dist/author/ticks.js +1 -1
- package/dist/browser/author/index.js +16367 -19542
- package/dist/browser/author/index.js.map +1 -1
- package/dist/browser/controller/index.js +4 -4
- package/dist/browser/controller/index.js.map +1 -1
- package/dist/browser/delivery/index.js +1 -1
- package/dist/browser/{delivery-bcOQIdko.js → delivery-CO2qrOqk.js} +4117 -4207
- package/dist/browser/delivery-CO2qrOqk.js.map +1 -0
- package/dist/browser/{dist-BnIaVPcz.js → dist-DkCincUw.js} +1417 -1417
- package/dist/browser/{dist-BnIaVPcz.js.map → dist-DkCincUw.js.map} +1 -1
- package/dist/browser/{impureFunctionsAny.generated-BwG6hrJc.js → impureFunctionsAny.generated-DlzbJQpQ.js} +1061 -1058
- package/dist/browser/{impureFunctionsAny.generated-BwG6hrJc.js.map → impureFunctionsAny.generated-DlzbJQpQ.js.map} +1 -1
- package/dist/controller/tickUtils.js +1 -1
- package/dist/delivery/data-converter.js +1 -1
- package/dist/delivery/index.js +3 -3
- package/dist/delivery/number-line/graph/arrow.js +1 -1
- package/dist/delivery/number-line/graph/elements/line.js +2 -2
- package/dist/delivery/number-line/graph/elements/point.js +5 -4
- package/dist/delivery/number-line/graph/elements/ray.js +3 -3
- package/dist/delivery/number-line/graph/index.js +6 -6
- package/dist/delivery/number-line/graph/line.js +1 -1
- package/dist/delivery/number-line/graph/stacks.js +1 -1
- package/dist/delivery/number-line/graph/tick-utils.js +2 -2
- package/dist/delivery/number-line/graph/ticks.js +1 -1
- package/dist/delivery/number-line/index.js +3 -3
- package/dist/delivery/number-line/point-chooser/index.js +1 -1
- package/dist/index.iife.js +57 -57
- package/package.json +12 -7
- package/dist/browser/delivery-bcOQIdko.js.map +0 -1
package/dist/author/arrows.js
CHANGED
package/dist/author/domain.js
CHANGED
package/dist/author/index.d.ts
CHANGED
package/dist/author/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { configuration as e, model as t } from "./defaults.js";
|
|
2
|
-
import n from "./main.js";
|
|
2
|
+
import { Main as n } from "./main.js";
|
|
3
3
|
import r from "react";
|
|
4
4
|
import * as i from "mathjs";
|
|
5
5
|
import { cloneDeep as a } from "@pie-element/shared-lodash";
|
|
@@ -81,8 +81,11 @@ var f = (e) => {
|
|
|
81
81
|
});
|
|
82
82
|
this._root ||= o(this), this._root.render(e);
|
|
83
83
|
}
|
|
84
|
+
connectedCallback() {
|
|
85
|
+
this._rerender();
|
|
86
|
+
}
|
|
84
87
|
disconnectedCallback() {
|
|
85
|
-
this._root
|
|
88
|
+
this._root &&= (this._root.unmount(), null);
|
|
86
89
|
}
|
|
87
90
|
};
|
|
88
91
|
//#endregion
|
package/dist/author/main.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { data_converter_exports as e } from "../delivery/data-converter.js";
|
|
2
2
|
import { generateMajorValuesForMinor as t, generateMinorValues as n, getMinorLimits as r, snapElements as i } from "../delivery/number-line/graph/tick-utils.js";
|
|
3
|
-
import a from "../delivery/number-line/index.js";
|
|
3
|
+
import { NumberLine as a } from "../delivery/number-line/index.js";
|
|
4
4
|
import o from "./number-text-field.js";
|
|
5
5
|
import s from "./card-bar.js";
|
|
6
6
|
import ee from "./size.js";
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { model as
|
|
12
|
-
import { generateValidationMessage as
|
|
13
|
-
import
|
|
14
|
-
import { styled as
|
|
15
|
-
import
|
|
16
|
-
import { jsx as
|
|
17
|
-
import * as
|
|
18
|
-
import { cloneDeep as
|
|
19
|
-
import { AlertDialog as
|
|
20
|
-
import
|
|
21
|
-
import
|
|
22
|
-
import
|
|
23
|
-
import
|
|
7
|
+
import { Domain as te } from "./domain.js";
|
|
8
|
+
import { Arrows as c } from "./arrows.js";
|
|
9
|
+
import ne from "./point-config.js";
|
|
10
|
+
import { Ticks as re } from "./ticks.js";
|
|
11
|
+
import { model as l } from "./defaults.js";
|
|
12
|
+
import { generateValidationMessage as ie } from "./utils.js";
|
|
13
|
+
import u from "react";
|
|
14
|
+
import { styled as d } from "@mui/material/styles";
|
|
15
|
+
import f from "prop-types";
|
|
16
|
+
import { jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
17
|
+
import * as h from "mathjs";
|
|
18
|
+
import { cloneDeep as g } from "@pie-element/shared-lodash";
|
|
19
|
+
import { AlertDialog as _, FormSection as v, InputContainer as y, layout as ae, settings as b } from "@pie-lib/config-ui";
|
|
20
|
+
import x from "@pie-lib/editable-html-tip-tap";
|
|
21
|
+
import oe from "@mui/material/Tooltip";
|
|
22
|
+
import S from "@mui/material/Typography";
|
|
23
|
+
import se from "@mui/icons-material/Info";
|
|
24
24
|
//#region src/author/main.tsx
|
|
25
|
-
var
|
|
25
|
+
var C = (e) => ({
|
|
26
26
|
...e,
|
|
27
27
|
feedback: void 0,
|
|
28
28
|
prompt: void 0,
|
|
@@ -33,42 +33,42 @@ var w = (e) => ({
|
|
|
33
33
|
disabled: !0
|
|
34
34
|
},
|
|
35
35
|
correctResponse: void 0
|
|
36
|
-
}), { lineIsSwitched:
|
|
36
|
+
}), { lineIsSwitched: w, switchGraphLine: T, toGraphFormat: ce, toSessionFormat: E } = e, { Panel: le, toggle: D } = b, O = {}, k = {}, A = {}, ue = d(o)({
|
|
37
37
|
width: "150px",
|
|
38
38
|
".MuiInputBase-input": { padding: "16.5px 14px" }
|
|
39
|
-
}),
|
|
39
|
+
}), de = d("div")(({ theme: e }) => ({
|
|
40
40
|
display: "flex",
|
|
41
41
|
flexWrap: "wrap",
|
|
42
42
|
"& > *": { paddingRight: e.spacing(2) }
|
|
43
|
-
})),
|
|
43
|
+
})), fe = d("div")(({ theme: e }) => ({ margin: `${e.spacing(2.5)} 0` })), j = d(y)(({ theme: e }) => ({
|
|
44
44
|
paddingTop: e.spacing(2),
|
|
45
45
|
marginBottom: e.spacing(2),
|
|
46
46
|
width: "100%"
|
|
47
|
-
})),
|
|
47
|
+
})), pe = d(v)(({ theme: e }) => ({ marginBottom: e.spacing(4) })), M = d("div")(({ theme: e }) => ({
|
|
48
48
|
fontSize: e.typography.fontSize - 2,
|
|
49
49
|
color: e.palette.error.main,
|
|
50
50
|
paddingTop: e.spacing(1)
|
|
51
|
-
})),
|
|
51
|
+
})), me = d("div")({
|
|
52
52
|
display: "flex",
|
|
53
53
|
alignItems: "center",
|
|
54
54
|
gap: "10px"
|
|
55
|
-
}),
|
|
55
|
+
}), he = d(v)({
|
|
56
56
|
display: "flex",
|
|
57
57
|
alignItems: "center",
|
|
58
58
|
gap: "10px"
|
|
59
|
-
}),
|
|
59
|
+
}), ge = d(S)(({ theme: e }) => ({ marginBottom: e.spacing(2.5) })), N = (e) => {
|
|
60
60
|
function t(e) {
|
|
61
61
|
return e.pointType ? e.direction ? `${e.pointType[0]}${e.direction[0]}` : e.pointType[0] : `${e.leftPoint[0]}${e.rightPoint[0]}`;
|
|
62
62
|
}
|
|
63
63
|
return `${e.type[0]}${t(e)}`.toUpperCase();
|
|
64
|
-
},
|
|
64
|
+
}, P = class extends u.Component {
|
|
65
65
|
static propTypes = {
|
|
66
|
-
model:
|
|
67
|
-
configuration:
|
|
68
|
-
onConfigurationChanged:
|
|
69
|
-
onChange:
|
|
70
|
-
imageSupport:
|
|
71
|
-
uploadSoundSupport:
|
|
66
|
+
model: f.object.isRequired,
|
|
67
|
+
configuration: f.object.isRequired,
|
|
68
|
+
onConfigurationChanged: f.func.isRequired,
|
|
69
|
+
onChange: f.func.isRequired,
|
|
70
|
+
imageSupport: f.object.isRequired,
|
|
71
|
+
uploadSoundSupport: f.object.isRequired
|
|
72
72
|
};
|
|
73
73
|
constructor(e) {
|
|
74
74
|
super(e);
|
|
@@ -148,49 +148,49 @@ var w = (e) => ({
|
|
|
148
148
|
};
|
|
149
149
|
reloadTicksData = (e) => {
|
|
150
150
|
let { domain: t, ticks: i, width: a } = e;
|
|
151
|
-
if (i.tickIntervalType || (i.minor > .5 ? i.tickIntervalType = "Integer" : i.tickIntervalType = "Decimal"),
|
|
151
|
+
if (i.tickIntervalType || (i.minor > .5 ? i.tickIntervalType = "Integer" : i.tickIntervalType = "Decimal"), O = r(t, a), O.min >= 1) i.tickIntervalType = "Integer", i.minor = i.minor < 1 ? h.number(h.ceil(O.min)) : i.minor >= h.number(h.ceil(O.min)) && i.minor <= h.number(h.floor(O.max)) ? i.minor : h.number(h.ceil(O.min)), i.integerTick = i.minor, k = {
|
|
152
152
|
decimal: [],
|
|
153
153
|
fraction: []
|
|
154
154
|
}, i.fractionTick = "0", i.decimalTick = 0;
|
|
155
|
-
else if (
|
|
156
|
-
i.tickIntervalType === "Integer" && (i.tickIntervalType = "Fraction"),
|
|
157
|
-
let e =
|
|
155
|
+
else if (O.min >= 0 && O.max < 1) {
|
|
156
|
+
i.tickIntervalType === "Integer" && (i.tickIntervalType = "Fraction"), k = n(O);
|
|
157
|
+
let e = h.number(h.fraction(k.fraction[0])), t = h.number(h.fraction(k.fraction[k.fraction.length - 1]));
|
|
158
158
|
if (i.minor < e || i.minor > t) switch (i.tickIntervalType) {
|
|
159
159
|
case "Fraction":
|
|
160
|
-
i.minor =
|
|
160
|
+
i.minor = h.number(h.fraction(k.fraction[k.fraction.length - 1])), i.fractionTick = k.fraction[k.fraction.length - 1], i.decimalTick = k.decimal[0];
|
|
161
161
|
break;
|
|
162
162
|
case "Decimal":
|
|
163
|
-
case "Integer": i.minor =
|
|
163
|
+
case "Integer": i.minor = k.decimal[k.decimal.length - 1], i.decimalTick = k.decimal[k.decimal.length - 1], i.fractionTick = k.fraction[0];
|
|
164
164
|
}
|
|
165
165
|
else switch (i.tickIntervalType) {
|
|
166
166
|
case "Fraction":
|
|
167
|
-
let e =
|
|
168
|
-
i.fractionTick = e.n + "/" + e.d, i.decimalTick = i.decimalTick ? i.decimalTick :
|
|
167
|
+
let e = h.fraction(h.number(i.minor));
|
|
168
|
+
i.fractionTick = e.n + "/" + e.d, i.decimalTick = i.decimalTick ? i.decimalTick : k.decimal[0];
|
|
169
169
|
break;
|
|
170
170
|
case "Decimal":
|
|
171
|
-
case "Integer": i.decimalTick = i.minor, i.fractionTick = i.fractionTick ? i.fractionTick :
|
|
171
|
+
case "Integer": i.decimalTick = i.minor, i.fractionTick = i.fractionTick ? i.fractionTick : k.fraction[0];
|
|
172
172
|
}
|
|
173
173
|
i.integerTick = 1;
|
|
174
|
-
} else if (
|
|
174
|
+
} else if (O.min < 1 && O.max >= 1) if (k = n(O), i.minor >= O.min && i.minor <= O.max) switch (i.tickIntervalType) {
|
|
175
175
|
case "Integer":
|
|
176
|
-
i.integerTick = i.minor, i.decimalTick =
|
|
176
|
+
i.integerTick = i.minor, i.decimalTick = O.min > .5 ? 0 : k.decimal[0], i.fractionTick = O.min > .5 ? "0" : k.fraction[0];
|
|
177
177
|
break;
|
|
178
178
|
case "Decimal":
|
|
179
|
-
i.integerTick = 1, i.decimalTick = i.minor, i.fractionTick =
|
|
179
|
+
i.integerTick = 1, i.decimalTick = i.minor, i.fractionTick = k.fraction[0];
|
|
180
180
|
break;
|
|
181
181
|
case "Fraction":
|
|
182
|
-
i.integerTick = 1, i.decimalTick =
|
|
183
|
-
let e =
|
|
182
|
+
i.integerTick = 1, i.decimalTick = k.decimal[0];
|
|
183
|
+
let e = h.fraction(h.number(i.minor));
|
|
184
184
|
i.fractionTick = e.n + "/" + e.d;
|
|
185
185
|
}
|
|
186
|
-
else switch (
|
|
186
|
+
else switch (O.min > .5 && (i.tickIntervalType = "Integer"), i.tickIntervalType) {
|
|
187
187
|
case "Integer":
|
|
188
|
-
i.minor =
|
|
188
|
+
i.minor = h.number(h.ceil(O.min)), i.integerTick = i.minor, i.decimalTick = O.min > .5 ? 0 : k.decimal[0], i.fractionTick = O.min > .5 ? "0" : k.fraction[0];
|
|
189
189
|
break;
|
|
190
190
|
case "Decimal":
|
|
191
|
-
i.minor =
|
|
191
|
+
i.minor = k.decimal[0], i.integerTick = 1, i.decimalTick = i.minor, i.fractionTick = k.fraction[0];
|
|
192
192
|
break;
|
|
193
|
-
case "Fraction": i.minor =
|
|
193
|
+
case "Fraction": i.minor = h.number(h.fraction(k.fraction[0])), i.integerTick = 1, i.decimalTick = k.decimal[0], i.fractionTick = k.fraction[0];
|
|
194
194
|
}
|
|
195
195
|
return this.updateMajorValue({
|
|
196
196
|
...e,
|
|
@@ -199,9 +199,9 @@ var w = (e) => ({
|
|
|
199
199
|
};
|
|
200
200
|
updateMajorValue = (e) => {
|
|
201
201
|
let { domain: n, ticks: r, width: i } = e;
|
|
202
|
-
if (
|
|
202
|
+
if (A = t(r.minor, n, i), A.decimal.indexOf(r.major) === -1) {
|
|
203
203
|
let e = 0;
|
|
204
|
-
e = r.tickIntervalType === "Integer" &&
|
|
204
|
+
e = r.tickIntervalType === "Integer" && A.decimal.length > 4 ? 4 : A.decimal.length - 1, r.major = A.decimal[e];
|
|
205
205
|
}
|
|
206
206
|
return e.fraction = r.tickIntervalType === "Fraction" && r.major < 1, {
|
|
207
207
|
...e,
|
|
@@ -210,20 +210,20 @@ var w = (e) => ({
|
|
|
210
210
|
};
|
|
211
211
|
changeArrows = (e) => this.graphChange({ arrows: e });
|
|
212
212
|
setDefaults = () => {
|
|
213
|
-
let { graph: { availableTypes: e, maxNumberOfPoints: t } } =
|
|
214
|
-
...
|
|
213
|
+
let { graph: { availableTypes: e, maxNumberOfPoints: t } } = l, n = this.getAdjustedHeight(e, t), r = {
|
|
214
|
+
...g(l.graph),
|
|
215
215
|
height: n
|
|
216
216
|
};
|
|
217
217
|
this.props.onChange({ graph: r });
|
|
218
218
|
};
|
|
219
219
|
moveCorrectResponse = (e, t, n) => {
|
|
220
220
|
t.position = n;
|
|
221
|
-
let { onChange: r, model: i } = this.props, a =
|
|
221
|
+
let { onChange: r, model: i } = this.props, a = E(t.type === "line" && w(t) ? T(t) : t), o = [...i.correctResponse];
|
|
222
222
|
o[e] = a, r({ correctResponse: o });
|
|
223
223
|
};
|
|
224
224
|
availableTypesChange = (e) => {
|
|
225
225
|
let { model: t, onChange: n } = this.props, { correctResponse: r, graph: { maxNumberOfPoints: i } } = t;
|
|
226
|
-
new Set(r.map(
|
|
226
|
+
new Set(r.map(N)).forEach((t) => {
|
|
227
227
|
e[t] = !0;
|
|
228
228
|
});
|
|
229
229
|
let a = this.getAdjustedHeight(e, i);
|
|
@@ -239,7 +239,7 @@ var w = (e) => ({
|
|
|
239
239
|
};
|
|
240
240
|
addCorrectResponse = (e) => {
|
|
241
241
|
let { model: t, onChange: n } = this.props, r = [...t.correctResponse];
|
|
242
|
-
r.push(
|
|
242
|
+
r.push(E(e)), n({ correctResponse: r });
|
|
243
243
|
};
|
|
244
244
|
clearCorrectResponse = () => {
|
|
245
245
|
let { onChange: e } = this.props;
|
|
@@ -250,25 +250,25 @@ var w = (e) => ({
|
|
|
250
250
|
n.pop(), t({ correctResponse: n });
|
|
251
251
|
};
|
|
252
252
|
render() {
|
|
253
|
-
let { model: e, onChange: t, configuration: n, onConfigurationChanged: r, uploadSoundSupport: i, imageSupport: o } = this.props, { baseInputConfiguration:
|
|
253
|
+
let { model: e, onChange: t, configuration: n, onConfigurationChanged: r, uploadSoundSupport: i, imageSupport: o } = this.props, { baseInputConfiguration: l = {}, contentDimensions: d = {}, instruction: f = {}, teacherInstructions: h = {}, title: y = {}, prompt: b = {}, rationale: S = {}, spellCheck: w = {}, mathMlOptions: T = {}, numberLineDimensions: E = {}, maxMaxElements: N = 20, hidePointConfigButtons: P = !1, availableTools: F = ["PF"], settingsPanelDisabled: I = !1 } = n || {}, { errors: L = {}, extraCSSRules: _e, spellCheckEnabled: R, toolbarEditorPosition: ve, teacherInstructionsEnabled: ye, titleEnabled: z, promptEnabled: be, rationaleEnabled: xe } = e || {}, { graph: B } = e;
|
|
254
254
|
B = this.reloadTicksData(B);
|
|
255
|
-
let { dialog: V, correctAnswerDialog: H } = this.state, { correctResponseError: U, domainError: W, maxError: G, pointsError: K, prompt: q, rationale: J, teacherInstructions: Y, widthError: X } =
|
|
255
|
+
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 = g(e.correctResponse || []).map(ce), Z = g(e);
|
|
256
256
|
Z.disabled = !0;
|
|
257
|
-
let Q = { position:
|
|
258
|
-
teacherInstructionsEnabled:
|
|
259
|
-
titleEnabled:
|
|
260
|
-
promptEnabled:
|
|
261
|
-
rationaleEnabled:
|
|
262
|
-
spellCheckEnabled:
|
|
257
|
+
let Q = { position: ve === "top" ? "top" : "bottom" }, we = {
|
|
258
|
+
teacherInstructionsEnabled: h.settings && D(h.label),
|
|
259
|
+
titleEnabled: y.settings && D(y.label),
|
|
260
|
+
promptEnabled: b.settings && D(b.label),
|
|
261
|
+
rationaleEnabled: S.settings && D(S.label),
|
|
262
|
+
spellCheckEnabled: w.settings && D(w.label)
|
|
263
263
|
}, $ = (e = {}) => ({
|
|
264
|
-
...
|
|
264
|
+
...l,
|
|
265
265
|
...e
|
|
266
266
|
});
|
|
267
|
-
return /* @__PURE__ */
|
|
268
|
-
extraCSSRules:
|
|
269
|
-
dimensions:
|
|
270
|
-
hideSettings:
|
|
271
|
-
settings: /* @__PURE__ */
|
|
267
|
+
return /* @__PURE__ */ m(ae.ConfigLayout, {
|
|
268
|
+
extraCSSRules: _e,
|
|
269
|
+
dimensions: d,
|
|
270
|
+
hideSettings: I,
|
|
271
|
+
settings: /* @__PURE__ */ p(le, {
|
|
272
272
|
model: e,
|
|
273
273
|
configuration: n,
|
|
274
274
|
onChangeModel: t,
|
|
@@ -276,48 +276,48 @@ var w = (e) => ({
|
|
|
276
276
|
groups: { Properties: we }
|
|
277
277
|
}),
|
|
278
278
|
children: [
|
|
279
|
-
/* @__PURE__ */
|
|
279
|
+
/* @__PURE__ */ p(ge, {
|
|
280
280
|
component: "div",
|
|
281
281
|
type: "body1",
|
|
282
|
-
children:
|
|
282
|
+
children: f.label
|
|
283
283
|
}),
|
|
284
|
-
|
|
285
|
-
label:
|
|
286
|
-
children: [/* @__PURE__ */
|
|
284
|
+
ye && /* @__PURE__ */ m(j, {
|
|
285
|
+
label: h.label,
|
|
286
|
+
children: [/* @__PURE__ */ p(x, {
|
|
287
287
|
markup: e.teacherInstructions || "",
|
|
288
288
|
onChange: (e) => t({ teacherInstructions: e }),
|
|
289
289
|
nonEmpty: !1,
|
|
290
290
|
disableUnderline: !0,
|
|
291
291
|
error: Y,
|
|
292
292
|
toolbarOpts: Q,
|
|
293
|
-
pluginProps: $(
|
|
294
|
-
spellCheck:
|
|
293
|
+
pluginProps: $(h?.inputConfiguration),
|
|
294
|
+
spellCheck: R,
|
|
295
295
|
imageSupport: o,
|
|
296
296
|
uploadSoundSupport: i,
|
|
297
297
|
languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
|
|
298
|
-
mathMlOptions:
|
|
299
|
-
}), Y && /* @__PURE__ */
|
|
298
|
+
mathMlOptions: T
|
|
299
|
+
}), Y && /* @__PURE__ */ p(M, { children: Y })]
|
|
300
300
|
}),
|
|
301
|
-
be && /* @__PURE__ */
|
|
302
|
-
label:
|
|
303
|
-
children: [/* @__PURE__ */
|
|
301
|
+
be && /* @__PURE__ */ m(j, {
|
|
302
|
+
label: b.label,
|
|
303
|
+
children: [/* @__PURE__ */ p(x, {
|
|
304
304
|
markup: e.prompt || "",
|
|
305
305
|
onChange: (e) => t({ prompt: e }),
|
|
306
306
|
nonEmpty: !1,
|
|
307
307
|
disableUnderline: !0,
|
|
308
308
|
error: q,
|
|
309
309
|
toolbarOpts: Q,
|
|
310
|
-
pluginProps: $(
|
|
311
|
-
spellCheck:
|
|
310
|
+
pluginProps: $(b?.inputConfiguration),
|
|
311
|
+
spellCheck: R,
|
|
312
312
|
imageSupport: o,
|
|
313
313
|
uploadSoundSupport: i,
|
|
314
314
|
languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
|
|
315
|
-
mathMlOptions:
|
|
316
|
-
}), q && /* @__PURE__ */
|
|
315
|
+
mathMlOptions: T
|
|
316
|
+
}), q && /* @__PURE__ */ p(M, { children: q })]
|
|
317
317
|
}),
|
|
318
|
-
/* @__PURE__ */
|
|
318
|
+
/* @__PURE__ */ p(s, {
|
|
319
319
|
header: "Set Up Number Line",
|
|
320
|
-
info: /* @__PURE__ */
|
|
320
|
+
info: /* @__PURE__ */ p(oe, {
|
|
321
321
|
disableFocusListener: !0,
|
|
322
322
|
disableTouchListener: !0,
|
|
323
323
|
placement: "right",
|
|
@@ -327,7 +327,7 @@ var w = (e) => ({
|
|
|
327
327
|
whiteSpace: "pre",
|
|
328
328
|
maxWidth: "500px"
|
|
329
329
|
}) } },
|
|
330
|
-
children: /* @__PURE__ */
|
|
330
|
+
children: /* @__PURE__ */ p(se, {
|
|
331
331
|
fontSize: "small",
|
|
332
332
|
color: "primary",
|
|
333
333
|
style: { marginLeft: "8px" }
|
|
@@ -335,49 +335,49 @@ var w = (e) => ({
|
|
|
335
335
|
}),
|
|
336
336
|
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."
|
|
337
337
|
}),
|
|
338
|
-
/* @__PURE__ */
|
|
338
|
+
/* @__PURE__ */ p(de, { children: /* @__PURE__ */ p(te, {
|
|
339
339
|
domain: B.domain,
|
|
340
|
-
errors:
|
|
340
|
+
errors: L,
|
|
341
341
|
onChange: (e) => this.graphChange({ domain: e })
|
|
342
342
|
}) }),
|
|
343
|
-
G && /* @__PURE__ */
|
|
344
|
-
W && /* @__PURE__ */
|
|
345
|
-
/* @__PURE__ */
|
|
343
|
+
G && /* @__PURE__ */ p(M, { children: G }),
|
|
344
|
+
W && /* @__PURE__ */ p(M, { children: W }),
|
|
345
|
+
/* @__PURE__ */ p("div", { children: /* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(re, {
|
|
346
346
|
ticks: B.ticks,
|
|
347
|
-
minorLimits:
|
|
348
|
-
minorValues:
|
|
349
|
-
majorValues:
|
|
347
|
+
minorLimits: O,
|
|
348
|
+
minorValues: k,
|
|
349
|
+
majorValues: A,
|
|
350
350
|
onChange: this.changeTicks
|
|
351
351
|
}) }) }),
|
|
352
|
-
/* @__PURE__ */
|
|
353
|
-
e.widthEnabled && /* @__PURE__ */
|
|
352
|
+
/* @__PURE__ */ m(me, { children: [
|
|
353
|
+
e.widthEnabled && /* @__PURE__ */ p(ee, {
|
|
354
354
|
size: B,
|
|
355
|
-
min:
|
|
356
|
-
max:
|
|
357
|
-
step:
|
|
355
|
+
min: E.min,
|
|
356
|
+
max: E.max,
|
|
357
|
+
step: E.step,
|
|
358
358
|
onChange: this.changeSize
|
|
359
359
|
}),
|
|
360
|
-
/* @__PURE__ */
|
|
361
|
-
/* @__PURE__ */
|
|
360
|
+
/* @__PURE__ */ p("div", {}),
|
|
361
|
+
/* @__PURE__ */ p(c, {
|
|
362
362
|
arrows: B.arrows,
|
|
363
363
|
onChange: this.changeArrows
|
|
364
364
|
})
|
|
365
365
|
] }),
|
|
366
|
-
X && /* @__PURE__ */
|
|
367
|
-
/* @__PURE__ */
|
|
366
|
+
X && /* @__PURE__ */ p(M, { children: X }),
|
|
367
|
+
/* @__PURE__ */ p(a, {
|
|
368
368
|
onMoveElement: () => {},
|
|
369
369
|
onDeleteElements: () => {},
|
|
370
370
|
onAddElement: () => {},
|
|
371
371
|
onClearElements: () => {},
|
|
372
372
|
onUndoElement: () => {},
|
|
373
|
-
minWidth:
|
|
374
|
-
maxWidth:
|
|
373
|
+
minWidth: E.min,
|
|
374
|
+
maxWidth: E.max,
|
|
375
375
|
maxHeight: 70,
|
|
376
|
-
model:
|
|
376
|
+
model: C(Z)
|
|
377
377
|
}),
|
|
378
|
-
|
|
379
|
-
label:
|
|
380
|
-
children: /* @__PURE__ */
|
|
378
|
+
z && /* @__PURE__ */ p(pe, {
|
|
379
|
+
label: y?.label || "Title",
|
|
380
|
+
children: /* @__PURE__ */ p(x, {
|
|
381
381
|
markup: B.title || "",
|
|
382
382
|
onChange: this.changeGraphTitle,
|
|
383
383
|
toolbarOpts: Q,
|
|
@@ -392,62 +392,62 @@ var w = (e) => ({
|
|
|
392
392
|
"languageCharacters",
|
|
393
393
|
"responseArea"
|
|
394
394
|
],
|
|
395
|
-
pluginProps: $(
|
|
396
|
-
spellCheck:
|
|
395
|
+
pluginProps: $(y?.inputConfiguration),
|
|
396
|
+
spellCheck: R,
|
|
397
397
|
imageSupport: o,
|
|
398
398
|
uploadSoundSupport: i,
|
|
399
399
|
languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
|
|
400
|
-
mathMlOptions:
|
|
400
|
+
mathMlOptions: T
|
|
401
401
|
})
|
|
402
402
|
}),
|
|
403
|
-
!B.exhibitOnly && /* @__PURE__ */
|
|
404
|
-
/* @__PURE__ */
|
|
403
|
+
!B.exhibitOnly && /* @__PURE__ */ m(u.Fragment, { children: [
|
|
404
|
+
/* @__PURE__ */ m(s, {
|
|
405
405
|
header: "Define Tool Set and Correct Response",
|
|
406
|
-
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__ */
|
|
406
|
+
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__ */ p("i", { children: "Note: A maximum of 20 points, line segments or rays may be plotted." })]
|
|
407
407
|
}),
|
|
408
|
-
/* @__PURE__ */
|
|
408
|
+
/* @__PURE__ */ p(s, {
|
|
409
409
|
header: "Available Tools",
|
|
410
410
|
mini: !0,
|
|
411
411
|
children: "Click on the input options to be displayed to the students. All inputs will display by default."
|
|
412
412
|
}),
|
|
413
|
-
/* @__PURE__ */
|
|
413
|
+
/* @__PURE__ */ p(fe, { children: /* @__PURE__ */ p(ne, {
|
|
414
414
|
onSelectionChange: this.availableTypesChange,
|
|
415
415
|
selection: B.availableTypes,
|
|
416
|
-
availableTools:
|
|
417
|
-
hideButtons:
|
|
416
|
+
availableTools: F,
|
|
417
|
+
hideButtons: P
|
|
418
418
|
}) }),
|
|
419
|
-
/* @__PURE__ */
|
|
420
|
-
/* @__PURE__ */
|
|
421
|
-
/* @__PURE__ */
|
|
419
|
+
/* @__PURE__ */ m(he, { children: [
|
|
420
|
+
/* @__PURE__ */ p("label", { children: "Max No of Elements" }),
|
|
421
|
+
/* @__PURE__ */ p(ue, {
|
|
422
422
|
min: 1,
|
|
423
|
-
max:
|
|
423
|
+
max: N,
|
|
424
424
|
onlyIntegersAllowed: !0,
|
|
425
425
|
value: B.maxNumberOfPoints,
|
|
426
426
|
onChange: this.changeMaxNoOfPoints
|
|
427
427
|
}),
|
|
428
|
-
K && /* @__PURE__ */
|
|
428
|
+
K && /* @__PURE__ */ p(M, { children: K })
|
|
429
429
|
] }),
|
|
430
|
-
/* @__PURE__ */
|
|
431
|
-
/* @__PURE__ */
|
|
430
|
+
/* @__PURE__ */ p("label", { children: "Correct Answer" }),
|
|
431
|
+
/* @__PURE__ */ p(a, {
|
|
432
432
|
onMoveElement: this.moveCorrectResponse,
|
|
433
433
|
onDeleteElements: this.deleteCorrectResponse,
|
|
434
434
|
onAddElement: this.addCorrectResponse,
|
|
435
435
|
onClearElements: this.clearCorrectResponse,
|
|
436
436
|
onUndoElement: this.undoCorrectResponse,
|
|
437
|
-
minWidth:
|
|
438
|
-
maxWidth:
|
|
437
|
+
minWidth: E.min,
|
|
438
|
+
maxWidth: E.max,
|
|
439
439
|
answer: Ce,
|
|
440
|
-
model:
|
|
440
|
+
model: C(e)
|
|
441
441
|
}),
|
|
442
|
-
U && /* @__PURE__ */
|
|
442
|
+
U && /* @__PURE__ */ p(M, { children: U })
|
|
443
443
|
] }),
|
|
444
|
-
/* @__PURE__ */
|
|
444
|
+
/* @__PURE__ */ p(_, {
|
|
445
445
|
open: V.open,
|
|
446
446
|
title: "Warning",
|
|
447
447
|
text: V.text,
|
|
448
448
|
onConfirm: () => this.setState({ dialog: { open: !1 } })
|
|
449
449
|
}),
|
|
450
|
-
/* @__PURE__ */
|
|
450
|
+
/* @__PURE__ */ p(_, {
|
|
451
451
|
open: H.open,
|
|
452
452
|
title: "Warning",
|
|
453
453
|
text: H.text,
|
|
@@ -462,24 +462,24 @@ var w = (e) => ({
|
|
|
462
462
|
onConfirmText: "OK",
|
|
463
463
|
onCloseText: "Cancel"
|
|
464
464
|
}),
|
|
465
|
-
xe && /* @__PURE__ */
|
|
466
|
-
label:
|
|
467
|
-
children: [/* @__PURE__ */
|
|
465
|
+
xe && /* @__PURE__ */ m(j, {
|
|
466
|
+
label: S.label || "Rationale",
|
|
467
|
+
children: [/* @__PURE__ */ p(x, {
|
|
468
468
|
markup: e.rationale || "",
|
|
469
469
|
onChange: (e) => t({ rationale: e }),
|
|
470
470
|
error: J,
|
|
471
471
|
toolbarOpts: Q,
|
|
472
|
-
spellCheck:
|
|
473
|
-
pluginProps: $(
|
|
472
|
+
spellCheck: R,
|
|
473
|
+
pluginProps: $(S?.inputConfiguration),
|
|
474
474
|
imageSupport: o,
|
|
475
475
|
uploadSoundSupport: i,
|
|
476
476
|
languageCharactersProps: [{ language: "spanish" }, { language: "special" }],
|
|
477
|
-
mathMlOptions:
|
|
478
|
-
}), J && /* @__PURE__ */
|
|
477
|
+
mathMlOptions: T
|
|
478
|
+
}), J && /* @__PURE__ */ p(M, { children: J })]
|
|
479
479
|
})
|
|
480
480
|
]
|
|
481
481
|
});
|
|
482
482
|
}
|
|
483
483
|
};
|
|
484
484
|
//#endregion
|
|
485
|
-
export {
|
|
485
|
+
export { P as Main, P as default, N as toPointType };
|
package/dist/author/ticks.js
CHANGED