@pie-element/ebsr 14.2.2-next.32 → 14.2.2-next.34

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,5 +1,5 @@
1
- import { L as e, Ut as t, n } from "../private-tags-Du5tkEMe.js";
2
- import { n as r, t as i } from "../delivery-CZPFL6vM.js";
1
+ import { R as e, Wt as t, n } from "../private-tags-DvnmA64C.js";
2
+ import { n as r, t as i } from "../delivery-C6-qOH_a.js";
3
3
  import { m as a } from "../dist-CHbLnyuX.js";
4
4
  //#region src/delivery/index.tsx
5
5
  var o = /* @__PURE__ */ t(e(), 1), s = r.TYPE, c = n, l = (0, o.default)("pie-elements:ebsr"), u = class extends i {};
@@ -1,4 +1,4 @@
1
- import { Bt as e, E as t, Gt as n, L as r, N as i, P as a, Rt as o, _ as s, _t as c, c as l, h as u, i as d, l as f, o as p, r as m, v as h, vt as g, xt as _, yt as v } from "./private-tags-DMq7NDmf.js";
1
+ import { E as e, F as t, N as n, R as r, St as i, Vt as a, Wt as o, _ as s, bt as c, c as l, h as u, i as d, l as f, o as p, r as m, v as h, vt as g, yt as _, zt as v } from "./private-tags-DvnmA64C.js";
2
2
  import { t as y } from "./dist-DCmVXYeO.js";
3
3
  import { c as b } from "./dist-CHbLnyuX.js";
4
4
  import x, { useRef as S } from "react";
@@ -102,7 +102,7 @@ function re() {
102
102
  }
103
103
  //#endregion
104
104
  //#region ../../lib-react/icons/dist/correct-response-icon.js
