@pie-element/explicit-constructed-response 11.1.2-next.11 → 11.1.2-next.13

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.
@@ -1,10 +1,10 @@
1
- import { E as e, b as t, m as n, n as r, s as i, t as a } from "./browser-xPiwYICU.js";
2
- import { C as o, G as s, O as c, W as l, _ as u, at as d, g as f, h as p, it as m, m as h, p as g, q as _, t as v } from "./dist-7r5IDQTj.js";
3
- import { t as y } from "./dist-DiGNNRzu.js";
4
- import b, { useRef as x } from "react";
5
- import { jsx as S, jsxs as C } from "react/jsx-runtime";
1
+ import { E as e, b as t, s as n, t as r } from "./browser-xPiwYICU.js";
2
+ import { C as i, G as a, O as o, W as s, _ as c, at as l, g as u, h as d, it as f, m as p, p as m, q as h, t as g } from "./dist-BftYsWmU.js";
3
+ import { t as _ } from "./dist-DiGNNRzu.js";
4
+ import v, { useRef as y } from "react";
5
+ import { jsx as b, jsxs as x } from "react/jsx-runtime";
6
6
  //#region ../../lib-react/correct-answer-toggle/dist/expander.js
7
- var w = /* @__PURE__ */ e(m(), 1), T = "height ease-in 300ms, opacity ease-in 300ms", E = _("div")(() => ({
7
+ var S = /* @__PURE__ */ e(f(), 1), C = "height ease-in 300ms, opacity ease-in 300ms", w = h("div")(() => ({
8
8
  position: "relative",
9
9
  height: 0,
10
10
  overflow: "hidden",
@@ -12,7 +12,7 @@ var w = /* @__PURE__ */ e(m(), 1), T = "height ease-in 300ms, opacity ease-in 30
12
12
  visibility: "hidden",
13
13
  width: 0,
14
14
  "&.enter": {
15
- transition: T,
15
+ transition: C,
16
16
  opacity: 1,
17
17
  height: "auto",
18
18
  width: "auto",
@@ -26,7 +26,7 @@ var w = /* @__PURE__ */ e(m(), 1), T = "height ease-in 300ms, opacity ease-in 30
26
26
  minHeight: "25px"
27
27
  },
28
28
  "&.exit": {
29
- transition: T,
29
+ transition: C,
30
30
  opacity: 0,
31
31
  height: 0,
32
32
  visibility: "visible",
@@ -38,9 +38,9 @@ var w = /* @__PURE__ */ e(m(), 1), T = "height ease-in 300ms, opacity ease-in 30
38
38
  height: 0,
39
39
  width: 0
40
40
  }
41
- })), D = (e) => {
42
- let { show: t, children: n, className: r } = e, i = x(null);
43
- return /* @__PURE__ */ S(s, {
41
+ })), T = (e) => {
42
+ let { show: t, children: n, className: r } = e, i = y(null);
43
+ return /* @__PURE__ */ b(a, {
44
44
  nodeRef: i,
45
45
  in: t,
46
46
  appear: !0,
@@ -52,53 +52,53 @@ var w = /* @__PURE__ */ e(m(), 1), T = "height ease-in 300ms, opacity ease-in 30
52
52
  exit: "exit",
53
53
  exitDone: "exit-done"
54
54
  },
55
- children: /* @__PURE__ */ S(E, {
55
+ children: /* @__PURE__ */ b(w, {
56
56
  ref: i,
57
57
  className: r,
58
58
  children: n
59
59
  })
60
60
  });
61
61
  };
62
- D.propTypes = {
63
- show: w.default.bool.isRequired,
64
- className: w.default.string,
65
- children: w.default.oneOfType([w.default.arrayOf(w.default.node), w.default.node]).isRequired
62
+ T.propTypes = {
63
+ show: S.default.bool.isRequired,
64
+ className: S.default.string,
65
+ children: S.default.oneOfType([S.default.arrayOf(S.default.node), S.default.node]).isRequired
66
66
  };
67
67
  //#endregion
68
68
  //#region ../../lib-react/icons/dist/correct-response-icon.js
69
- var ee = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ C("svg", {
69
+ var E = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ x("svg", {
70
70
  preserveAspectRatio: "xMinYMin meet",
71
71
  version: "1.1",
72
72
  viewBox: "-283 359 34 35",
73
73
  style: { enableBackground: "new -283 359 34 35" },
74
74
  children: [
75
- /* @__PURE__ */ S("circle", {
75
+ /* @__PURE__ */ b("circle", {
76
76
  cx: "-266",
77
77
  cy: "375.9",
78
78
  r: "14",
79
79
  fill: e
80
80
  }),
81
- /* @__PURE__ */ S("path", {
81
+ /* @__PURE__ */ b("path", {
82
82
  d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z\n M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z",
83
83
  fill: e
84
84
  }),
85
- /* @__PURE__ */ S("polygon", {
85
+ /* @__PURE__ */ b("polygon", {
86
86
  points: "-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6",
87
87
  fill: t
88
88
  })
89
89
  ]
90
90
  });
91
- ee.propTypes = {
92
- bgFill: w.default.string.isRequired,
93
- fgFill: w.default.string.isRequired
91
+ E.propTypes = {
92
+ bgFill: S.default.string.isRequired,
93
+ fgFill: S.default.string.isRequired
94
94
  };
95
- var O = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ C("svg", {
95
+ var D = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ x("svg", {
96
96
  preserveAspectRatio: "xMinYMin meet",
97
97
  version: "1.1",
98
98
  viewBox: "-129.5 127 34 35",
99
99
  style: { enableBackground: "new -129.5 127 34 35" },
100
100
  children: [
101
- /* @__PURE__ */ S("path", {
101
+ /* @__PURE__ */ b("path", {
102
102
  style: {
103
103
  fill: "#D0CAC5",
104
104
  stroke: "#E6E3E0",
@@ -107,7 +107,7 @@ var O = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ C("svg", {
107
107
  },
108
108
  d: "M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5\n C-97.4,153.5-104.3,160.4-112.9,160.4z"
109
109
  }),
110
- /* @__PURE__ */ S("path", {
110
+ /* @__PURE__ */ b("path", {
111
111
  style: {
112
112
  fill: "#B3ABA4",
113
113
  stroke: "#CDC7C2",
@@ -116,77 +116,77 @@ var O = ({ bgFill: e, fgFill: t, borderFill: n }) => /* @__PURE__ */ C("svg", {
116
116
  },
117
117
  d: "M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z"
118
118
  }),
119
- /* @__PURE__ */ S("circle", {
119
+ /* @__PURE__ */ b("circle", {
120
120
  cx: "-114.2",
121
121
  cy: "143.5",
122
122
  r: "14",
123
123
  fill: e
124
124
  }),
125
- /* @__PURE__ */ S("path", {
125
+ /* @__PURE__ */ b("path", {
126
126
  d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z\n M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z",
127
127
  fill: n
128
128
  }),
129
- /* @__PURE__ */ S("polygon", {
129
+ /* @__PURE__ */ b("polygon", {
130
130
  points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
131
131
  fill: t
132
132
  })
133
133
  ]
134
134
  });
135
- O.propTypes = {
136
- bgFill: w.default.string.isRequired,
137
- fgFill: w.default.string.isRequired,
138
- borderFill: w.default.string.isRequired
135
+ D.propTypes = {
136
+ bgFill: S.default.string.isRequired,
137
+ fgFill: S.default.string.isRequired,
138
+ borderFill: S.default.string.isRequired
139
139
  };
140
- var te = _("div")(({ size: e }) => ({
140
+ var ee = h("div")(({ size: e }) => ({
141
141
  width: e || "25px",
142
142
  height: e || "25px"
143
- })), k = ({ open: e, size: t }) => /* @__PURE__ */ S(te, {
143
+ })), O = ({ open: e, size: t }) => /* @__PURE__ */ b(ee, {
144
144
  size: t,
145
- children: e ? /* @__PURE__ */ S(ee, {
145
+ children: e ? /* @__PURE__ */ b(E, {
146
146
  bgFill: "#bce2ff",
147
147
  fgFill: "#1a9cff"
148
- }) : /* @__PURE__ */ S(O, {
148
+ }) : /* @__PURE__ */ b(D, {
149
149
  bgFill: "white",
150
150
  fgFill: "#1a9cff",
151
151
  borderFill: "#bce2ff"
152
152
  })
153
153
  });
154
- k.propTypes = {
155
- open: w.default.bool,
156
- size: w.default.string
157
- }, k.defaultProps = { open: !1 };
154
+ O.propTypes = {
155
+ open: S.default.bool,
156
+ size: S.default.string
157
+ }, O.defaultProps = { open: !1 };
158
158
  //#endregion
159
159
  //#region ../../lib-react/correct-answer-toggle/dist/index.js
160
- var ne = /* @__PURE__ */ e(a(), 1);
161
- function A(e) {
160
+ var te = /* @__PURE__ */ e(r(), 1);
161
+ function k(e) {
162
162
  return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
163
163
  }
164
- function j(e, t) {
165
- return !e || A(e) ? e : A(e.default) ? e.default : t && A(e[t]) ? e[t] : t && A(e[t]?.default) ? e[t].default : e;
164
+ function ne(e, t) {
165
+ return !e || k(e) ? e : k(e.default) ? e.default : t && k(e[t]) ? e[t] : t && k(e[t]?.default) ? e[t].default : e;
166
166
  }
167
- var re = j(f, "Readable") || j(ie.Readable, "Readable"), M = g, N = M.default, ie = N && typeof N == "object" ? N : M, { translator: P } = y, ae = {
167
+ var re = ne(u, "Readable") || ne(ae.Readable, "Readable"), ie = m, A = ie.default, ae = A && typeof A == "object" ? A : ie, { translator: j } = _, oe = {
168
168
  WebkitTouchCallout: "none",
169
169
  WebkitUserSelect: "none",
170
170
  KhtmlUserSelect: "none",
171
171
  MozUserSelect: "none",
172
172
  msUserSelect: "none",
173
173
  userSelect: "none"
174
- }, oe = _("div")(() => ({
174
+ }, se = h("div")(() => ({
175
175
  width: "100%",
176
176
  cursor: "pointer"
177
- })), se = _("div")(() => ({
177
+ })), ce = h("div")(() => ({
178
178
  margin: "0 auto",
179
179
  textAlign: "center",
180
180
  display: "flex"
181
- })), ce = _("div")(() => ({
181
+ })), le = h("div")(() => ({
182
182
  width: "fit-content",
183
183
  minWidth: "140px",
184
184
  alignSelf: "center",
185
185
  verticalAlign: "middle",
186
- color: `var(--correct-answer-toggle-label-color, ${l.text()})`,
186
+ color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
187
187
  fontWeight: "normal",
188
- ...ae
189
- })), le = _("div")(() => ({
188
+ ...oe
189
+ })), ue = h("div")(() => ({
190
190
  position: "absolute",
191
191
  width: "25px",
192
192
  "&.enter": { opacity: "0" },
@@ -199,20 +199,20 @@ var re = j(f, "Readable") || j(ie.Readable, "Readable"), M = g, N = M.default, i
199
199
  opacity: "0",
200
200
  transition: "opacity 0.3s ease-in"
201
201
  }
202
- })), ue = _("div")(() => ({
202
+ })), de = h("div")(() => ({
203
203
  width: "25px",
204
204
  marginRight: "5px",
205
205
  display: "flex",
206
206
  alignItems: "center"
207
- })), de = class e extends b.Component {
207
+ })), fe = class e extends v.Component {
208
208
  static propTypes = {
209
- onToggle: w.default.func,
210
- toggled: w.default.bool,
211
- show: w.default.bool,
212
- hideMessage: w.default.string,
213
- showMessage: w.default.string,
214
- className: w.default.string,
215
- language: w.default.string
209
+ onToggle: S.default.func,
210
+ toggled: S.default.bool,
211
+ show: S.default.bool,
212
+ hideMessage: S.default.string,
213
+ showMessage: S.default.string,
214
+ className: S.default.string,
215
+ language: S.default.string
216
216
  };
217
217
  static defaultProps = {
218
218
  showMessage: "Show correct answer",
@@ -221,10 +221,10 @@ var re = j(f, "Readable") || j(ie.Readable, "Readable"), M = g, N = M.default, i
221
221
  toggled: !1
222
222
  };
223
223
  constructor(t) {
224
- super(t), this.state = { show: t.show }, this.openIconRef = b.createRef(), this.closedIconRef = b.createRef(), e.defaultProps = {
224
+ super(t), this.state = { show: t.show }, this.openIconRef = v.createRef(), this.closedIconRef = v.createRef(), e.defaultProps = {
225
225
  ...e.defaultProps,
226
- showMessage: P.t("common:showCorrectAnswer", { lng: t.language }),
227
- hideMessage: P.t("common:hideCorrectAnswer", { lng: t.language })
226
+ showMessage: j.t("common:showCorrectAnswer", { lng: t.language }),
227
+ hideMessage: j.t("common:hideCorrectAnswer", { lng: t.language })
228
228
  };
229
229
  }
230
230
  onClick() {
@@ -236,20 +236,20 @@ var re = j(f, "Readable") || j(ie.Readable, "Readable"), M = g, N = M.default, i
236
236
  UNSAFE_componentWillReceiveProps(t) {
237
237
  this.setState({ show: t.show }), t.language !== this.props?.language && (e.defaultProps = {
238
238
  ...e.defaultProps,
239
- showMessage: P.t("common:showCorrectAnswer", { lng: t.language }),
240
- hideMessage: P.t("common:hideCorrectAnswer", { lng: t.language })
239
+ showMessage: j.t("common:showCorrectAnswer", { lng: t.language }),
240
+ hideMessage: j.t("common:hideCorrectAnswer", { lng: t.language })
241
241
  });
242
242
  }
243
243
  render() {
244
244
  let { className: e, toggled: t, hideMessage: n, showMessage: r } = this.props;
245
- return /* @__PURE__ */ S(oe, {
245
+ return /* @__PURE__ */ b(se, {
246
246
  className: e,
247
- children: /* @__PURE__ */ S(D, {
247
+ children: /* @__PURE__ */ b(T, {
248
248
  show: this.state.show,
249
- children: /* @__PURE__ */ C(se, {
249
+ children: /* @__PURE__ */ x(ce, {
250
250
  onClick: this.onClick.bind(this),
251
251
  onTouchEnd: this.onTouch.bind(this),
252
- children: [/* @__PURE__ */ C(ue, { children: [/* @__PURE__ */ S(s, {
252
+ children: [/* @__PURE__ */ x(de, { children: [/* @__PURE__ */ b(a, {
253
253
  nodeRef: this.openIconRef,
254
254
  timeout: 400,
255
255
  in: t,
@@ -260,11 +260,11 @@ var re = j(f, "Readable") || j(ie.Readable, "Readable"), M = g, N = M.default, i
260
260
  exit: "exit",
261
261
  exitActive: "exit-active"
262
262
  },
263
- children: /* @__PURE__ */ S(le, {
263
+ children: /* @__PURE__ */ b(ue, {
264
264
  ref: this.openIconRef,
265
- children: /* @__PURE__ */ S(k, { open: t }, "correct-open")
265
+ children: /* @__PURE__ */ b(O, { open: t }, "correct-open")
266
266
  })
267
- }), /* @__PURE__ */ S(s, {
267
+ }), /* @__PURE__ */ b(a, {
268
268
  nodeRef: this.closedIconRef,
269
269
  timeout: 5e3,
270
270
  in: !t,
@@ -275,13 +275,13 @@ var re = j(f, "Readable") || j(ie.Readable, "Readable"), M = g, N = M.default, i
275
275
  exit: "exit",
276
276
  exitActive: "exit-active"
277
277
  },
278
- children: /* @__PURE__ */ S(le, {
278
+ children: /* @__PURE__ */ b(ue, {
279
279
  ref: this.closedIconRef,
280
- children: /* @__PURE__ */ S(k, { open: t }, "correct-closed")
280
+ children: /* @__PURE__ */ b(O, { open: t }, "correct-closed")
281
281
  })
282
- })] }), /* @__PURE__ */ S(re, {
282
+ })] }), /* @__PURE__ */ b(re, {
283
283
  false: !0,
284
- children: /* @__PURE__ */ S(ce, {
284
+ children: /* @__PURE__ */ b(le, {
285
285
  "aria-hidden": !this.state.show,
286
286
  children: t ? n : r
287
287
  })
@@ -290,7 +290,7 @@ var re = j(f, "Readable") || j(ie.Readable, "Readable"), M = g, N = M.default, i
290
290
  })
291
291
  });
292
292
  }
293
- }, fe = /\{\{(\d+)\}\}/g, pe = (e, t) => e ? { markup: e.replace(fe, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, F = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), I = /* @__PURE__ */ F(((e, t) => {
293
+ }, pe = /\{\{(\d+)\}\}/g, me = (e, t) => e ? { markup: e.replace(pe, (e, n) => `<span data-component="${t}" data-id="${n}"></span>`) } : { markup: "" }, M = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), N = /* @__PURE__ */ M(((e, t) => {
294
294
  t.exports = {
295
295
  "border-radius": 1,
296
296
  "border-top-left-radius": 1,
@@ -317,10 +317,10 @@ var re = j(f, "Readable") || j(ie.Readable, "Readable"), M = g, N = M.default, i
317
317
  "box-pack": 1
318
318
  };
319
319
  }));
320
- I();
320
+ N();
321
321
  //#endregion
322
322
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssUnitless.js
323
- var L = /* @__PURE__ */ F(((e, t) => {
323
+ var P = /* @__PURE__ */ M(((e, t) => {
324
324
  t.exports = {
325
325
  animation: 1,
326
326
  "column-count": 1,
@@ -340,19 +340,19 @@ var L = /* @__PURE__ */ F(((e, t) => {
340
340
  rowspan: 1
341
341
  };
342
342
  }));
343
- L();
343
+ P();
344
344
  //#endregion
345
345
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toUpperFirst.js
346
- var R = /* @__PURE__ */ F(((e, t) => {
346
+ var F = /* @__PURE__ */ M(((e, t) => {
347
347
  t.exports = function(e) {
348
348
  return e.length ? e.charAt(0).toUpperCase() + e.substring(1) : e;
349
349
  };
350
350
  }));
351
- R();
351
+ F();
352
352
  //#endregion
353
353
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixInfo.js
354
- var z = /* @__PURE__ */ F(((e, t) => {
355
- var n = R(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
354
+ var I = /* @__PURE__ */ M(((e, t) => {
355
+ var n = F(), r = /^(Moz|Webkit|Khtml|O|ms|Icab)(?=[A-Z])/, i = typeof document > "u" ? {} : document.documentElement.style;
356
356
  t.exports = (function() {
357
357
  var e = (function() {
358
358
  for (var e in i) if (r.test(e)) return e.match(r)[0];
@@ -369,54 +369,54 @@ var z = /* @__PURE__ */ F(((e, t) => {
369
369
  };
370
370
  })();
371
371
  }));
372
- z();
372
+ I();
373
373
  //#endregion
374
374
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenRe.js
375
- var B = /* @__PURE__ */ F(((e, t) => {
375
+ var he = /* @__PURE__ */ M(((e, t) => {
376
376
  t.exports = /[-\s]+(.)?/g;
377
377
  }));
378
- B();
378
+ he();
379
379
  //#endregion
380
380
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/camelize.js
381
- var V = /* @__PURE__ */ F(((e, t) => {
381
+ var L = /* @__PURE__ */ M(((e, t) => {
382
382
  var n = function(e, t) {
383
383
  return t ? t.toUpperCase() : "";
384
- }, r = B();
384
+ }, r = he();
385
385
  t.exports = function(e) {
386
386
  return e ? e.replace(r, n) : "";
387
387
  };
388
388
  }));
389
- V();
389
+ L();
390
390
  //#endregion
391
391
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/separate.js
392
- var H = /* @__PURE__ */ F(((e, t) => {
392
+ var R = /* @__PURE__ */ M(((e, t) => {
393
393
  var n = /::/g, r = /([A-Z]+)([A-Z][a-z])/g, i = /([a-z\d])([A-Z])/g, a = /_/g;
394
394
  t.exports = function(e, t) {
395
395
  return e ? e.replace(n, "/").replace(r, "$1_$2").replace(i, "$1_$2").replace(a, t || "-") : "";
396
396
  };
397
397
  }));
398
- H();
398
+ R();
399
399
  //#endregion
400
400
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/hyphenate.js
401
- var U = /* @__PURE__ */ F(((e, t) => {
402
- var n = H();
401
+ var z = /* @__PURE__ */ M(((e, t) => {
402
+ var n = R();
403
403
  t.exports = function(e) {
404
404
  return n(e).toLowerCase();
405
405
  };
406
406
  }));
407
- U();
407
+ z();
408
408
  //#endregion
409
409
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/stringUtils/toLowerFirst.js
410
- var me = /* @__PURE__ */ F(((e, t) => {
410
+ var ge = /* @__PURE__ */ M(((e, t) => {
411
411
  t.exports = function(e) {
412
412
  return e.length ? e.charAt(0).toLowerCase() + e.substring(1) : e;
413
413
  };
414
414
  }));
415
- me();
415
+ ge();
416
416
  //#endregion
417
417
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/prefixer.js
418
- var he = /* @__PURE__ */ F(((e, t) => {
419
- var n = V(), r = U(), i = me(), a = R(), o = z(), s = I(), c = typeof document > "u" ? {} : document.documentElement.style;
418
+ var _e = /* @__PURE__ */ M(((e, t) => {
419
+ var n = L(), r = z(), i = ge(), a = F(), o = I(), s = N(), c = typeof document > "u" ? {} : document.documentElement.style;
420
420
  t.exports = function(e) {
421
421
  return function(t, l) {
422
422
  l ||= {};
@@ -433,45 +433,45 @@ var he = /* @__PURE__ */ F(((e, t) => {
433
433
  };
434
434
  };
435
435
  }));
436
- he();
436
+ _e();
437
437
  //#endregion
438
438
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/cssPrefix.js
439
- var W = /* @__PURE__ */ F(((e, t) => {
440
- t.exports = he()();
439
+ var ve = /* @__PURE__ */ M(((e, t) => {
440
+ t.exports = _e()();
441
441
  }));
442
- W();
442
+ ve();
443
443
  //#endregion
444
444
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/hasOwn.js
445
- var G = /* @__PURE__ */ F(((e, t) => {
445
+ var B = /* @__PURE__ */ M(((e, t) => {
446
446
  var n = Object.prototype.hasOwnProperty;
447
447
  t.exports = function(e, t) {
448
448
  return n.call(e, t);
449
449
  };
450
450
  }));
451
- G();
451
+ B();
452
452
  //#endregion
453
453
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isObject.js
454
- var ge = /* @__PURE__ */ F(((e, t) => {
454
+ var V = /* @__PURE__ */ M(((e, t) => {
455
455
  var n = Object.prototype.toString;
456
456
  t.exports = function(e) {
457
457
  return !!e && n.call(e) === "[object Object]";
458
458
  };
459
459
  }));
460
- ge();
460
+ V();
461
461
  //#endregion
462
462
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/isFunction.js
463
- var _e = /* @__PURE__ */ F(((e, t) => {
463
+ var H = /* @__PURE__ */ M(((e, t) => {
464
464
  var n = Object.prototype.toString;
465
465
  t.exports = function(e) {
466
466
  return n.apply(e) === "[object Function]";
467
467
  };
468
468
  }));
469
- _e();
469
+ H();
470
470
  //#endregion
471
471
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleObject.js
472
- var K = /* @__PURE__ */ F(((e, t) => {
473
- z();
474
- var n = W(), r = U(), i = V(), a = G(), o = ge(), s = _e(), c = function(e, t, r, i) {
472
+ var U = /* @__PURE__ */ M(((e, t) => {
473
+ I();
474
+ var n = ve(), r = z(), i = L(), a = B(), o = V(), s = H(), c = function(e, t, r, i) {
475
475
  n(t).forEach(function(t) {
476
476
  e[i ? i(t) : t] = r;
477
477
  });
@@ -482,7 +482,7 @@ var K = /* @__PURE__ */ F(((e, t) => {
482
482
  var n = e.split(":");
483
483
  n.length == 2 && (t[n[0].trim()] = n[1].trim());
484
484
  }), t;
485
- }, u = { cssUnitless: L() }, d = function(e, t, n, f) {
485
+ }, u = { cssUnitless: P() }, d = function(e, t, n, f) {
486
486
  typeof e == "string" && (e = l(e)), t ||= u, t.cssUnitless = t.cssUnitless || u.cssUnitless, f ||= {};
487
487
  var p = t.scope || {}, m = t.addUnits == null ? p && p.addUnits != null ? p.addUnits : !0 : t.addUnits, h = (t.cssUnitless == null ? p ? p.cssUnitless : null : t.cssUnitless) || {}, g = (t.cssUnit || p ? p.cssUnit : null) || "px", _ = t.prefixProperties || (p ? p.prefixProperties : null) || {}, v = t.camelize ? i : r, y, b, x, S, C, w, T, E;
488
488
  for (x in e) if (a(e, x)) {
@@ -511,11 +511,11 @@ var K = /* @__PURE__ */ F(((e, t) => {
511
511
  };
512
512
  t.exports = d;
513
513
  }));
514
- K();
514
+ U();
515
515
  //#endregion
516
516
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/src/toStyleString.js
517
- var ve = /* @__PURE__ */ F(((e, t) => {
518
- var n = K(), r = G();
517
+ var W = /* @__PURE__ */ M(((e, t) => {
518
+ var n = U(), r = B();
519
519
  t.exports = function(e, t) {
520
520
  e = n(e, t);
521
521
  var i = [], a;
@@ -523,25 +523,25 @@ var ve = /* @__PURE__ */ F(((e, t) => {
523
523
  return i.join("; ");
524
524
  };
525
525
  }));
526
- ve();
526
+ W();
527
527
  //#endregion
528
528
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/to-style@1.3.3/node_modules/to-style/index.js
529
- var ye = /* @__PURE__ */ F(((e, t) => {
529
+ var G = /* @__PURE__ */ M(((e, t) => {
530
530
  t.exports = {
531
- prefixProperties: I(),
532
- cssUnitless: L(),
533
- object: K(),
534
- string: ve()
531
+ prefixProperties: N(),
532
+ cssUnitless: P(),
533
+ object: U(),
534
+ string: W()
535
535
  };
536
536
  }));
537
- ye();
537
+ G();
538
538
  //#endregion
539
539
  //#region ../../lib-react/mask-markup/dist/serialization.js
540
- var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se = ["span"], Ce = [
540
+ var ye = G(), be = (0, te.default)("@pie-lib:mask-markup:serialization"), xe = ["span"], Se = [
541
541
  "em",
542
542
  "strong",
543
543
  "u"
544
- ], we = 3, Te = 8, Ee = 1, De = (e) => {
544
+ ], Ce = 3, we = 8, Te = 1, Ee = (e) => {
545
545
  if (!e.attributes || e.attributes.length <= 0) return;
546
546
  let t = {}, n;
547
547
  for (n = 0; n < e.attributes.length; n++) {
@@ -549,44 +549,44 @@ var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se =
549
549
  t[r.name] = r.value;
550
550
  }
551
551
  return t;
552
- }, Oe = (e) => Se.includes(e) ? "inline" : Ce.includes(e) ? "mark" : "block", ke = (e) => {
552
+ }, De = (e) => xe.includes(e) ? "inline" : Se.includes(e) ? "mark" : "block", Oe = (e) => {
553
553
  let t = /([\w-]*)\s*:\s*([^;]*)/g, n, r = {};
554
554
  for (; n = t.exec(e);) r[n[1]] = n[2].trim();
555
555
  return r;
556
- }, Ae = (e) => (0, be.object)(e, {
556
+ }, ke = (e) => (0, ye.object)(e, {
557
557
  camelize: !0,
558
558
  addUnits: !1
559
- }), je = (e, t) => Ae(ke(e.getAttribute(t))), Me = (e, t, n) => {
559
+ }), Ae = (e, t) => ke(Oe(e.getAttribute(t))), je = (e, t, n) => {
560
560
  let r = e.getAttribute(n);
561
561
  return delete t.class, r;
562
- }, Ne = (e) => (t, n) => {
562
+ }, Me = (e) => (t, n) => {
563
563
  if (!e.getAttribute) return t;
564
564
  if (e.getAttribute(n)) switch (n) {
565
565
  case "style":
566
- t.style = je(e, n);
566
+ t.style = Ae(e, n);
567
567
  break;
568
568
  case "class":
569
- t.className = Me(e, t, n);
569
+ t.className = je(e, t, n);
570
570
  break;
571
571
  default:
572
572
  t[n] = e.getAttribute(n);
573
573
  break;
574
574
  }
575
575
  return t;
576
- }, Pe = [
576
+ }, Ne = [
577
577
  "border",
578
578
  "class",
579
579
  "style"
580
- ], q = {
580
+ ], K = {
581
581
  b: "bold",
582
582
  em: "italic",
583
583
  u: "underline",
584
584
  s: "strikethrough",
585
585
  code: "code",
586
586
  strong: "strong"
587
- }, Fe = (e, t = []) => {
588
- if (e.nodeType === Te) return null;
589
- if (e.nodeType === we) {
587
+ }, Pe = (e, t = []) => {
588
+ if (e.nodeType === we) return null;
589
+ if (e.nodeType === Ce) {
590
590
  let n = { text: e.textContent };
591
591
  return t.length > 0 && (n.marks = t.map((e) => ({
592
592
  type: e,
@@ -596,19 +596,19 @@ var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se =
596
596
  leaves: [n]
597
597
  };
598
598
  }
599
- if (e.nodeType === Ee) {
600
- let n = e.tagName.toLowerCase(), r = q[n];
601
- if (r) return xe("[deserialize] mark: ", r), {
599
+ if (e.nodeType === Te) {
600
+ let n = e.tagName.toLowerCase(), r = K[n];
601
+ if (r) return be("[deserialize] mark: ", r), {
602
602
  _flatten: !0,
603
- nodes: J(e.childNodes, [...t, r])
603
+ nodes: q(e.childNodes, [...t, r])
604
604
  };
605
605
  if (n === "math") return {
606
606
  isMath: !0,
607
607
  nodes: [e]
608
608
  };
609
- let i = De(e) || {};
609
+ let i = Ee(e) || {};
610
610
  n === "audio" && i.controls === "" && (i.controls = !0);
611
- let a = Pe.reduce(Ne(e), { ...i }), o = Oe(n), s = J(e.childNodes, t);
611
+ let a = Ne.reduce(Me(e), { ...i }), o = De(n), s = q(e.childNodes, t);
612
612
  return {
613
613
  object: o,
614
614
  type: n,
@@ -620,14 +620,14 @@ var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se =
620
620
  };
621
621
  }
622
622
  return null;
623
- }, J = (e, t = []) => {
623
+ }, q = (e, t = []) => {
624
624
  let n = [];
625
625
  for (let r = 0; r < e.length; r++) {
626
- let i = Fe(e[r], t);
626
+ let i = Pe(e[r], t);
627
627
  i !== null && (i._flatten && i.nodes ? n.push(...i.nodes) : n.push(i));
628
628
  }
629
629
  return n;
630
- }, Ie = (e) => {
630
+ }, Fe = (e) => {
631
631
  if (!e || !e.trim()) return {
632
632
  object: "value",
633
633
  document: {
@@ -642,7 +642,7 @@ var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se =
642
642
  }]
643
643
  }
644
644
  };
645
- let t = J(new DOMParser().parseFromString(e, "text/html").body.childNodes);
645
+ let t = q(new DOMParser().parseFromString(e, "text/html").body.childNodes);
646
646
  return !t.some((e) => e.object === "block" || e.object === "inline") && t.length > 0 && (t = [{
647
647
  object: "block",
648
648
  type: "span",
@@ -663,75 +663,75 @@ var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se =
663
663
  nodes: t
664
664
  }
665
665
  };
666
- }, Le = _("div")(({ theme: e }) => ({
666
+ }, Ie = h("div")(({ theme: e }) => ({
667
667
  paddingTop: e.spacing(.5),
668
668
  paddingBottom: e.spacing(.5)
669
- })), Re = _("span")(() => ({
669
+ })), Le = h("span")(() => ({
670
670
  display: "inline-block",
671
671
  width: ".75em"
672
- })), ze = ["tbody", "tr"], Be = (e, t) => {
672
+ })), Re = ["tbody", "tr"], ze = (e, t) => {
673
673
  let n = t.trim() === "", r = e && e.type;
674
- if (!(n && ze.includes(r))) return t;
675
- }, Ve = (e) => {
674
+ if (!(n && Re.includes(r))) return t;
675
+ }, Be = (e) => {
676
676
  let n = e.leaves.find((e) => t(e, "marks", []).length);
677
677
  return n ? n.marks : null;
678
- }, He = (e, t, n, r, i, a) => {
678
+ }, Ve = (e, t, n, r, i, a) => {
679
679
  if (!t) return null;
680
680
  let o = [];
681
681
  return (e.nodes || []).forEach((e, s) => {
682
682
  let c = e.type ? `${e.type}-${s}` : `${s}`;
683
- if (e.isMath) return o.push(/* @__PURE__ */ S("span", { dangerouslySetInnerHTML: { __html: `<math displaystyle="true">${e.nodes[0].innerHTML}</math>` } })), o;
683
+ if (e.isMath) return o.push(/* @__PURE__ */ b("span", { dangerouslySetInnerHTML: { __html: `<math displaystyle="true">${e.nodes[0].innerHTML}</math>` } })), o;
684
684
  if (r) {
685
685
  let i = r(e, t, n);
686
686
  if (i) {
687
687
  let t = e.data?.dataset?.component === "blank";
688
- t && o.push(/* @__PURE__ */ S(Re, {}, `spacer-${s}-before`)), o.push(i), t && o.push(/* @__PURE__ */ S(Re, {}, `spacer-${s}-after`));
688
+ t && o.push(/* @__PURE__ */ b(Le, {}, `spacer-${s}-before`)), o.push(i), t && o.push(/* @__PURE__ */ b(Le, {}, `spacer-${s}-after`));
689
689
  return;
690
690
  }
691
691
  }
692
692
  if (e.object === "text") {
693
693
  let t = e.leaves.reduce((e, t) => {
694
- let n = t.text, r = Be(i, n);
694
+ let n = t.text, r = ze(i, n);
695
695
  return r ? e + r : e;
696
- }, ""), n = Ve(e);
696
+ }, ""), n = Be(e);
697
697
  if (n?.length > 0) {
698
- let e = n.map((e) => Object.keys(q).find((t) => q[t] === e.type)).filter(Boolean);
699
- e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */ S(t, { children: e }, `${c}-${t}-${n}`), t)) : o.push(t);
698
+ let e = n.map((e) => Object.keys(K).find((t) => K[t] === e.type)).filter(Boolean);
699
+ e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */ b(t, { children: e }, `${c}-${t}-${n}`), t)) : o.push(t);
700
700
  } else t.length > 0 && o.push(t);
701
701
  } else {
702
- let i = He(e, t, n, r, e, a);
703
- if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ S(Le, { children: i }, c));
702
+ let i = Ve(e, t, n, r, e, a);
703
+ if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */ b(Ie, { children: i }, c));
704
704
  else {
705
705
  let t = e.type;
706
- e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ S(t, {
706
+ e.nodes && e.nodes.length > 0 ? o.push(/* @__PURE__ */ b(t, {
707
707
  ...e.data.attributes,
708
708
  children: i
709
- }, c)) : o.push(/* @__PURE__ */ S(t, { ...e.data.attributes }, c));
709
+ }, c)) : o.push(/* @__PURE__ */ b(t, { ...e.data.attributes }, c));
710
710
  }
711
711
  }
712
712
  }), o;
713
- }, Ue = _("div")(() => ({
713
+ }, He = h("div")(() => ({
714
714
  display: "initial",
715
715
  "&:not(.MathJax) table": { borderCollapse: "collapse" },
716
716
  "&:not(.MathJax) table td, &:not(.MathJax) table th": {
717
717
  padding: "8px 12px",
718
718
  textAlign: "left"
719
719
  }
720
- })), We = class extends b.Component {
720
+ })), Ue = class extends v.Component {
721
721
  constructor(e) {
722
- super(e), this.internalContainerRef = b.createRef();
722
+ super(e), this.internalContainerRef = v.createRef();
723
723
  }
724
724
  static propTypes = {
725
- renderChildren: w.default.func,
726
- layout: w.default.object,
727
- value: w.default.object,
728
- onChange: w.default.func,
729
- elementType: w.default.string,
730
- containerRef: w.default.oneOfType([w.default.func, w.default.shape({ current: w.default.instanceOf(Element) })])
725
+ renderChildren: S.default.func,
726
+ layout: S.default.object,
727
+ value: S.default.object,
728
+ onChange: S.default.func,
729
+ elementType: S.default.string,
730
+ containerRef: S.default.oneOfType([S.default.func, S.default.shape({ current: S.default.instanceOf(Element) })])
731
731
  };
732
732
  componentDidMount() {
733
733
  let e = this.props.containerRef || this.internalContainerRef;
734
- e.current && typeof d == "function" && d(e.current);
734
+ e.current && typeof l == "function" && l(e.current);
735
735
  }
736
736
  handleChange = (e, t) => {
737
737
  let n = {
@@ -741,26 +741,26 @@ var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se =
741
741
  this.props.onChange(n);
742
742
  };
743
743
  render() {
744
- let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = He(t, e, this.handleChange, this.props.renderChildren, null, n);
745
- return /* @__PURE__ */ S(Ue, {
744
+ let { value: e, layout: t, elementType: n, containerRef: r } = this.props, i = Ve(t, e, this.handleChange, this.props.renderChildren, null, n);
745
+ return /* @__PURE__ */ b(He, {
746
746
  ref: r || this.internalContainerRef,
747
747
  children: i
748
748
  });
749
749
  }
750
- }, Ge = (e, t) => {
751
- let { markup: n } = pe(e, t);
752
- return Ie(n).document;
753
- }, Ke = (e, t) => class extends b.Component {
750
+ }, We = (e, t) => {
751
+ let { markup: n } = me(e, t);
752
+ return Fe(n).document;
753
+ }, Ge = (e, t) => class extends v.Component {
754
754
  static propTypes = {
755
- markup: w.default.string,
756
- layout: w.default.object,
757
- value: w.default.object,
758
- onChange: w.default.func,
759
- customMarkMarkupComponent: w.default.func,
760
- elementType: w.default.string
755
+ markup: S.default.string,
756
+ layout: S.default.object,
757
+ value: S.default.object,
758
+ onChange: S.default.func,
759
+ customMarkMarkupComponent: S.default.func,
760
+ elementType: S.default.string
761
761
  };
762
762
  constructor(e) {
763
- super(e), this.containerRef = b.createRef();
763
+ super(e), this.containerRef = v.createRef();
764
764
  }
765
765
  componentDidUpdate(e) {
766
766
  if (this.props.markup !== e.markup) {
@@ -772,8 +772,8 @@ var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se =
772
772
  }
773
773
  }
774
774
  render() {
775
- let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || Ge(n, e);
776
- return /* @__PURE__ */ S(We, {
775
+ let { markup: n, layout: r, value: i, onChange: a, elementType: o } = this.props, s = r || We(n, e);
776
+ return /* @__PURE__ */ b(Ue, {
777
777
  containerRef: this.containerRef,
778
778
  elementType: o,
779
779
  layout: s,
@@ -785,34 +785,34 @@ var be = ye(), xe = (0, ne.default)("@pie-lib:mask-markup:serialization"), Se =
785
785
  };
786
786
  //#endregion
787
787
  //#region ../../lib-react/mask-markup/dist/node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js
788
- function qe(e) {
788
+ function Ke(e) {
789
789
  var t, n, r = "";
790
790
  if (typeof e == "string" || typeof e == "number") r += e;
791
791
  else if (typeof e == "object") if (Array.isArray(e)) {
792
792
  var i = e.length;
793
- for (t = 0; t < i; t++) e[t] && (n = qe(e[t])) && (r && (r += " "), r += n);
793
+ for (t = 0; t < i; t++) e[t] && (n = Ke(e[t])) && (r && (r += " "), r += n);
794
794
  } else for (n in e) e[n] && (r && (r += " "), r += n);
795
795
  return r;
796
796
  }
797
- function Je() {
798
- for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = qe(e)) && (r && (r += " "), r += t);
797
+ function qe() {
798
+ for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = Ke(e)) && (r && (r += " "), r += t);
799
799
  return r;
800
800
  }
801
801
  //#endregion
802
802
  //#region ../../lib-react/mask-markup/dist/constructed-response.js
803
- var Ye = _(v)(() => ({
803
+ var Je = h(g)(() => ({
804
804
  display: "inline-block",
805
805
  verticalAlign: "middle",
806
806
  margin: "4px",
807
807
  borderRadius: "4px",
808
- border: `1px solid ${l.black()}`,
809
- "&.correct": { border: `1px solid ${l.correct()}` },
810
- "&.incorrect": { border: `1px solid ${l.incorrect()}` }
811
- })), Xe = Ke("input", (e) => (t, n) => {
808
+ border: `1px solid ${s.black()}`,
809
+ "&.correct": { border: `1px solid ${s.correct()}` },
810
+ "&.incorrect": { border: `1px solid ${s.incorrect()}` }
811
+ })), Ye = Ge("input", (e) => (t, n) => {
812
812
  let { adjustedLimit: r, disabled: i, feedback: a, showCorrectAnswer: o, maxLength: s, spellCheck: c, pluginProps: l, onChange: u } = e, d = t.data?.dataset || {};
813
813
  if (d.component === "input") {
814
814
  let f = (e.choices && d && e.choices[d.id] || [])[0], p = o ? f && f.label : n[d.id] || "", m = s && s[d.id], h = a && a[d.id], g = o || h === "correct", _ = !o && h === "incorrect";
815
- return /* @__PURE__ */ S(Ye, {
815
+ return /* @__PURE__ */ b(Je, {
816
816
  id: d.id,
817
817
  disabled: o || i,
818
818
  disableUnderline: !0,
@@ -839,7 +839,7 @@ var Ye = _(v)(() => ({
839
839
  noBorder: !0,
840
840
  isHidden: !!l?.characters?.disabled
841
841
  },
842
- className: Je({
842
+ className: qe({
843
843
  correct: g,
844
844
  incorrect: _
845
845
  })
@@ -848,87 +848,85 @@ var Ye = _(v)(() => ({
848
848
  });
849
849
  //#endregion
850
850
  //#region src/delivery/main.tsx
851
- function Y(e) {
851
+ function J(e) {
852
852
  return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
853
853
  }
854
- function X(e, t) {
855
- return !e || Y(e) ? e : Y(e.default) ? e.default : t && Y(e[t]) ? e[t] : t && Y(e[t]?.default) ? e[t].default : e;
854
+ function Y(e, t) {
855
+ return !e || J(e) ? e : J(e.default) ? e.default : t && J(e[t]) ? e[t] : t && J(e[t]?.default) ? e[t].default : e;
856
856
  }
857
- var Ze = X(o, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(u, "PreviewPrompt") || X($.PreviewPrompt, "PreviewPrompt"), Qe = X(c, "Collapsible") || X($.Collapsible, "Collapsible"), $e = g, Q = $e.default, $ = Q && typeof Q == "object" ? Q : $e, { translator: et } = y, tt = _(Ze)(({ alwaysShowCorrect: e }) => ({
858
- color: l.text(),
859
- backgroundColor: l.background(),
860
- ...e && { "& *": { borderColor: `${l.text()} !important` } }
861
- })), nt = _("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), rt = _("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), it = _("h2")({
857
+ var Xe = Y(i, "UiLayout") || Y($.UiLayout, "UiLayout"), X = Y(c, "PreviewPrompt") || Y($.PreviewPrompt, "PreviewPrompt"), Z = Y(o, "Collapsible") || Y($.Collapsible, "Collapsible"), Ze = m, Q = Ze.default, $ = Q && typeof Q == "object" ? Q : Ze, { translator: Qe } = _, $e = h(Xe)(({ alwaysShowCorrect: e }) => ({
858
+ color: s.text(),
859
+ backgroundColor: s.background(),
860
+ ...e && { "& *": { borderColor: `${s.text()} !important` } }
861
+ })), et = h("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), tt = h("div")(({ theme: e }) => ({ marginBottom: e.spacing(2) })), nt = h("h2")({
862
862
  position: "absolute",
863
863
  left: "-10000px",
864
864
  top: "auto",
865
865
  width: "1px",
866
866
  height: "1px",
867
867
  overflow: "hidden"
868
- }), at = class extends b.Component {
868
+ }), rt = class extends v.Component {
869
869
  static propTypes = {
870
- alwaysShowCorrect: w.default.bool,
871
- animationsDisabled: w.default.bool,
872
- disabled: w.default.bool,
873
- displayType: w.default.string,
874
- feedback: w.default.object,
875
- language: w.default.string,
876
- markup: w.default.string,
877
- maxLengthPerChoice: w.default.array,
878
- maxLengthPerChoiceEnabled: w.default.bool,
879
- mode: w.default.string,
880
- note: w.default.string,
881
- onChange: w.default.func,
882
- playerSpellCheckEnabled: w.default.bool,
883
- prompt: w.default.string,
884
- rationale: w.default.string,
885
- role: w.default.string,
886
- showNote: w.default.bool,
887
- teacherInstructions: w.default.string,
888
- value: w.default.object,
889
- responseAreaInputConfiguration: w.default.object,
890
- model: w.default.object.isRequired
870
+ alwaysShowCorrect: S.default.bool,
871
+ animationsDisabled: S.default.bool,
872
+ disabled: S.default.bool,
873
+ displayType: S.default.string,
874
+ feedback: S.default.object,
875
+ language: S.default.string,
876
+ markup: S.default.string,
877
+ maxLengthPerChoice: S.default.array,
878
+ maxLengthPerChoiceEnabled: S.default.bool,
879
+ mode: S.default.string,
880
+ note: S.default.string,
881
+ onChange: S.default.func,
882
+ playerSpellCheckEnabled: S.default.bool,
883
+ prompt: S.default.string,
884
+ rationale: S.default.string,
885
+ role: S.default.string,
886
+ showNote: S.default.bool,
887
+ teacherInstructions: S.default.string,
888
+ value: S.default.object,
889
+ responseAreaInputConfiguration: S.default.object,
890
+ model: S.default.object.isRequired
891
891
  };
892
892
  static defaultProps = { value: {} };
893
893
  state = { showCorrectAnswer: this.props.alwaysShowCorrect || !1 };
894
- getChangeSession = (e) => e && e.every((e, t, n) => e === n[0] && e === 1) ? this.props.onChange : n(this.props.onChange, 200, { maxWait: 200 });
895
894
  UNSAFE_componentWillReceiveProps(e) {
896
- let { maxLengthPerChoice: t, language: n } = this.props, { note: a } = this.props;
897
- i(e.feedback) && this.setState({ showCorrectAnswer: !1 }), e.alwaysShowCorrect && this.setState({ showCorrectAnswer: !0 }), t && !r(t, e.maxLengthPerChoice) && (this.changeSession = this.getChangeSession(e.maxLengthPerChoice)), a && n && n !== e.language && a === et.t("common:commonCorrectAnswerWithAlternates", { lng: n }) && (a = et.t("common:commonCorrectAnswerWithAlternates", { lng: e.language }));
895
+ let { language: t } = this.props, { note: r } = this.props;
896
+ n(e.feedback) && this.setState({ showCorrectAnswer: !1 }), e.alwaysShowCorrect && this.setState({ showCorrectAnswer: !0 }), r && t && t !== e.language && r === Qe.t("common:commonCorrectAnswerWithAlternates", { lng: t }) && (r = Qe.t("common:commonCorrectAnswerWithAlternates", { lng: e.language }));
898
897
  }
899
898
  toggleShowCorrect = () => {
900
899
  this.setState({ showCorrectAnswer: !this.state.showCorrectAnswer });
901
900
  };
902
- changeSession = this.getChangeSession(this.props.maxLengthPerChoice);
903
901
  onChange = (e) => {
904
- this.changeSession(e);
902
+ this.props.onChange(e);
905
903
  };
906
904
  render() {
907
- let { showCorrectAnswer: e } = this.state, { alwaysShowCorrect: t, animationsDisabled: n, mode: r, displayType: i, role: a, language: o, maxLengthPerChoice: s, maxLengthPerChoiceEnabled: c, note: l, playerSpellCheckEnabled: u, prompt: d, rationale: f, showNote: m, teacherInstructions: g, responseAreaInputConfiguration: _, model: v, value: y } = this.props, { extraCSSRules: b } = v || {}, x = (e || r === "view" && a === "instructor") && m && l, w = /* @__PURE__ */ S(Z, {
905
+ let { showCorrectAnswer: e } = this.state, { alwaysShowCorrect: t, animationsDisabled: n, mode: r, displayType: i, role: a, language: o, maxLengthPerChoice: s, maxLengthPerChoiceEnabled: c, note: l, playerSpellCheckEnabled: u, prompt: f, rationale: m, showNote: h, teacherInstructions: g, responseAreaInputConfiguration: _, model: v, value: y } = this.props, { extraCSSRules: S } = v || {}, C = (e || r === "view" && a === "instructor") && h && l, w = /* @__PURE__ */ b(X, {
908
906
  defaultClassName: "teacher-instructions",
909
907
  prompt: g
910
- }), T = /* @__PURE__ */ S(Z, { prompt: f }), E = f && (p(f) || h(f)), D = g && (p(g) || h(g));
911
- return /* @__PURE__ */ C(tt, {
912
- extraCSSRules: b,
908
+ }), T = /* @__PURE__ */ b(X, { prompt: m }), E = m && (d(m) || p(m)), D = g && (d(g) || p(g));
909
+ return /* @__PURE__ */ x($e, {
910
+ extraCSSRules: S,
913
911
  alwaysShowCorrect: t,
914
912
  style: { display: `${i}` },
915
913
  children: [
916
- r === "gather" && /* @__PURE__ */ S(it, { children: "Fill in the Blank Question" }),
917
- D && /* @__PURE__ */ S(rt, { children: n ? w : /* @__PURE__ */ S(Qe, {
914
+ r === "gather" && /* @__PURE__ */ b(nt, { children: "Fill in the Blank Question" }),
915
+ D && /* @__PURE__ */ b(tt, { children: n ? w : /* @__PURE__ */ b(Z, {
918
916
  labels: {
919
917
  hidden: "Show Teacher Instructions",
920
918
  visible: "Hide Teacher Instructions"
921
919
  },
922
920
  children: w
923
921
  }) }),
924
- d && /* @__PURE__ */ S(Z, { prompt: d }),
925
- !t && r === "evaluate" && /* @__PURE__ */ S(de, {
922
+ f && /* @__PURE__ */ b(X, { prompt: f }),
923
+ !t && r === "evaluate" && /* @__PURE__ */ b(fe, {
926
924
  show: !0,
927
925
  toggled: e,
928
926
  onToggle: this.toggleShowCorrect,
929
927
  language: o
930
928
  }),
931
- /* @__PURE__ */ S(Xe, {
929
+ /* @__PURE__ */ b(Ye, {
932
930
  ...this.props,
933
931
  onChange: this.onChange,
934
932
  showCorrectAnswer: e,
@@ -938,8 +936,8 @@ var Ze = X(o, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(u, "PreviewPrompt"
938
936
  spellCheck: u,
939
937
  pluginProps: _
940
938
  }),
941
- x && /* @__PURE__ */ S(nt, { dangerouslySetInnerHTML: { __html: l } }),
942
- E && /* @__PURE__ */ S(rt, { children: n ? T : /* @__PURE__ */ S(Qe, {
939
+ C && /* @__PURE__ */ b(et, { dangerouslySetInnerHTML: { __html: l } }),
940
+ E && /* @__PURE__ */ b(tt, { children: n ? T : /* @__PURE__ */ b(Z, {
943
941
  labels: {
944
942
  hidden: "Show Rationale",
945
943
  visible: "Hide Rationale"
@@ -951,6 +949,6 @@ var Ze = X(o, "UiLayout") || X($.UiLayout, "UiLayout"), Z = X(u, "PreviewPrompt"
951
949
  }
952
950
  };
953
951
  //#endregion
954
- export { at as t };
952
+ export { rt as t };
955
953
 
956
- //# sourceMappingURL=main-CzJ8NicJ.js.map
954
+ //# sourceMappingURL=main-Ct-Qn1ku.js.map