@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.
- package/dist/browser/author/index.js +1 -1
- package/dist/browser/delivery/index.js +71 -11
- package/dist/browser/delivery/index.js.map +1 -1
- package/dist/browser/{dist-7r5IDQTj.js → dist-BftYsWmU.js} +27055 -34562
- package/dist/browser/dist-BftYsWmU.js.map +1 -0
- package/dist/browser/{main-CzJ8NicJ.js → main-Ct-Qn1ku.js} +245 -247
- package/dist/browser/{main-CzJ8NicJ.js.map → main-Ct-Qn1ku.js.map} +1 -1
- package/dist/browser/print/index.js +2 -2
- package/dist/delivery/index.js +18 -8
- package/dist/delivery/main.d.ts +0 -2
- package/dist/delivery/main.js +36 -38
- package/dist/index.iife.js +101 -141
- package/module/print.js +27759 -35268
- package/module/print.js.map +1 -1
- package/package.json +7 -7
- package/dist/browser/dist-7r5IDQTj.js.map +0 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { E as e, b as t,
|
|
2
|
-
import { C as
|
|
3
|
-
import { t as
|
|
4
|
-
import
|
|
5
|
-
import { jsx as
|
|
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
|
|
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:
|
|
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:
|
|
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
|
-
})),
|
|
42
|
-
let { show: t, children: n, className: r } = e, i =
|
|
43
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
55
|
+
children: /* @__PURE__ */ b(w, {
|
|
56
56
|
ref: i,
|
|
57
57
|
className: r,
|
|
58
58
|
children: n
|
|
59
59
|
})
|
|
60
60
|
});
|
|
61
61
|
};
|
|
62
|
-
|
|
63
|
-
show:
|
|
64
|
-
className:
|
|
65
|
-
children:
|
|
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
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
-
|
|
92
|
-
bgFill:
|
|
93
|
-
fgFill:
|
|
91
|
+
E.propTypes = {
|
|
92
|
+
bgFill: S.default.string.isRequired,
|
|
93
|
+
fgFill: S.default.string.isRequired
|
|
94
94
|
};
|
|
95
|
-
var
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
-
|
|
136
|
-
bgFill:
|
|
137
|
-
fgFill:
|
|
138
|
-
borderFill:
|
|
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
|
|
140
|
+
var ee = h("div")(({ size: e }) => ({
|
|
141
141
|
width: e || "25px",
|
|
142
142
|
height: e || "25px"
|
|
143
|
-
})),
|
|
143
|
+
})), O = ({ open: e, size: t }) => /* @__PURE__ */ b(ee, {
|
|
144
144
|
size: t,
|
|
145
|
-
children: e ? /* @__PURE__ */
|
|
145
|
+
children: e ? /* @__PURE__ */ b(E, {
|
|
146
146
|
bgFill: "#bce2ff",
|
|
147
147
|
fgFill: "#1a9cff"
|
|
148
|
-
}) : /* @__PURE__ */
|
|
148
|
+
}) : /* @__PURE__ */ b(D, {
|
|
149
149
|
bgFill: "white",
|
|
150
150
|
fgFill: "#1a9cff",
|
|
151
151
|
borderFill: "#bce2ff"
|
|
152
152
|
})
|
|
153
153
|
});
|
|
154
|
-
|
|
155
|
-
open:
|
|
156
|
-
size:
|
|
157
|
-
},
|
|
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
|
|
161
|
-
function
|
|
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
|
|
165
|
-
return !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 =
|
|
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
|
-
},
|
|
174
|
+
}, se = h("div")(() => ({
|
|
175
175
|
width: "100%",
|
|
176
176
|
cursor: "pointer"
|
|
177
|
-
})),
|
|
177
|
+
})), ce = h("div")(() => ({
|
|
178
178
|
margin: "0 auto",
|
|
179
179
|
textAlign: "center",
|
|
180
180
|
display: "flex"
|
|
181
|
-
})),
|
|
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, ${
|
|
186
|
+
color: `var(--correct-answer-toggle-label-color, ${s.text()})`,
|
|
187
187
|
fontWeight: "normal",
|
|
188
|
-
...
|
|
189
|
-
})),
|
|
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
|
-
})),
|
|
202
|
+
})), de = h("div")(() => ({
|
|
203
203
|
width: "25px",
|
|
204
204
|
marginRight: "5px",
|
|
205
205
|
display: "flex",
|
|
206
206
|
alignItems: "center"
|
|
207
|
-
})),
|
|
207
|
+
})), fe = class e extends v.Component {
|
|
208
208
|
static propTypes = {
|
|
209
|
-
onToggle:
|
|
210
|
-
toggled:
|
|
211
|
-
show:
|
|
212
|
-
hideMessage:
|
|
213
|
-
showMessage:
|
|
214
|
-
className:
|
|
215
|
-
language:
|
|
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 =
|
|
224
|
+
super(t), this.state = { show: t.show }, this.openIconRef = v.createRef(), this.closedIconRef = v.createRef(), e.defaultProps = {
|
|
225
225
|
...e.defaultProps,
|
|
226
|
-
showMessage:
|
|
227
|
-
hideMessage:
|
|
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:
|
|
240
|
-
hideMessage:
|
|
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__ */
|
|
245
|
+
return /* @__PURE__ */ b(se, {
|
|
246
246
|
className: e,
|
|
247
|
-
children: /* @__PURE__ */
|
|
247
|
+
children: /* @__PURE__ */ b(T, {
|
|
248
248
|
show: this.state.show,
|
|
249
|
-
children: /* @__PURE__ */
|
|
249
|
+
children: /* @__PURE__ */ x(ce, {
|
|
250
250
|
onClick: this.onClick.bind(this),
|
|
251
251
|
onTouchEnd: this.onTouch.bind(this),
|
|
252
|
-
children: [/* @__PURE__ */
|
|
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__ */
|
|
263
|
+
children: /* @__PURE__ */ b(ue, {
|
|
264
264
|
ref: this.openIconRef,
|
|
265
|
-
children: /* @__PURE__ */
|
|
265
|
+
children: /* @__PURE__ */ b(O, { open: t }, "correct-open")
|
|
266
266
|
})
|
|
267
|
-
}), /* @__PURE__ */
|
|
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__ */
|
|
278
|
+
children: /* @__PURE__ */ b(ue, {
|
|
279
279
|
ref: this.closedIconRef,
|
|
280
|
-
children: /* @__PURE__ */
|
|
280
|
+
children: /* @__PURE__ */ b(O, { open: t }, "correct-closed")
|
|
281
281
|
})
|
|
282
|
-
})] }), /* @__PURE__ */
|
|
282
|
+
})] }), /* @__PURE__ */ b(re, {
|
|
283
283
|
false: !0,
|
|
284
|
-
children: /* @__PURE__ */
|
|
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
|
-
},
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
355
|
-
var n =
|
|
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
|
-
|
|
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
|
|
375
|
+
var he = /* @__PURE__ */ M(((e, t) => {
|
|
376
376
|
t.exports = /[-\s]+(.)?/g;
|
|
377
377
|
}));
|
|
378
|
-
|
|
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
|
|
381
|
+
var L = /* @__PURE__ */ M(((e, t) => {
|
|
382
382
|
var n = function(e, t) {
|
|
383
383
|
return t ? t.toUpperCase() : "";
|
|
384
|
-
}, r =
|
|
384
|
+
}, r = he();
|
|
385
385
|
t.exports = function(e) {
|
|
386
386
|
return e ? e.replace(r, n) : "";
|
|
387
387
|
};
|
|
388
388
|
}));
|
|
389
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
402
|
-
var n =
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
419
|
-
var n =
|
|
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
|
-
|
|
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
|
|
440
|
-
t.exports =
|
|
439
|
+
var ve = /* @__PURE__ */ M(((e, t) => {
|
|
440
|
+
t.exports = _e()();
|
|
441
441
|
}));
|
|
442
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
473
|
-
|
|
474
|
-
var n =
|
|
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:
|
|
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
|
-
|
|
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
|
|
518
|
-
var n =
|
|
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
|
-
|
|
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
|
|
529
|
+
var G = /* @__PURE__ */ M(((e, t) => {
|
|
530
530
|
t.exports = {
|
|
531
|
-
prefixProperties:
|
|
532
|
-
cssUnitless:
|
|
533
|
-
object:
|
|
534
|
-
string:
|
|
531
|
+
prefixProperties: N(),
|
|
532
|
+
cssUnitless: P(),
|
|
533
|
+
object: U(),
|
|
534
|
+
string: W()
|
|
535
535
|
};
|
|
536
536
|
}));
|
|
537
|
-
|
|
537
|
+
G();
|
|
538
538
|
//#endregion
|
|
539
539
|
//#region ../../lib-react/mask-markup/dist/serialization.js
|
|
540
|
-
var
|
|
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
|
-
],
|
|
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
|
-
},
|
|
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
|
-
},
|
|
556
|
+
}, ke = (e) => (0, ye.object)(e, {
|
|
557
557
|
camelize: !0,
|
|
558
558
|
addUnits: !1
|
|
559
|
-
}),
|
|
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
|
-
},
|
|
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 =
|
|
566
|
+
t.style = Ae(e, n);
|
|
567
567
|
break;
|
|
568
568
|
case "class":
|
|
569
|
-
t.className =
|
|
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
|
-
},
|
|
576
|
+
}, Ne = [
|
|
577
577
|
"border",
|
|
578
578
|
"class",
|
|
579
579
|
"style"
|
|
580
|
-
],
|
|
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
|
-
},
|
|
588
|
-
if (e.nodeType ===
|
|
589
|
-
if (e.nodeType ===
|
|
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 ===
|
|
600
|
-
let n = e.tagName.toLowerCase(), r =
|
|
601
|
-
if (r) return
|
|
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:
|
|
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 =
|
|
609
|
+
let i = Ee(e) || {};
|
|
610
610
|
n === "audio" && i.controls === "" && (i.controls = !0);
|
|
611
|
-
let a =
|
|
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
|
-
},
|
|
623
|
+
}, q = (e, t = []) => {
|
|
624
624
|
let n = [];
|
|
625
625
|
for (let r = 0; r < e.length; r++) {
|
|
626
|
-
let i =
|
|
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
|
-
},
|
|
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 =
|
|
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
|
-
},
|
|
666
|
+
}, Ie = h("div")(({ theme: e }) => ({
|
|
667
667
|
paddingTop: e.spacing(.5),
|
|
668
668
|
paddingBottom: e.spacing(.5)
|
|
669
|
-
})),
|
|
669
|
+
})), Le = h("span")(() => ({
|
|
670
670
|
display: "inline-block",
|
|
671
671
|
width: ".75em"
|
|
672
|
-
})),
|
|
672
|
+
})), Re = ["tbody", "tr"], ze = (e, t) => {
|
|
673
673
|
let n = t.trim() === "", r = e && e.type;
|
|
674
|
-
if (!(n &&
|
|
675
|
-
},
|
|
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
|
-
},
|
|
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__ */
|
|
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__ */
|
|
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 =
|
|
694
|
+
let n = t.text, r = ze(i, n);
|
|
695
695
|
return r ? e + r : e;
|
|
696
|
-
}, ""), n =
|
|
696
|
+
}, ""), n = Be(e);
|
|
697
697
|
if (n?.length > 0) {
|
|
698
|
-
let e = n.map((e) => Object.keys(
|
|
699
|
-
e.length > 0 ? o.push(e.reduceRight((e, t, n) => /* @__PURE__ */
|
|
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 =
|
|
703
|
-
if (e.type === "p" || e.type === "paragraph") o.push(/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
709
|
+
}, c)) : o.push(/* @__PURE__ */ b(t, { ...e.data.attributes }, c));
|
|
710
710
|
}
|
|
711
711
|
}
|
|
712
712
|
}), o;
|
|
713
|
-
},
|
|
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
|
-
})),
|
|
720
|
+
})), Ue = class extends v.Component {
|
|
721
721
|
constructor(e) {
|
|
722
|
-
super(e), this.internalContainerRef =
|
|
722
|
+
super(e), this.internalContainerRef = v.createRef();
|
|
723
723
|
}
|
|
724
724
|
static propTypes = {
|
|
725
|
-
renderChildren:
|
|
726
|
-
layout:
|
|
727
|
-
value:
|
|
728
|
-
onChange:
|
|
729
|
-
elementType:
|
|
730
|
-
containerRef:
|
|
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
|
|
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 =
|
|
745
|
-
return /* @__PURE__ */
|
|
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
|
-
},
|
|
751
|
-
let { markup: n } =
|
|
752
|
-
return
|
|
753
|
-
},
|
|
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:
|
|
756
|
-
layout:
|
|
757
|
-
value:
|
|
758
|
-
onChange:
|
|
759
|
-
customMarkMarkupComponent:
|
|
760
|
-
elementType:
|
|
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 =
|
|
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 ||
|
|
776
|
-
return /* @__PURE__ */
|
|
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
|
|
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 =
|
|
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
|
|
798
|
-
for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (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
|
|
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 ${
|
|
809
|
-
"&.correct": { border: `1px solid ${
|
|
810
|
-
"&.incorrect": { border: `1px solid ${
|
|
811
|
-
})),
|
|
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__ */
|
|
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:
|
|
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
|
|
851
|
+
function J(e) {
|
|
852
852
|
return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
|
|
853
853
|
}
|
|
854
|
-
function
|
|
855
|
-
return !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
|
|
858
|
-
color:
|
|
859
|
-
backgroundColor:
|
|
860
|
-
...e && { "& *": { borderColor: `${
|
|
861
|
-
})),
|
|
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
|
-
}),
|
|
868
|
+
}), rt = class extends v.Component {
|
|
869
869
|
static propTypes = {
|
|
870
|
-
alwaysShowCorrect:
|
|
871
|
-
animationsDisabled:
|
|
872
|
-
disabled:
|
|
873
|
-
displayType:
|
|
874
|
-
feedback:
|
|
875
|
-
language:
|
|
876
|
-
markup:
|
|
877
|
-
maxLengthPerChoice:
|
|
878
|
-
maxLengthPerChoiceEnabled:
|
|
879
|
-
mode:
|
|
880
|
-
note:
|
|
881
|
-
onChange:
|
|
882
|
-
playerSpellCheckEnabled:
|
|
883
|
-
prompt:
|
|
884
|
-
rationale:
|
|
885
|
-
role:
|
|
886
|
-
showNote:
|
|
887
|
-
teacherInstructions:
|
|
888
|
-
value:
|
|
889
|
-
responseAreaInputConfiguration:
|
|
890
|
-
model:
|
|
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 {
|
|
897
|
-
|
|
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.
|
|
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:
|
|
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__ */
|
|
911
|
-
return /* @__PURE__ */
|
|
912
|
-
extraCSSRules:
|
|
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__ */
|
|
917
|
-
D && /* @__PURE__ */
|
|
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
|
-
|
|
925
|
-
!t && r === "evaluate" && /* @__PURE__ */
|
|
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__ */
|
|
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
|
-
|
|
942
|
-
E && /* @__PURE__ */
|
|
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 {
|
|
952
|
+
export { rt as t };
|
|
955
953
|
|
|
956
|
-
//# sourceMappingURL=main-
|
|
954
|
+
//# sourceMappingURL=main-Ct-Qn1ku.js.map
|