105
- var I = /* @__PURE__ */ n(e(), 1), ie = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ T("svg", {
105
+ var I = /* @__PURE__ */ o(a(), 1), ie = ({ bgFill: e, fgFill: t }) => /* @__PURE__ */ T("svg", {
106
106
  preserveAspectRatio: "xMinYMin meet",
107
107
  version: "1.1",
108
108
  viewBox: "-283 359 34 35",
@@ -173,7 +173,7 @@ ae.propTypes = {
173
173
  fgFill: I.default.string.isRequired,
174
174
  borderFill: I.default.string.isRequired
175
175
  };
176
- var oe = _("div")(({ size: e }) => ({
176
+ var oe = i("div")(({ size: e }) => ({
177
177
  width: e || "25px",
178
178
  height: e || "25px"
179
179
  })), L = ({ open: e, size: t }) => /* @__PURE__ */ w(oe, {
@@ -193,7 +193,7 @@ L.propTypes = {
193
193
  }, L.defaultProps = { open: !1 };
194
194
  //#endregion
195
195
  //#region ../multiple-choice/dist/delivery/feedback-tick.js
196
- var se = _(l)({
196
+ var se = i(l)({
197
197
  width: "33px",
198
198
  height: "33px",
199
199
  "& svg": {
@@ -204,10 +204,10 @@ var se = _(l)({
204
204
  verticalAlign: "middle",
205
205
  "& hide": { display: "none" }
206
206
  }
207
- }), ce = _("svg")({
208
- "& .incorrect-fill": { fill: `var(--feedback-incorrect-bg-color, ${o.incorrect()})` },
209
- "& .correct-fill": { fill: `var(--feedback-correct-bg-color, ${o.correct()})` }
210
- }), le = _("div")({
207
+ }), ce = i("svg")({
208
+ "& .incorrect-fill": { fill: `var(--feedback-incorrect-bg-color, ${v.incorrect()})` },
209
+ "& .correct-fill": { fill: `var(--feedback-correct-bg-color, ${v.correct()})` }
210
+ }), le = i("div")({
211
211
  position: "relative",
212
212
  "&.feedback-tick-enter": {
213
213
  opacity: "0",
@@ -268,7 +268,7 @@ var se = _(l)({
268
268
  }, "2");
269
269
  render() {
270
270
  let { correctness: e } = this.props, t = e === "incorrect" ? this.getIncorrectIcon() : e === "correct" ? this.getCorrectIcon() : null;
271
- return /* @__PURE__ */ w(se, { children: /* @__PURE__ */ w(g, { children: e && /* @__PURE__ */ w(v, {
271
+ return /* @__PURE__ */ w(se, { children: /* @__PURE__ */ w(_, { children: e && /* @__PURE__ */ w(c, {
272
272
  nodeRef: this.nodeRef,
273
273
  classNames: {
274
274
  enter: "feedback-tick-enter",
@@ -295,36 +295,36 @@ function R(e) {
295
295
  function z(e, t) {
296
296
  return !e || R(e) ? e : R(e.default) ? e.default : t && R(e[t]) ? e[t] : t && R(e[t]?.default) ? e[t].default : e;
297
297
  }
298
- var B = z(h, "PreviewPrompt") || z(pe.PreviewPrompt, "PreviewPrompt"), de = z(c, "Feedback") || z(pe.Feedback, "Feedback"), fe = f, V = fe.default, pe = V && typeof V == "object" ? V : fe, H = "multiple-choice-component", me = _(l)({
298
+ var B = z(h, "PreviewPrompt") || z(pe.PreviewPrompt, "PreviewPrompt"), de = z(g, "Feedback") || z(pe.Feedback, "Feedback"), fe = f, V = fe.default, pe = V && typeof V == "object" ? V : fe, H = "multiple-choice-component", me = i(l)({
299
299
  display: "flex",
300
300
  alignItems: "center",
301
- backgroundColor: o.background()
302
- }), he = _(l)({
301
+ backgroundColor: v.background()
302
+ }), he = i(l)({
303
303
  display: "flex",
304
304
  alignItems: "center",
305
- backgroundColor: o.background(),
305
+ backgroundColor: v.background(),
306
306
  flex: 1,
307
307
  "& .MuiFormControlLabel-root": { marginLeft: "-14px" },
308
308
  "& label": {
309
- color: o.text(),
309
+ color: v.text(),
310
310
  "& > span": { fontSize: "inherit" },
311
311
  "& > .MuiButtonBase-root": { padding: "12px" }
312
312
  }
313
- }), ge = _("span")(({ theme: e }) => ({
313
+ }), ge = i("span")(({ theme: e }) => ({
314
314
  display: "flex",
315
315
  alignItems: "center",
316
316
  "& > span": { marginLeft: `-${e.spacing(1)}` }
317
- })), _e = _("span")({
317
+ })), _e = i("span")({
318
318
  position: "absolute",
319
319
  left: "-10000px",
320
320
  top: "auto",
321
321
  width: "1px",
322
322
  height: "1px",
323
323
  overflow: "hidden"
324
- }), ve = _(p)({
324
+ }), ve = i(p)({
325
325
  "& .MuiFormControlLabel-label": {
326
- color: `${o.text()} !important`,
327
- backgroundColor: o.background(),
326
+ color: `${v.text()} !important`,
327
+ backgroundColor: v.background(),
328
328
  letterSpacing: "normal"
329
329
  },
330
330
  "&.Mui-disabled *": { cursor: "not-allowed !important" }
@@ -332,33 +332,33 @@ var B = z(h, "PreviewPrompt") || z(pe.PreviewPrompt, "PreviewPrompt"), de = z(c,
332
332
  let t = (t) => e ? `${e}-${t}` : t;
333
333
  return {
334
334
  [t("root")]: {
335
- ...U("color", o.text()),
336
- ...e === "correct" ? U("correct-color", o.text()) : {},
337
- ...e === "incorrect" ? U("incorrect-color", o.incorrect()) : {}
335
+ ...U("color", v.text()),
336
+ ...e === "correct" ? U("correct-color", v.text()) : {},
337
+ ...e === "incorrect" ? U("incorrect-color", v.incorrect()) : {}
338
338
  },
339
339
  [t("checked")]: {
340
- ...e === "correct" ? U("correct-selected-color", o.correct()) : {},
341
- ...e === "incorrect" ? U("incorrect-checked", o.incorrect()) : {},
342
- ...e ? {} : U("selected-color", o.primary())
340
+ ...e === "correct" ? U("correct-selected-color", v.correct()) : {},
341
+ ...e === "incorrect" ? U("incorrect-checked", v.incorrect()) : {},
342
+ ...e ? {} : U("selected-color", v.primary())
343
343
  },
344
344
  [t("disabled")]: {
345
- ...U("disabled-color", o.text()),
346
- ...e === "correct" ? U("correct-disabled-color", o.disabled()) : {},
347
- ...e === "incorrect" ? U("incorrect-disabled-color", o.disabled()) : {},
345
+ ...U("disabled-color", v.text()),
346
+ ...e === "correct" ? U("correct-disabled-color", v.disabled()) : {},
347
+ ...e === "incorrect" ? U("incorrect-disabled-color", v.disabled()) : {},
348
348
  opacity: .6,
349
349
  cursor: "not-allowed !important",
350
350
  pointerEvents: "initial !important"
351
351
  },
352
352
  focusVisibleUnchecked: {
353
- outline: `2px solid ${o.keyBoardFocusIndicator()}`,
353
+ outline: `2px solid ${v.keyBoardFocusIndicator()}`,
354
354
  backgroundColor: "transparent"
355
355
  },
356
356
  focusVisibleChecked: {
357
- outline: `2px solid ${o.keyBoardFocusIndicator()}`,
357
+ outline: `2px solid ${v.keyBoardFocusIndicator()}`,
358
358
  backgroundColor: "transparent"
359
359
  }
360
360
  };
361
- }, be = _(d, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: e }) => {
361
+ }, be = i(d, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: e }) => {
362
362
  let t = ye(e), n = (t) => e ? `${e}-${t}` : t;
363
363
  return {
364
364
  [`&.${H}`]: {
@@ -366,7 +366,7 @@ var B = z(h, "PreviewPrompt") || z(pe.PreviewPrompt, "PreviewPrompt"), de = z(c,
366
366
  "&.Mui-checked": t[n("checked")],
367
367
  "&.Mui-disabled": e ? {} : t[n("disabled")],
368
368
  "&:hover:not(.Mui-disabled) svg": {
369
- boxShadow: `0px 0px 0px 2px ${o.keyBoardFocusIndicator()}`,
369
+ boxShadow: `0px 0px 0px 2px ${v.keyBoardFocusIndicator()}`,
370
370
  borderRadius: "4px"
371
371
  }
372
372
  },
@@ -389,7 +389,7 @@ var B = z(h, "PreviewPrompt") || z(pe.PreviewPrompt, "PreviewPrompt"), de = z(c,
389
389
  correctness: t,
390
390
  className: H
391
391
  });
392
- }, Se = _(m, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: e }) => {
392
+ }, Se = i(m, { shouldForwardProp: (e) => e !== "correctness" })(({ correctness: e }) => {
393
393
  let t = ye(e), n = (t) => e ? `${e}-${t}` : t;
394
394
  return {
395
395
  [`&.${H}`]: {
@@ -399,7 +399,7 @@ var B = z(h, "PreviewPrompt") || z(pe.PreviewPrompt, "PreviewPrompt"), de = z(c,
399
399
  "&.Mui-focusVisible:not(.Mui-checked)": t.focusVisibleUnchecked,
400
400
  "&.Mui-focusVisible.Mui-checked": t.focusVisibleChecked,
401
401
  "&:hover:not(.Mui-disabled) svg": {
402
- boxShadow: `0px 0px 0px 2px ${o.keyBoardFocusIndicator()}`,
402
+ boxShadow: `0px 0px 0px 2px ${v.keyBoardFocusIndicator()}`,
403
403
  borderRadius: "50%"
404
404
  }
405
405
  },
@@ -553,12 +553,12 @@ var B = z(h, "PreviewPrompt") || z(pe.PreviewPrompt, "PreviewPrompt"), de = z(c,
553
553
  ]
554
554
  });
555
555
  }
556
- }, Te = _(l, { shouldForwardProp: (e) => e !== "noBorder" && e !== "horizontalLayout" })(({ theme: e, noBorder: t, horizontalLayout: n }) => ({
556
+ }, Te = i(l, { shouldForwardProp: (e) => e !== "noBorder" && e !== "horizontalLayout" })(({ theme: e, noBorder: t, horizontalLayout: n }) => ({
557
557
  paddingTop: e.spacing(2.5),
558
558
  paddingBottom: `calc(${e.spacing(1)} + 2px)`,
559
559
  paddingLeft: `calc(${e.spacing(1)} + 2px)`,
560
560
  paddingRight: `calc(${e.spacing(1)} + 2px)`,
561
- borderBottom: t ? "none" : `1px solid ${o.border()}`,
561
+ borderBottom: t ? "none" : `1px solid ${v.border()}`,
562
562
  ...n && {
563
563
  paddingRight: e.spacing(2.5),
564
564
  "& label": { marginRight: e.spacing(1) }
@@ -651,7 +651,7 @@ Ee.propTypes = {
651
651
  };
652
652
  //#endregion
653
653
  //#region ../../lib-react/correct-answer-toggle/dist/expander.js
654
- var De = "height ease-in 300ms, opacity ease-in 300ms", Oe = _("div")(() => ({
654
+ var De = "height ease-in 300ms, opacity ease-in 300ms", Oe = i("div")(() => ({
655
655
  position: "relative",
656
656
  height: 0,
657
657
  overflow: "hidden",
@@ -687,7 +687,7 @@ var De = "height ease-in 300ms, opacity ease-in 300ms", Oe = _("div")(() => ({
687
687
  }
688
688
  })), ke = (e) => {
689
689
  let { show: t, children: n, className: r } = e, i = S(null);
690
- return /* @__PURE__ */ w(v, {
690
+ return /* @__PURE__ */ w(c, {
691
691
  nodeRef: i,
692
692
  in: t,
693
693
  appear: !0,
@@ -726,22 +726,22 @@ var je = Ae(s, "Readable") || Ae(Ne.Readable, "Readable"), Me = f, G = Me.defaul
726
726
  MozUserSelect: "none",
727
727
  msUserSelect: "none",
728
728
  userSelect: "none"
729
- }, Fe = _("div")(() => ({
729
+ }, Fe = i("div")(() => ({
730
730
  width: "100%",
731
731
  cursor: "pointer"
732
- })), Ie = _("div")(() => ({
732
+ })), Ie = i("div")(() => ({
733
733
  margin: "0 auto",
734
734
  textAlign: "center",
735
735
  display: "flex"
736
- })), Le = _("div")(() => ({
736
+ })), Le = i("div")(() => ({
737
737
  width: "fit-content",
738
738
  minWidth: "140px",
739
739
  alignSelf: "center",
740
740
  verticalAlign: "middle",
741
- color: `var(--correct-answer-toggle-label-color, ${o.text()})`,
741
+ color: `var(--correct-answer-toggle-label-color, ${v.text()})`,
742
742
  fontWeight: "normal",
743
743
  ...Pe
744
- })), Re = _("div")(() => ({
744
+ })), Re = i("div")(() => ({
745
745
  position: "absolute",
746
746
  width: "25px",
747
747
  "&.enter": { opacity: "0" },
@@ -754,7 +754,7 @@ var je = Ae(s, "Readable") || Ae(Ne.Readable, "Readable"), Me = f, G = Me.defaul
754
754
  opacity: "0",
755
755
  transition: "opacity 0.3s ease-in"
756
756
  }
757
- })), ze = _("div")(() => ({
757
+ })), ze = i("div")(() => ({
758
758
  width: "25px",
759
759
  marginRight: "5px",
760
760
  display: "flex",
@@ -804,7 +804,7 @@ var je = Ae(s, "Readable") || Ae(Ne.Readable, "Readable"), Me = f, G = Me.defaul
804
804
  children: /* @__PURE__ */ T(Ie, {
805
805
  onClick: this.onClick.bind(this),
806
806
  onTouchEnd: this.onTouch.bind(this),
807
- children: [/* @__PURE__ */ T(ze, { children: [/* @__PURE__ */ w(v, {
807
+ children: [/* @__PURE__ */ T(ze, { children: [/* @__PURE__ */ w(c, {
808
808
  nodeRef: this.openIconRef,
809
809
  timeout: 400,
810
810
  in: t,
@@ -819,7 +819,7 @@ var je = Ae(s, "Readable") || Ae(Ne.Readable, "Readable"), Me = f, G = Me.defaul
819
819
  ref: this.openIconRef,
820
820
  children: /* @__PURE__ */ w(L, { open: t }, "correct-open")
821
821
  })
822
- }), /* @__PURE__ */ w(v, {
822
+ }), /* @__PURE__ */ w(c, {
823
823
  nodeRef: this.closedIconRef,
824
824
  timeout: 5e3,
825
825
  in: !t,
@@ -854,35 +854,35 @@ function q(e) {
854
854
  function J(e, t) {
855
855
  return !e || q(e) ? e : q(e.default) ? e.default : t && q(e[t]) ? e[t] : t && q(e[t]?.default) ? e[t].default : e;
856
856
  }
857
- var Ve = J(h, "PreviewPrompt") || J(We.PreviewPrompt, "PreviewPrompt"), He = J(i, "Collapsible") || J(We.Collapsible, "Collapsible"), Ue = f, Y = Ue.default, We = Y && typeof Y == "object" ? Y : Ue, { translator: X } = y, Ge = _(l)({
858
- color: o.text(),
859
- backgroundColor: o.background(),
857
+ var Ve = J(h, "PreviewPrompt") || J(We.PreviewPrompt, "PreviewPrompt"), He = J(n, "Collapsible") || J(We.Collapsible, "Collapsible"), Ue = f, Y = Ue.default, We = Y && typeof Y == "object" ? Y : Ue, { translator: X } = y, Ge = i(l)({
858
+ color: v.text(),
859
+ backgroundColor: v.background(),
860
860
  "& *": { "-webkit-font-smoothing": "antialiased" },
861
861
  position: "relative",
862
862
  "& legend": { border: "none !important" }
863
- }), Ke = _("h2")(({ theme: e }) => ({
863
+ }), Ke = i("h2")(({ theme: e }) => ({
864
864
  display: "block",
865
865
  fontSize: "inherit",
866
866
  margin: "0",
867
867
  fontWeight: "normal",
868
868
  paddingBottom: e.spacing(2)
869
- })), qe = _(l)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Je = _(l)({
869
+ })), qe = i(l)(({ theme: e }) => ({ marginBottom: e.spacing(2) })), Je = i(l)({
870
870
  display: "flex",
871
871
  flexDirection: "row",
872
872
  flexWrap: "wrap"
873
- }), Ye = _(l)({ display: "grid" }), Xe = _("fieldset")({
873
+ }), Ye = i(l)({ display: "grid" }), Xe = i("fieldset")({
874
874
  border: "0px",
875
875
  padding: "0.01em 0 0 0",
876
876
  margin: "0px",
877
877
  minWidth: "0px"
878
- }), Ze = _("h3")({
878
+ }), Ze = i("h3")({
879
879
  position: "absolute",
880
880
  left: "-10000px",
881
881
  top: "auto",
882
882
  width: "1px",
883
883
  height: "1px",
884
884
  overflow: "hidden"
885
- }), Qe = _("div")(({ theme: e }) => ({
885
+ }), Qe = i("div")(({ theme: e }) => ({
886
886
  fontSize: e.typography.fontSize - 2,
887
887
  color: e.palette.error.main,
888
888
  paddingTop: e.spacing(1)
@@ -1086,7 +1086,7 @@ function Z(e) {
1086
1086
  function et(e, t) {
1087
1087
  return !e || Z(e) ? e : Z(e.default) ? e.default : t && Z(e[t]) ? e[t] : t && Z(e[t]?.default) ? e[t].default : e;
1088
1088
  }
1089
- var tt = et(t, "PreviewLayout") || et(rt.PreviewLayout, "PreviewLayout"), nt = f, Q = nt.default, rt = Q && typeof Q == "object" ? Q : nt, it = class extends x.Component {
1089
+ var tt = et(e, "PreviewLayout") || et(rt.PreviewLayout, "PreviewLayout"), nt = f, Q = nt.default, rt = Q && typeof Q == "object" ? Q : nt, it = class extends x.Component {
1090
1090
  static propTypes = {
1091
1091
  model: I.default.object,
1092
1092
  session: I.default.object,
@@ -1132,7 +1132,7 @@ function ot(e, t) {
1132
1132
  }
1133
1133
  //#endregion
1134
1134
  //#region ../multiple-choice/dist/delivery/index.js
1135
- var st = /* @__PURE__ */ n(r(), 1);
1135
+ var st = /* @__PURE__ */ o(r(), 1);
1136
1136
  function $(e) {
1137
1137
  return typeof e == "function" || typeof e == "object" && !!e && typeof e.$$typeof == "symbol";
1138
1138
  }
@@ -1199,7 +1199,7 @@ var _t = class extends HTMLElement {
1199
1199
  }
1200
1200
  _scheduleMathRender = () => {
1201
1201
  this._mathRenderPending || (this._mathRenderPending = !0, requestAnimationFrame(() => {
1202
- this._mathObserver && this._mathObserver.disconnect(), pt("render complete - render math"), a(this), this._mathRenderPending = !1, setTimeout(() => {
1202
+ this._mathObserver && this._mathObserver.disconnect(), pt("render complete - render math"), t(this), this._mathRenderPending = !1, setTimeout(() => {
1203
1203
  this._mathObserver && this._mathObserver.observe(this, {
1204
1204
  childList: !0,
1205
1205
  subtree: !0
@@ -1217,7 +1217,7 @@ var _t = class extends HTMLElement {
1217
1217
  this._mathObserver &&= (this._mathObserver.disconnect(), null);
1218
1218
  }
1219
1219
  onShowCorrectToggle() {
1220
- a(this);
1220
+ t(this);
1221
1221
  }
1222
1222
  setLangAttribute() {
1223
1223
  let e = this._model && typeof this._model.language ? this._model.language : "", t = e ? e.slice(0, 2) : "en";
@@ -1339,4 +1339,4 @@ var _t = class extends HTMLElement {
1339
1339
  //#endregion
1340
1340
  export { F as n, _t as t };
1341
1341
 
1342
- //# sourceMappingURL=delivery-COb7fprm.js.map
1342
+ //# sourceMappingURL=delivery-C6-qOH_a.js.map