@pie-element/mc-populated-blank 0.3.0-next.4 → 0.3.0-next.5

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,7 +1,7 @@
1
- import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, P as s, S as c, T as l, _ as u, a as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as b, m as x, n as S, o as C, r as w, s as T, t as E, u as D, v as O, w as k, x as A, y as j } from "../client-BAfWqkS6.js";
2
- import { t as M } from "../layoutLimits-ATKOwLHb.js";
1
+ import { A as e, C as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, S as l, T as u, _ as d, a as f, c as p, d as m, f as h, g, h as _, i as v, j as y, k as b, l as x, m as S, n as C, o as w, r as T, s as E, t as D, u as O, v as k, w as A, x as j, y as M } from "../client-BmZWrsT3.js";
2
+ import { t as N } from "../layoutLimits-ATKOwLHb.js";
3
3
  //#region ../../lib-svelte/delivery-events/dist/index2.js
4
- var N = class e extends CustomEvent {
4
+ var P = class e extends CustomEvent {
5
5
  static {
6
6
  this.TYPE = "model-set";
7
7
  }
@@ -16,7 +16,7 @@ var N = class e extends CustomEvent {
16
16
  }
17
17
  }), this.component = t, this.complete = n;
18
18
  }
19
- }, P = class e extends CustomEvent {
19
+ }, F = class e extends CustomEvent {
20
20
  static {
21
21
  this.TYPE = "session-changed";
22
22
  }
@@ -30,12 +30,12 @@ var N = class e extends CustomEvent {
30
30
  }
31
31
  }), this.component = t, this.complete = n;
32
32
  }
33
- }, F = (e) => {
33
+ }, I = (e) => {
34
34
  let t = e;
35
35
  return t ? typeof t.onSessionChange == "function" || typeof t.onAudioStarted == "function" || typeof t.onAudioEnded == "function" : !1;
36
36
  };
37
- function I(e, t = {}) {
38
- let n = t.hostPredicate ?? F, r = e;
37
+ function L(e, t = {}) {
38
+ let n = t.hostPredicate ?? I, r = e;
39
39
  for (; r;) {
40
40
  if (n(r)) return r;
41
41
  r = r.parentElement;
@@ -46,158 +46,158 @@ function I(e, t = {}) {
46
46
  }
47
47
  return null;
48
48
  }
49
- function L({ sourceEl: e, fallbackSelector: t, component: n, complete: r, session: i }) {
50
- let a = I(e, { fallbackSelector: t });
51
- return a ? typeof a.onSessionChange == "function" ? (a.onSessionChange(i), a) : (a.dispatchEvent(new P(n, r)), a) : null;
49
+ function ee({ sourceEl: e, fallbackSelector: t, component: n, complete: r, session: i }) {
50
+ let a = L(e, { fallbackSelector: t });
51
+ return a ? typeof a.onSessionChange == "function" ? (a.onSessionChange(i), a) : (a.dispatchEvent(new F(n, r)), a) : null;
52
52
  }
53
53
  //#endregion
54
54
  //#region src/delivery/computeAudioMode.ts
55
- function ee(e) {
55
+ function te(e) {
56
56
  return e.hasAudio ? e.audioUrl ? e.useFeatureButtonAudio ? "feature-button" : "controls" : "error" : "none";
57
57
  }
58
58
  //#endregion
59
59
  //#region src/delivery/AudioPlayer.svelte
60
- var te = O("<audio class=\"sr-only pie-audio-player svelte-ypdwb3\" preload=\"metadata\" aria-hidden=\"true\" tabindex=\"-1\"></audio> <button class=\"listen-button pie-listen-button rli-feature-audio svelte-ypdwb3\" type=\"button\"><img/> <img/></button>", 1), ne = O("<button class=\"mt-2 text-sm underline pie-audio-autoplay-enable\" type=\"button\"> </button>"), R = O("<audio controls=\"\" class=\"w-full max-w-md pie-audio-player\" preload=\"metadata\"><track kind=\"captions\"/></audio> <!>", 1), re = O("<p class=\"text-sm text-red-700 pie-audio-error\" role=\"alert\"> </p>"), z = O("<div class=\"mb-4 audio-container pie-audio-container\"><!></div>"), B = {
60
+ var ne = k("<audio class=\"sr-only pie-audio-player svelte-ypdwb3\" preload=\"metadata\" aria-hidden=\"true\" tabindex=\"-1\"></audio> <button class=\"listen-button pie-listen-button rli-feature-audio svelte-ypdwb3\" type=\"button\"><img/> <img/></button>", 1), re = k("<button class=\"mt-2 text-sm underline pie-audio-autoplay-enable\" type=\"button\"> </button>"), R = k("<audio controls=\"\" class=\"w-full max-w-md pie-audio-player\" preload=\"metadata\"><track kind=\"captions\"/></audio> <!>", 1), ie = k("<p class=\"text-sm text-red-700 pie-audio-error\" role=\"alert\"> </p>"), z = k("<div class=\"mb-4 audio-container pie-audio-container\"><!></div>"), B = {
61
61
  hash: "svelte-ypdwb3",
62
62
  code: ".listen-button.svelte-ypdwb3 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);border:0;padding:0;background-color:transparent;cursor:pointer;z-index:1;}.listen-button.svelte-ypdwb3:hover {background-color:#e2f1fe;}.listen-feature-icon.svelte-ypdwb3 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);object-fit:contain;display:none;}.listen-feature-icon.listen-active.svelte-ypdwb3 {display:block;}.sr-only.svelte-ypdwb3 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}"
63
63
  };
64
- function V(f, p) {
65
- a(p, !0), D(f, B);
66
- let m = {
64
+ function V(p, m) {
65
+ c(m, !0), O(p, B);
66
+ let h = {
67
67
  IDLE: "idle",
68
68
  PLAYING: "playing",
69
69
  BLOCKED: "blocked",
70
70
  PAUSED: "paused"
71
- }, _ = S(p, "hasAudio", 7, !1), C = S(p, "audioUrl", 7), T = S(p, "useFeatureButtonAudio", 7, !1), E = S(p, "autoplayEnabled", 7, !1), O = S(p, "featureAudioSkin", 7), j = S(p, "uiText", 7), M = S(p, "locale", 7, ""), N = S(p, "onaudiostarted", 7), P = S(p, "onaudioended", 7), F = y(null), I = y(null), L = y(null), V = y(n(m.IDLE)), H = v(() => ee({
72
- hasAudio: _(),
73
- audioUrl: C(),
74
- useFeatureButtonAudio: T()
75
- })), U = v(() => A(V) === m.PLAYING), W = v(() => A(V) === m.BLOCKED), ie = v(() => A(H) === "error" ? j().audioResourceUnavailable : "");
71
+ }, v = C(m, "hasAudio", 7, !1), w = C(m, "audioUrl", 7), E = C(m, "useFeatureButtonAudio", 7, !1), D = C(m, "autoplayEnabled", 7, !1), k = C(m, "featureAudioSkin", 7), M = C(m, "uiText", 7), N = C(m, "locale", 7, ""), P = C(m, "onaudiostarted", 7), F = C(m, "onaudioended", 7), I = e(null), L = e(null), ee = e(null), V = e(s(h.IDLE)), H = a(() => te({
72
+ hasAudio: v(),
73
+ audioUrl: w(),
74
+ useFeatureButtonAudio: E()
75
+ })), U = a(() => j(V) === h.PLAYING), ae = a(() => j(V) === h.BLOCKED), oe = a(() => j(H) === "error" ? M().audioResourceUnavailable : "");
76
76
  t(() => {
77
- C(), o(V, m.IDLE, !0);
77
+ w(), b(V, h.IDLE, !0);
78
78
  });
79
- function ae() {
80
- A(H) !== "none" && A(H) !== "error" && A(F) && A(F).play().catch(() => {});
79
+ function se() {
80
+ j(H) !== "none" && j(H) !== "error" && j(I) && j(I).play().catch(() => {});
81
81
  }
82
- function oe() {
83
- A(H) !== "none" && A(H) !== "error" && A(F) && A(F).play().finally(() => {
84
- A(V) === m.BLOCKED && o(V, m.PAUSED, !0);
82
+ function ce() {
83
+ j(H) !== "none" && j(H) !== "error" && j(I) && j(I).play().finally(() => {
84
+ j(V) === h.BLOCKED && b(V, h.PAUSED, !0);
85
85
  });
86
86
  }
87
- function G(e, n, r) {
87
+ function W(e, n, r) {
88
88
  t(() => {
89
89
  let t = e();
90
90
  if (t) return t.addEventListener(n, r), () => t.removeEventListener(n, r);
91
91
  });
92
92
  }
93
- G(() => A(F), "playing", () => {
94
- o(V, m.PLAYING, !0), N()?.();
95
- }), G(() => A(F), "ended", () => {
96
- o(V, m.PAUSED, !0), P()?.();
97
- }), G(() => A(I), "click", () => ae()), G(() => A(L), "click", () => oe()), t(() => {
98
- !E() || A(H) === "none" || A(H) === "error" || A(V) === m.IDLE && A(F) && C() && (o(V, m.PAUSED, !0), A(F).play().catch(() => {
99
- o(V, m.BLOCKED, !0);
93
+ W(() => j(I), "playing", () => {
94
+ b(V, h.PLAYING, !0), P()?.();
95
+ }), W(() => j(I), "ended", () => {
96
+ b(V, h.PAUSED, !0), F()?.();
97
+ }), W(() => j(L), "click", () => se()), W(() => j(ee), "click", () => ce()), t(() => {
98
+ !D() || j(H) === "none" || j(H) === "error" || j(V) === h.IDLE && j(I) && w() && (b(V, h.PAUSED, !0), j(I).play().catch(() => {
99
+ b(V, h.BLOCKED, !0);
100
100
  }));
101
101
  });
102
- function K(e = "") {
102
+ function G(e = "") {
103
103
  return e.toLowerCase().startsWith("es") ? "Escuchar" : "Listen";
104
104
  }
105
- function q(e = "") {
106
- return e.toLowerCase().startsWith("es") ? j().listenSilentAltEs ?? "Escuchar. Repetir las instrucciones." : j().listenSilentAlt ?? "Repeat instructions";
105
+ function le(e = "") {
106
+ return e.toLowerCase().startsWith("es") ? M().listenSilentAltEs ?? "Escuchar. Repetir las instrucciones." : M().listenSilentAlt ?? "Repeat instructions";
107
107
  }
108
- function J(e = "") {
109
- return e.toLowerCase().startsWith("es") ? j().listenPlayingAltEs ?? "Escuchar. Estas son las instrucciones." : j().listenPlayingAlt ?? "Instructions are playing";
108
+ function K(e = "") {
109
+ return e.toLowerCase().startsWith("es") ? M().listenPlayingAltEs ?? "Escuchar. Estas son las instrucciones." : M().listenPlayingAlt ?? "Instructions are playing";
110
110
  }
111
- var se = {
111
+ var ue = {
112
112
  get hasAudio() {
113
- return _();
113
+ return v();
114
114
  },
115
- set hasAudio(t = !1) {
116
- _(t), e();
115
+ set hasAudio(e = !1) {
116
+ v(e), y();
117
117
  },
118
118
  get audioUrl() {
119
- return C();
119
+ return w();
120
120
  },
121
- set audioUrl(t) {
122
- C(t), e();
121
+ set audioUrl(e) {
122
+ w(e), y();
123
123
  },
124
124
  get useFeatureButtonAudio() {
125
- return T();
125
+ return E();
126
126
  },
127
- set useFeatureButtonAudio(t = !1) {
128
- T(t), e();
127
+ set useFeatureButtonAudio(e = !1) {
128
+ E(e), y();
129
129
  },
130
130
  get autoplayEnabled() {
131
- return E();
131
+ return D();
132
132
  },
133
- set autoplayEnabled(t = !1) {
134
- E(t), e();
133
+ set autoplayEnabled(e = !1) {
134
+ D(e), y();
135
135
  },
136
136
  get featureAudioSkin() {
137
- return O();
137
+ return k();
138
138
  },
139
- set featureAudioSkin(t) {
140
- O(t), e();
139
+ set featureAudioSkin(e) {
140
+ k(e), y();
141
141
  },
142
142
  get uiText() {
143
- return j();
143
+ return M();
144
144
  },
145
- set uiText(t) {
146
- j(t), e();
145
+ set uiText(e) {
146
+ M(e), y();
147
147
  },
148
148
  get locale() {
149
- return M();
149
+ return N();
150
150
  },
151
- set locale(t = "") {
152
- M(t), e();
151
+ set locale(e = "") {
152
+ N(e), y();
153
153
  },
154
154
  get onaudiostarted() {
155
- return N();
155
+ return P();
156
156
  },
157
- set onaudiostarted(t) {
158
- N(t), e();
157
+ set onaudiostarted(e) {
158
+ P(e), y();
159
159
  },
160
160
  get onaudioended() {
161
- return P();
161
+ return F();
162
162
  },
163
- set onaudioended(t) {
164
- P(t), e();
163
+ set onaudioended(e) {
164
+ F(e), y();
165
165
  }
166
- }, Y = u(), ce = l(Y), le = (e) => {
167
- var t = z(), n = k(t), i = (e) => {
168
- var t = te(), n = l(t);
169
- w(n, (e) => o(F, e), () => A(F));
170
- var i = r(n, 2), a = k(i), u = r(a, 2);
171
- s(i), w(i, (e) => o(I, e), () => A(I)), c((e, t, r) => {
172
- d(n, "src", C()), d(i, "aria-label", e), b(a, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${A(U) ? "" : "listen-active"}`, "svelte-ypdwb3"), d(a, "src", O().silentUrl), d(a, "alt", t), b(u, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${A(U) ? "listen-active" : ""}`, "svelte-ypdwb3"), d(u, "src", O().playingUrl), d(u, "alt", r);
166
+ }, q = d(), J = u(q), de = (e) => {
167
+ var t = z(), a = A(t), o = (e) => {
168
+ var t = ne(), r = u(t);
169
+ T(r, (e) => b(I, e), () => j(I));
170
+ var a = n(r, 2), o = A(a), s = n(o, 2);
171
+ i(a), T(a, (e) => b(L, e), () => j(L)), l((e, t, n) => {
172
+ f(r, "src", w()), f(a, "aria-label", e), x(o, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${j(U) ? "" : "listen-active"}`, "svelte-ypdwb3"), f(o, "src", k().silentUrl), f(o, "alt", t), x(s, 1, `listen-feature-icon pie-listen-icon rli-feature-listen ${j(U) ? "listen-active" : ""}`, "svelte-ypdwb3"), f(s, "src", k().playingUrl), f(s, "alt", n);
173
173
  }, [
174
- () => K(M()),
175
- () => q(M()),
176
- () => J(M())
177
- ]), h(e, t);
178
- }, a = (e) => {
179
- var t = R(), n = l(t);
180
- w(n, (e) => o(F, e), () => A(F));
181
- var i = r(n, 2), a = (e) => {
182
- var t = ne(), n = k(t, !0);
183
- s(t), w(t, (e) => o(L, e), () => A(L)), c(() => g(n, j().clickToEnableAutoplay)), h(e, t);
174
+ () => G(N()),
175
+ () => le(N()),
176
+ () => K(N())
177
+ ]), g(e, t);
178
+ }, s = (e) => {
179
+ var t = R(), i = u(t);
180
+ T(i, (e) => b(I, e), () => j(I));
181
+ var a = n(i, 2), o = (e) => {
182
+ var t = re(), n = r(t, !0);
183
+ T(t, (e) => b(ee, e), () => j(ee)), l(() => _(n, M().clickToEnableAutoplay)), g(e, t);
184
184
  };
185
- x(i, (e) => {
186
- A(W) && e(a);
187
- }), c(() => d(n, "src", C())), h(e, t);
188
- }, u = (e) => {
189
- var t = re(), n = k(t, !0);
190
- s(t), c(() => g(n, A(ie))), h(e, t);
185
+ S(a, (e) => {
186
+ j(ae) && e(o);
187
+ }), l(() => f(i, "src", w())), g(e, t);
188
+ }, c = (e) => {
189
+ var t = ie(), n = r(t, !0);
190
+ l(() => _(n, j(oe))), g(e, t);
191
191
  };
192
- x(n, (e) => {
193
- A(H) === "feature-button" ? e(i) : A(H) === "controls" ? e(a, 1) : A(H) === "error" && e(u, 2);
194
- }), s(t), h(e, t);
192
+ S(a, (e) => {
193
+ j(H) === "feature-button" ? e(o) : j(H) === "controls" ? e(s, 1) : j(H) === "error" && e(c, 2);
194
+ }), i(t), g(e, t);
195
195
  };
196
- return x(ce, (e) => {
197
- A(H) !== "none" && e(le);
198
- }), h(f, Y), i(se);
196
+ return S(J, (e) => {
197
+ j(H) !== "none" && e(de);
198
+ }), g(p, q), o(ue);
199
199
  }
200
- E(V, {
200
+ D(V, {
201
201
  hasAudio: {},
202
202
  audioUrl: {},
203
203
  useFeatureButtonAudio: {},
@@ -210,74 +210,74 @@ E(V, {
210
210
  }, [], [], { mode: "open" });
211
211
  //#endregion
212
212
  //#region src/delivery/ClozeMarker.svelte
213
- var H = O("<img class=\"w-auto object-contain pie-blank-image\" style=\"max-height:var(--mpb-selected-image-max-height, 4rem);\"/>"), U = O("<span class=\"cloze-marker-value pie-blank-value svelte-d9l5tb\"></span>"), W = O("<span class=\"cloze-marker-empty svelte-d9l5tb\" aria-hidden=\"true\">&nbsp;</span>"), ie = O("<span role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><!></span>"), ae = {
213
+ var H = k("<img class=\"w-auto object-contain pie-blank-image\" style=\"max-height:var(--mpb-selected-image-max-height, 4rem);\"/>"), U = k("<span class=\"cloze-marker-value pie-blank-value svelte-d9l5tb\"></span>"), ae = k("<span class=\"cloze-marker-empty svelte-d9l5tb\"><span aria-hidden=\"true\">&nbsp;</span> <span class=\"sr-only svelte-d9l5tb\">(blank)</span></span>"), oe = k("<span role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><!></span>"), se = {
214
214
  hash: "svelte-d9l5tb",
215
- code: ".cloze-marker.svelte-d9l5tb {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.cloze-marker.svelte-d9l5tb:focus-within {outline:2px solid var(--mpb-focus-ring, #1565c0);outline-offset:2px;}.cloze-marker-standalone.svelte-d9l5tb {width:var(--mpb-blank-standalone-width, 7rem);}.cloze-marker-empty.svelte-d9l5tb {display:inline-block;min-width:4ch;}.cloze-marker-value.svelte-d9l5tb {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.cloze-marker-value.svelte-d9l5tb p {margin:0;}"
215
+ code: ".cloze-marker.svelte-d9l5tb {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.cloze-marker.svelte-d9l5tb:focus-within {outline:2px solid var(--mpb-focus-ring, #1565c0);outline-offset:2px;}.cloze-marker-standalone.svelte-d9l5tb {width:var(--mpb-blank-standalone-width, 7rem);}.cloze-marker-empty.svelte-d9l5tb {display:inline-block;min-width:4ch;}.cloze-marker-value.svelte-d9l5tb {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.cloze-marker-value.svelte-d9l5tb p {margin:0;}.sr-only.svelte-d9l5tb {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}"
216
216
  };
217
- function oe(t, n) {
218
- a(n, !0), D(t, ae);
219
- let r = S(n, "choiceMode", 7, "text"), o = S(n, "displayChoice", 7, void 0), l = S(n, "displayChoiceLabelHtml", 7, ""), u = S(n, "isStandalone", 7, !1), m = S(n, "blankWidth", 7), g = S(n, "blankBorderWidth", 7), _ = S(n, "ariaLabel", 7);
220
- var v = {
217
+ function ce(e, t) {
218
+ c(t, !0), O(e, se);
219
+ let n = C(t, "choiceMode", 7, "text"), r = C(t, "displayChoice", 7, void 0), a = C(t, "displayChoiceLabelHtml", 7, ""), s = C(t, "isStandalone", 7, !1), u = C(t, "blankWidth", 7), d = C(t, "blankBorderWidth", 7), h = C(t, "ariaLabel", 7);
220
+ var _ = {
221
221
  get choiceMode() {
222
- return r();
222
+ return n();
223
223
  },
224
- set choiceMode(t = "text") {
225
- r(t), e();
224
+ set choiceMode(e = "text") {
225
+ n(e), y();
226
226
  },
227
227
  get displayChoice() {
228
- return o();
228
+ return r();
229
229
  },
230
- set displayChoice(t = void 0) {
231
- o(t), e();
230
+ set displayChoice(e = void 0) {
231
+ r(e), y();
232
232
  },
233
233
  get displayChoiceLabelHtml() {
234
- return l();
234
+ return a();
235
235
  },
236
- set displayChoiceLabelHtml(t = "") {
237
- l(t), e();
236
+ set displayChoiceLabelHtml(e = "") {
237
+ a(e), y();
238
238
  },
239
239
  get isStandalone() {
240
- return u();
240
+ return s();
241
241
  },
242
- set isStandalone(t = !1) {
243
- u(t), e();
242
+ set isStandalone(e = !1) {
243
+ s(e), y();
244
244
  },
245
245
  get blankWidth() {
246
- return m();
246
+ return u();
247
247
  },
248
- set blankWidth(t) {
249
- m(t), e();
248
+ set blankWidth(e) {
249
+ u(e), y();
250
250
  },
251
251
  get blankBorderWidth() {
252
- return g();
252
+ return d();
253
253
  },
254
- set blankBorderWidth(t) {
255
- g(t), e();
254
+ set blankBorderWidth(e) {
255
+ d(e), y();
256
256
  },
257
257
  get ariaLabel() {
258
- return _();
258
+ return h();
259
259
  },
260
- set ariaLabel(t) {
261
- _(t), e();
260
+ set ariaLabel(e) {
261
+ h(e), y();
262
262
  }
263
- }, y = ie(), C = k(y), w = (e) => {
263
+ }, v = oe(), b = A(v), w = (e) => {
264
264
  var t = H();
265
- c(() => {
266
- d(t, "src", o().imageUrl), d(t, "alt", o().imageAlt || "Selected answer image");
267
- }), h(e, t);
265
+ l(() => {
266
+ f(t, "src", r().imageUrl), f(t, "alt", r().imageAlt || "Selected answer image");
267
+ }), g(e, t);
268
268
  }, T = (e) => {
269
269
  var t = U();
270
- p(t, l, !0), s(t), h(e, t);
270
+ m(t, a, !0), i(t), g(e, t);
271
271
  }, E = (e) => {
272
- h(e, W());
272
+ g(e, ae());
273
273
  };
274
- return x(C, (e) => {
275
- r() === "image" && o()?.imageUrl ? e(w) : l() ? e(T, 1) : e(E, -1);
276
- }), s(y), c(() => {
277
- b(y, 1, `inline-flex items-center min-h-[1.5em] px-2 mx-1 border-b-2 border-gray-500 align-baseline cloze-marker pie-blank-slot ${u() ? "cloze-marker-standalone pie-blank-slot-standalone" : ""}`, "svelte-d9l5tb"), f(y, `width:${m()};border-bottom-width:${g()};`), d(y, "aria-label", _());
278
- }), h(t, y), i(v);
274
+ return S(b, (e) => {
275
+ n() === "image" && r()?.imageUrl ? e(w) : a() ? e(T, 1) : e(E, -1);
276
+ }), i(v), l(() => {
277
+ x(v, 1, `inline-flex items-center min-h-[1.5em] px-2 mx-1 border-b-2 border-gray-500 align-baseline cloze-marker pie-blank-slot ${s() ? "cloze-marker-standalone pie-blank-slot-standalone" : ""}`, "svelte-d9l5tb"), p(v, `width:${u()};border-bottom-width:${d()};`), f(v, "aria-label", h());
278
+ }), g(e, v), o(_);
279
279
  }
280
- E(oe, {
280
+ D(ce, {
281
281
  choiceMode: {},
282
282
  displayChoice: {},
283
283
  displayChoiceLabelHtml: {},
@@ -288,117 +288,117 @@ E(oe, {
288
288
  }, [], [], { mode: "open" });
289
289
  //#endregion
290
290
  //#region src/delivery/ChoiceRow.svelte
291
- var G = O("<img class=\"object-contain pie-choice-image\" style=\"max-height:var(--mpb-choice-image-max-height, 5rem);\"/>"), K = O("<span class=\"choice-html pie-choice-label svelte-8xu1pt\"></span>"), q = O("<label class=\"cursor-pointer choice-tile text-center pie-choice-tile svelte-8xu1pt\"><span class=\"choice-tile-content pie-choice-tile-content svelte-8xu1pt\"><!></span> <input type=\"radio\" class=\"choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-8xu1pt\"/></label>"), J = O("<input type=\"radio\" class=\"choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-8xu1pt\"/> <label class=\"cursor-pointer flex-1 pie-choice-label-wrap svelte-8xu1pt\"><!></label>", 1), se = O("<span aria-hidden=\"true\"> </span>"), Y = O("<div style=\"gap:var(--mpb-choice-row-gap, 0.5rem);\"><!> <!></div>"), ce = {
291
+ var W = k("<img class=\"object-contain pie-choice-image\" style=\"max-height:var(--mpb-choice-image-max-height, 5rem);\"/>"), G = k("<span class=\"choice-html pie-choice-label svelte-8xu1pt\"></span>"), le = k("<label class=\"cursor-pointer choice-tile text-center pie-choice-tile svelte-8xu1pt\"><span class=\"choice-tile-content pie-choice-tile-content svelte-8xu1pt\"><!></span> <input type=\"radio\" class=\"choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-8xu1pt\"/></label>"), K = k("<input type=\"radio\" class=\"choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-8xu1pt\"/> <label class=\"cursor-pointer flex-1 pie-choice-label-wrap svelte-8xu1pt\"><!></label>", 1), ue = k("<span aria-hidden=\"true\"> </span>"), q = k("<div style=\"gap:var(--mpb-choice-row-gap, 0.5rem);\"><!> <!></div>"), J = {
292
292
  hash: "svelte-8xu1pt",
293
293
  code: ".choice-row-horizontal.svelte-8xu1pt {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));min-height:var(--mpb-choice-tile-min-height, 11rem);gap:0;}.choice-tile.svelte-8xu1pt {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:var(--mpb-choice-tile-min-height, 11rem);padding:0.8rem 0.65rem 0.5rem;border-radius:8px;background:transparent;transition:background-color 120ms ease-in-out;}.choice-tile-content.svelte-8xu1pt {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-hover-bg, var(--pie-background-dark, #ecedf1));}.pie-choice-horizontal.svelte-8xu1pt:not(.is-selected):not(:hover) .pie-choice-tile:where(.svelte-8xu1pt) {background:transparent;}.choice-row-horizontal.is-selected.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-secondary-background, rgba(241, 241, 241, 1)));}.choice-row-horizontal.is-selected.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-secondary-background, rgba(241, 241, 241, 1)));}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-background-dark, #ecedf1);}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):not(.is-selected):not(:hover) .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:transparent;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-secondary-background, rgba(241, 241, 241, 1));border-radius:6px;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt:hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-secondary-background, rgba(241, 241, 241, 1));}.pie-choice.choice-correct.svelte-8xu1pt {border-left:3px solid var(--pie-correct-tertiary, #0ea449);}.pie-choice.choice-incorrect.svelte-8xu1pt {border-left:3px solid var(--pie-incorrect-icon, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-correct-secondary, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-incorrect-secondary, #ffebee);}.pie-choice-feedback-badge.svelte-8xu1pt {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:9999px;font-size:0.72rem;line-height:1;font-weight:700;color:var(--pie-white, #ffffff);}.pie-choice-feedback-correct.svelte-8xu1pt {background:var(--pie-correct-icon, #087d38);}.pie-choice-feedback-incorrect.svelte-8xu1pt {background:var(--pie-incorrect-icon, #bf0d00);}.choice-row-horizontal.svelte-8xu1pt p {margin:0;text-align:center;}.choice-html.svelte-8xu1pt p {margin:0;}.choice-html.svelte-8xu1pt {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);padding:var(--mpb-choice-radio-padding, 0px);}.choice-radio-inline.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}"
294
294
  };
295
- function le(t, n) {
296
- a(n, !0), D(t, ce);
297
- let o = S(n, "choice", 7), u = S(n, "choiceMode", 7, "text"), f = S(n, "isHorizontal", 7, !1), m = S(n, "isSelected", 7, !1), v = S(n, "isDisabled", 7, !1), y = S(n, "correctness", 7, void 0), w = S(n, "isEvaluateMode", 7, !1), E = S(n, "instanceId", 7), O = S(n, "radioGroupName", 7);
298
- var A = {
295
+ function de(e, t) {
296
+ c(t, !0), O(e, J);
297
+ let a = C(t, "choice", 7), s = C(t, "choiceMode", 7, "text"), d = C(t, "isHorizontal", 7, !1), p = C(t, "isSelected", 7, !1), h = C(t, "isDisabled", 7, !1), b = C(t, "correctness", 7, void 0), T = C(t, "isEvaluateMode", 7, !1), D = C(t, "instanceId", 7), k = C(t, "radioGroupName", 7);
298
+ var j = {
299
299
  get choice() {
300
- return o();
300
+ return a();
301
301
  },
302
- set choice(t) {
303
- o(t), e();
302
+ set choice(e) {
303
+ a(e), y();
304
304
  },
305
305
  get choiceMode() {
306
- return u();
306
+ return s();
307
307
  },
308
- set choiceMode(t = "text") {
309
- u(t), e();
308
+ set choiceMode(e = "text") {
309
+ s(e), y();
310
310
  },
311
311
  get isHorizontal() {
312
- return f();
312
+ return d();
313
313
  },
314
- set isHorizontal(t = !1) {
315
- f(t), e();
314
+ set isHorizontal(e = !1) {
315
+ d(e), y();
316
316
  },
317
317
  get isSelected() {
318
- return m();
318
+ return p();
319
319
  },
320
- set isSelected(t = !1) {
321
- m(t), e();
320
+ set isSelected(e = !1) {
321
+ p(e), y();
322
322
  },
323
323
  get isDisabled() {
324
- return v();
324
+ return h();
325
325
  },
326
- set isDisabled(t = !1) {
327
- v(t), e();
326
+ set isDisabled(e = !1) {
327
+ h(e), y();
328
328
  },
329
329
  get correctness() {
330
- return y();
330
+ return b();
331
331
  },
332
- set correctness(t = void 0) {
333
- y(t), e();
332
+ set correctness(e = void 0) {
333
+ b(e), y();
334
334
  },
335
335
  get isEvaluateMode() {
336
- return w();
336
+ return T();
337
337
  },
338
- set isEvaluateMode(t = !1) {
339
- w(t), e();
338
+ set isEvaluateMode(e = !1) {
339
+ T(e), y();
340
340
  },
341
341
  get instanceId() {
342
- return E();
342
+ return D();
343
343
  },
344
- set instanceId(t) {
345
- E(t), e();
344
+ set instanceId(e) {
345
+ D(e), y();
346
346
  },
347
347
  get radioGroupName() {
348
- return O();
348
+ return k();
349
349
  },
350
- set radioGroupName(t) {
351
- O(t), e();
350
+ set radioGroupName(e) {
351
+ k(e), y();
352
352
  }
353
- }, j = Y(), M = k(j), N = (e) => {
354
- var t = q(), n = k(t), i = k(n), a = (e) => {
353
+ }, M = q(), N = A(M), P = (e) => {
354
+ var t = le(), r = A(t), o = A(r), c = (e) => {
355
+ var t = W();
356
+ l(() => {
357
+ f(t, "src", a().imageUrl), f(t, "alt", a().imageAlt || `Choice ${a().id}`);
358
+ }), g(e, t);
359
+ }, u = (e) => {
355
360
  var t = G();
356
- c(() => {
357
- d(t, "src", o().imageUrl), d(t, "alt", o().imageAlt || `Choice ${o().id}`);
358
- }), h(e, t);
359
- }, l = (e) => {
360
- var t = K();
361
- p(t, () => o().labelHtml || "", !0), s(t), h(e, t);
361
+ m(t, () => a().labelHtml || "", !0), i(t), g(e, t);
362
362
  };
363
- x(i, (e) => {
364
- u() === "image" && o().imageUrl ? e(a) : e(l, -1);
365
- }), s(n);
366
- var f = r(n, 2);
367
- _(f), s(t), c(() => {
368
- d(t, "for", `${E()}-opt-${o().id}`), d(f, "name", O()), d(f, "id", `${E()}-opt-${o().id}`), T(f, o().id), C(f, m()), f.disabled = v();
369
- }), h(e, t);
370
- }, P = (e) => {
371
- var t = J(), n = l(t);
372
- _(n);
373
- var i = r(n, 2), a = k(i), f = (e) => {
363
+ S(o, (e) => {
364
+ s() === "image" && a().imageUrl ? e(c) : e(u, -1);
365
+ }), i(r);
366
+ var d = n(r, 2);
367
+ v(d), i(t), l(() => {
368
+ f(t, "for", `${D()}-opt-${a().id}`), f(d, "name", k()), f(d, "id", `${D()}-opt-${a().id}`), E(d, a().id), w(d, p()), d.disabled = h();
369
+ }), g(e, t);
370
+ }, F = (e) => {
371
+ var t = K(), r = u(t);
372
+ v(r);
373
+ var o = n(r, 2), c = A(o), d = (e) => {
374
+ var t = W();
375
+ l(() => {
376
+ f(t, "src", a().imageUrl), f(t, "alt", a().imageAlt || `Choice ${a().id}`);
377
+ }), g(e, t);
378
+ }, _ = (e) => {
374
379
  var t = G();
375
- c(() => {
376
- d(t, "src", o().imageUrl), d(t, "alt", o().imageAlt || `Choice ${o().id}`);
377
- }), h(e, t);
378
- }, g = (e) => {
379
- var t = K();
380
- p(t, () => o().labelHtml || "", !0), s(t), h(e, t);
380
+ m(t, () => a().labelHtml || "", !0), i(t), g(e, t);
381
381
  };
382
- x(a, (e) => {
383
- u() === "image" && o().imageUrl ? e(f) : e(g, -1);
384
- }), s(i), c(() => {
385
- d(n, "name", O()), d(n, "id", `${E()}-opt-${o().id}`), T(n, o().id), C(n, m()), n.disabled = v(), d(i, "for", `${E()}-opt-${o().id}`);
386
- }), h(e, t);
382
+ S(c, (e) => {
383
+ s() === "image" && a().imageUrl ? e(d) : e(_, -1);
384
+ }), i(o), l(() => {
385
+ f(r, "name", k()), f(r, "id", `${D()}-opt-${a().id}`), E(r, a().id), w(r, p()), r.disabled = h(), f(o, "for", `${D()}-opt-${a().id}`);
386
+ }), g(e, t);
387
387
  };
388
- x(M, (e) => {
389
- f() ? e(N) : e(P, -1);
388
+ S(N, (e) => {
389
+ d() ? e(P) : e(F, -1);
390
390
  });
391
- var F = r(M, 2), I = (e) => {
392
- var t = se(), n = k(t, !0);
393
- s(t), c(() => {
394
- b(t, 1, `pie-choice-feedback-badge ${y() === "correct" ? "pie-choice-feedback-correct" : "pie-choice-feedback-incorrect"}`, "svelte-8xu1pt"), g(n, y() === "correct" ? "✓" : "✕");
395
- }), h(e, t);
391
+ var I = n(N, 2), L = (e) => {
392
+ var t = ue(), n = r(t, !0);
393
+ l(() => {
394
+ x(t, 1, `pie-choice-feedback-badge ${b() === "correct" ? "pie-choice-feedback-correct" : "pie-choice-feedback-incorrect"}`, "svelte-8xu1pt"), _(n, b() === "correct" ? "✓" : "✕");
395
+ }), g(e, t);
396
396
  };
397
- return x(F, (e) => {
398
- w() && y() && e(I);
399
- }), s(j), c(() => b(j, 1, `flex items-start choice-row pie-choice ${f() ? "choice-row-horizontal pie-choice-horizontal" : ""} ${m() ? "is-selected pie-choice-selected" : ""} ${y() ? `choice-${y()} pie-choice-${y()}` : ""}`, "svelte-8xu1pt")), h(t, j), i(A);
397
+ return S(I, (e) => {
398
+ T() && b() && e(L);
399
+ }), i(M), l(() => x(M, 1, `flex items-start choice-row pie-choice ${d() ? "choice-row-horizontal pie-choice-horizontal" : ""} ${p() ? "is-selected pie-choice-selected" : ""} ${b() ? `choice-${b()} pie-choice-${b()}` : ""}`, "svelte-8xu1pt")), g(e, M), o(j);
400
400
  }
401
- E(le, {
401
+ D(de, {
402
402
  choice: {},
403
403
  choiceMode: {},
404
404
  isHorizontal: {},
@@ -411,31 +411,31 @@ E(le, {
411
411
  }, [], [], { mode: "open" });
412
412
  //#endregion
413
413
  //#region src/delivery/computeChoiceCorrectness.ts
414
- function ue(e) {
414
+ function fe(e) {
415
415
  let t = /* @__PURE__ */ new Map(), { isEvaluateMode: n, correctChoiceId: r, selectedId: i, showCorrectAnswer: a } = e;
416
416
  return !n || !r ? t : a ? (t.set(r, "correct"), t) : i ? i === r ? (t.set(r, "correct"), t) : (t.set(i, "incorrect"), t.set(r, "incorrect"), t) : (t.set(r, "incorrect"), t);
417
417
  }
418
418
  //#endregion
419
419
  //#region src/delivery/computeLayoutProfile.ts
420
- var de = "{{blank}}", fe = /* @__PURE__ */ new Set([
420
+ var pe = "{{blank}}", Y = /* @__PURE__ */ new Set([
421
421
  "audio_blank_only",
422
422
  "stimulus_image_blank",
423
423
  "token_sequence"
424
424
  ]);
425
- function pe(e) {
426
- let { interactionMode: t = "", template: n = "", choiceLayout: r, layoutProfile: i = "", hasAudio: a = !1, useFeatureButtonAudio: o } = e, s = t === "audio_mc_only", c = n ? n.replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim() === de : !1, l = r === "horizontal" || r === "vertical" ? r : s || c ? "horizontal" : "vertical";
425
+ function me(e) {
426
+ let { interactionMode: t = "", template: n = "", choiceLayout: r, layoutProfile: i = "", hasAudio: a = !1, useFeatureButtonAudio: o } = e, s = t === "audio_mc_only", c = n ? n.replace(/<[^>]+>/g, "").replace(/&nbsp;/g, " ").trim() === pe : !1, l = r === "horizontal" || r === "vertical" ? r : s || c ? "horizontal" : "vertical";
427
427
  return {
428
428
  isAudioOnlyMode: s,
429
429
  isBlankOnlyTemplate: c,
430
430
  choiceLayout: l,
431
431
  isHorizontalChoices: l === "horizontal",
432
432
  hasInlineSentenceAudioLayout: i === "inline_sentence" && a,
433
- useFeatureButtonAudio: typeof o == "boolean" ? o : a && fe.has(i)
433
+ useFeatureButtonAudio: typeof o == "boolean" ? o : a && Y.has(i)
434
434
  };
435
435
  }
436
436
  //#endregion
437
437
  //#region src/delivery/computeLayoutStyle.ts
438
- var me = {
438
+ var he = {
439
439
  blankStandaloneWidthRem: {
440
440
  varName: "--mpb-blank-standalone-width",
441
441
  unit: "rem"
@@ -590,12 +590,12 @@ var me = {
590
590
  blankUnderlineWideWidthPx: 6
591
591
  }
592
592
  };
593
- function he(e) {
593
+ function ge(e) {
594
594
  let { layoutProfile: t, isBlankOnlyTemplate: n } = e, r = e.configuredLimits && typeof e.configuredLimits == "object" ? e.configuredLimits : {}, i = e.customProfilePresets && typeof e.customProfilePresets == "object" ? e.customProfilePresets : {}, a = i[t] && typeof i[t] == "object" ? i[t] : {}, o = {
595
595
  ...X[t] ?? {},
596
596
  ...a
597
597
  }, s = {
598
- ...M,
598
+ ...N,
599
599
  ...r,
600
600
  ...o
601
601
  }, c = ["audio_blank_only", "stimulus_image_blank"], l = [
@@ -604,7 +604,7 @@ function he(e) {
604
604
  "token_sequence"
605
605
  ], u = c.includes(t) ? `${s.blankWideWidthRem}rem` : n ? `${s.blankStandaloneWidthRem}rem` : "auto", d = l.includes(t) ? `${s.blankUnderlineWideWidthPx}px` : `${s.blankUnderlineWidthPx}px`;
606
606
  return {
607
- rootStyle: Object.keys(me).map((e) => `${me[e].varName}:${s[e]}${me[e].unit}`).join(";"),
607
+ rootStyle: Object.keys(he).map((e) => `${he[e].varName}:${s[e]}${he[e].unit}`).join(";"),
608
608
  blankWidth: u,
609
609
  blankBorderWidth: d,
610
610
  legendMaxChars: s.legendMaxChars
@@ -622,25 +622,25 @@ var Z = {
622
622
  playingUrl: "https://assets.learnosity.com/organisations/844/120f216d-96b7-4560-94b8-1d90710216b7.svg"
623
623
  }
624
624
  };
625
- function ge(e) {
625
+ function _e(e) {
626
626
  let t = String(e.locale || "").toLowerCase(), n = t.slice(0, 2), r = e.audioButtonSkinsByLocale && typeof e.audioButtonSkinsByLocale == "object" ? e.audioButtonSkinsByLocale : {}, i = e.audioButtonSkin && typeof e.audioButtonSkin == "object" ? e.audioButtonSkin : null, a = t.startsWith("es") ? Z.es : Z.default;
627
627
  return r[t] || r[n] || r.default || i || a;
628
628
  }
629
- function _e(e) {
629
+ function ve(e) {
630
630
  let { selectedId: t, isEvaluateMode: n, showCorrectAnswer: r, alwaysShowCorrect: i, correctChoiceId: a } = e;
631
631
  return i && a || n && r && a ? a : t;
632
632
  }
633
- function ve(e) {
633
+ function ye(e) {
634
634
  let { isEvaluateMode: t, showCorrectAnswer: n, isCorrect: r, isIncorrect: i, selectedId: a } = e;
635
635
  return !t || n ? "" : r ? "Correct answer selected" : i && a ? "Incorrect answer selected" : "";
636
636
  }
637
- function ye(e) {
637
+ function be(e) {
638
638
  let { prompt: t, legendMaxChars: n, answerChoicesLabel: r } = e, i = t.replace(/<[^>]+>/g, " ").replace(/\s+/g, " ").trim(), a = Math.max(8, n);
639
639
  return i ? i.length > a ? `${i.slice(0, Math.max(1, a - 1))}…` : i : r;
640
640
  }
641
641
  //#endregion
642
642
  //#region src/delivery/cqt-css/sel-r1-base.css?raw
643
- var be = "/* Shared base styles for all sel_r1-*_plusggg variants.\n Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n Uses [class*=\"variant-sel-r1-\"] so it covers every r1 variant class.\n Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */\n\n/* r1.scss: Starial font throughout.\n font-size 14px mirrors the Learnosity host root (.lrn_widget) which sets the\n base for all em-scaled rules in r1.scss (e.g. .rli-r1-content-element { 1.9em })\n and any em-based author content (e.g. <span style=\"font-size:1.8em\">). Without\n this base PIE inherits the 16px browser default and renders ~14% larger than\n the LSY reference. See CONTOOL-2567. */\n[class*=\"variant-sel-r1-\"] {\n font-family: Starial, Arial, sans-serif;\n font-size: 14px;\n}\n\n/* r1.scss: .rli-r1-audio-transcript { font-family:Roboto; font-size:16px } */\n[class*=\"variant-sel-r1-\"] .pie-audio-transcript {\n font-family: Roboto, Arial, sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n Makes inline font-size spans in the template multiply on top of this base. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n Apply the per-element margin to both classless tokens and the blank slot\n (which is the cloze equivalent) so the gap stacks with whitespace text-nodes\n between flex items the same way LSY does. Earlier this used column-gap:4px,\n but flex column-gap accumulates with the cloze-side mx-1 and the implicit\n whitespace, producing a wider gap than LSY shows. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n display: flex;\n flex-direction: row;\n align-items: baseline;\n justify-content: center;\n}\n\n[class*=\"variant-sel-r1-\"] .pie-template-line p {\n margin: 0;\n display: flex;\n flex-direction: row;\n align-items: baseline;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n line-height:89px; margin-right:2px; margin-left:2px } — wraps every stem token\n (blank slot and adjacent inline spans) in LSY, giving each a 150px box with a\n 2px per-side margin. Apply to inline tokens in all r1 variants so trailing\n tokens in audio_blank_only (gplusggg) match the blank's height the way LSY does. */\n[class*=\"variant-sel-r1-\"] .pie-template-line span:not([class]) {\n min-width: 150px;\n max-width: 150px;\n min-height: 150px;\n line-height: 89px;\n margin-left: 2px;\n margin-right: 2px;\n}\n\n/* In token_sequence layouts the blank itself is also a content-element box (no\n surrounding .rli-r1-cloze container at 160px). audio_blank_only / stimulus_image_blank\n keep their own 160px min-height set on the blank slot in McPopulatedBlank.svelte to\n mirror LSY's .rli-r1-cloze height. The 2px per-side margin matches LSY's\n .rli-r1-content-element pattern (overriding the default Tailwind mx-1). */\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line .pie-blank-slot {\n min-width: 150px;\n max-width: 150px;\n min-height: 150px;\n line-height: 89px;\n margin-left: 2px;\n margin-right: 2px;\n}\n\n/* audio_blank_only / stimulus_image_blank keep the 160px wide blank slot, but\n still need the 2px per-side margin so the gap to the trailing token mirrors\n LSY's .rli-r1-content-element rhythm. Without this, Tailwind's mx-1 (4px)\n would dominate and the cloze→token gap diverges from LSY. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"].layout-audio_blank_only .pie-template-line .pie-blank-slot,\n[class*=\"variant-sel-r1-\"].layout-stimulus_image_blank .pie-template-line .pie-blank-slot {\n margin-left: 2px;\n margin-right: 2px;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n[class*=\"variant-sel-r1-\"] .pie-choice-label {\n font-size: 1.9em;\n line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px;\n min-height:150px } wraps every image (stem token + distractor) and forces\n the content box to 150×150. LSY's host also rewrites <img width/height>\n to 150 server-side. PIE keeps the authored attributes (typically 108×108),\n so without an explicit override images render ~28% smaller than LSY.\n See CONTOOL-2570. */\n[class*=\"variant-sel-r1-\"] .pie-template-line img,\n[class*=\"variant-sel-r1-\"] .pie-choice-label img {\n width: 150px;\n height: 150px;\n}\n", xe = {
643
+ var xe = "/* Shared base styles for all sel_r1-*_plusggg variants.\n Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n Uses [class*=\"variant-sel-r1-\"] so it covers every r1 variant class.\n Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */\n\n/* r1.scss: Starial font throughout.\n font-size 14px mirrors the Learnosity host root (.lrn_widget) which sets the\n base for all em-scaled rules in r1.scss (e.g. .rli-r1-content-element { 1.9em })\n and any em-based author content (e.g. <span style=\"font-size:1.8em\">). Without\n this base PIE inherits the 16px browser default and renders ~14% larger than\n the LSY reference. See CONTOOL-2567. */\n[class*=\"variant-sel-r1-\"] {\n font-family: Starial, Arial, sans-serif;\n font-size: 14px;\n}\n\n/* r1.scss: .rli-r1-audio-transcript { font-family:Roboto; font-size:16px } */\n[class*=\"variant-sel-r1-\"] .pie-audio-transcript {\n font-family: Roboto, Arial, sans-serif;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n Makes inline font-size spans in the template multiply on top of this base. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n Apply the per-element margin to both classless tokens and the blank slot\n (which is the cloze equivalent) so the gap stacks with whitespace text-nodes\n between flex items the same way LSY does. Earlier this used column-gap:4px,\n but flex column-gap accumulates with the cloze-side mx-1 and the implicit\n whitespace, producing a wider gap than LSY shows. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n display: flex;\n flex-direction: row;\n align-items: baseline;\n justify-content: center;\n}\n\n[class*=\"variant-sel-r1-\"] .pie-template-line p {\n margin: 0;\n display: flex;\n flex-direction: row;\n align-items: baseline;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n line-height:89px; margin-right:2px; margin-left:2px } — wraps every stem token\n (blank slot and adjacent inline spans) in LSY, giving each a 150px box with a\n 2px per-side margin. Apply to inline tokens in all r1 variants so trailing\n tokens in audio_blank_only (gplusggg) match the blank's height the way LSY does. */\n[class*=\"variant-sel-r1-\"] .pie-template-line span:not([class]) {\n min-width: 150px;\n max-width: 150px;\n min-height: 150px;\n line-height: 89px;\n margin-left: 2px;\n margin-right: 2px;\n}\n\n/* In token_sequence layouts the blank itself is also a content-element box (no\n surrounding .rli-r1-cloze container at 160px). audio_blank_only / stimulus_image_blank\n keep their own 160px min-height set on the blank slot in McPopulatedBlank.svelte to\n mirror LSY's .rli-r1-cloze height. The 2px per-side margin matches LSY's\n .rli-r1-content-element pattern (overriding the default Tailwind mx-1). */\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line .pie-blank-slot {\n min-width: 150px;\n max-width: 150px;\n min-height: 150px;\n line-height: 89px;\n margin-left: 2px;\n margin-right: 2px;\n}\n\n/* audio_blank_only / stimulus_image_blank keep the 160px wide blank slot, but\n still need the 2px per-side margin so the gap to the trailing token mirrors\n LSY's .rli-r1-content-element rhythm. Without this, Tailwind's mx-1 (4px)\n would dominate and the cloze→token gap diverges from LSY. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"].layout-audio_blank_only .pie-template-line .pie-blank-slot,\n[class*=\"variant-sel-r1-\"].layout-stimulus_image_blank .pie-template-line .pie-blank-slot {\n margin-left: 2px;\n margin-right: 2px;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n[class*=\"variant-sel-r1-\"] .pie-choice-label {\n font-size: 1.9em;\n line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px;\n min-height:150px } wraps every image (stem token + distractor) and forces\n the content box to 150×150. LSY's host also rewrites <img width/height>\n to 150 server-side. PIE keeps the authored attributes (typically 108×108),\n so without an explicit override images render ~28% smaller than LSY.\n See CONTOOL-2570. */\n[class*=\"variant-sel-r1-\"] .pie-template-line img,\n[class*=\"variant-sel-r1-\"] .pie-choice-label img {\n width: 150px;\n height: 150px;\n}\n", Se = {
644
644
  "sel_r1-_plusggg": {
645
645
  variantId: "sel-r1-plusggg",
646
646
  variantClass: "variant-sel-r1-plusggg",
@@ -689,14 +689,14 @@ var be = "/* Shared base styles for all sel_r1-*_plusggg variants.\n Applied v
689
689
  sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css",
690
690
  cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n max-width: 860px;\n margin-inline: auto;\n --mpb-listen-button-size: 128px;\n --mpb-choice-width-px: 155px;\n --mpb-choice-tile-min-height: 11.25rem;\n --mpb-choice-content-min-height: 9.375rem;\n --mpb-choice-group-gap: 0.35rem;\n --mpb-choice-row-gap: 0.35rem;\n --mpb-horizontal-choice-radio-top-margin: 0.25rem;\n --mpb-stimulus-min-column: 240px;\n --mpb-stimulus-grid-column-gap: 1.1rem;\n --mpb-stimulus-choices-margin-top: 0.85rem;\n --mpb-audio-blank-template-margin-bottom: 0.9rem;\n --mpb-blank-wide-width: 6.8rem;\n}\n\n/* sel_r1-s3_plusggg/question.css does not set font-weight on distractors or\n cloze content-element, so they inherit 400 from the host root. The earlier\n font-weight:500 override caused PIE to render visibly heavier than LSY for\n the same author content. See CONTOOL-2571. */\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {\n font-size: 1.9em;\n line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {\n line-height: 1.1;\n white-space: nowrap;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {\n border-radius: 6px;\n background: #f1f1f1;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n grid-template-columns: minmax(220px, auto) auto auto;\n grid-template-areas:\n \"transcript transcript transcript\"\n \"sentence template audio\"\n \"choices choices choices\";\n justify-content: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n grid-area: template;\n justify-self: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {\n justify-self: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {\n justify-self: start;\n align-self: start;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n justify-self: center;\n width: fit-content;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {\n max-width: 100%;\n height: auto;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {\n background: #e2e2e2;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,\n.mc-populated-blank-root.variant-sel-r1-s3\n .pie-choice-horizontal.is-selected:hover\n .pie-choice-tile {\n background: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {\n transform: scale(0.85);\n}\n"
691
691
  }
692
- }, Se = (e) => String(e || "").trim().toLowerCase().replace(/v\d+\.\d+\.\d+$/i, ""), Ce = (e) => xe[Se(e)], we = (e) => Ce(e)?.variantClass || "", Te = /* @__PURE__ */ new Set([
692
+ }, Ce = (e) => String(e || "").trim().toLowerCase().replace(/v\d+\.\d+\.\d+$/i, ""), we = (e) => Se[Ce(e)], Te = (e) => we(e)?.variantClass || "", Ee = /* @__PURE__ */ new Set([
693
693
  "sel-r1-plusggg",
694
694
  "sel-r1-gplusggg",
695
695
  "sel-r1-g-stem",
696
696
  "sel-r1-gg-plus",
697
697
  "sel-r1-ggplus",
698
698
  "sel-r1-s3"
699
- ]), Ee = (e, t, n) => {
699
+ ]), De = (e, t, n) => {
700
700
  let r = document.getElementById(e);
701
701
  if (r) {
702
702
  r.textContent !== n && (r.textContent = n);
@@ -704,74 +704,75 @@ var be = "/* Shared base styles for all sel_r1-*_plusggg variants.\n Applied v
704
704
  }
705
705
  let i = document.createElement("style");
706
706
  i.id = e, i.setAttribute("data-mpb-variant", t), i.textContent = n, document.head.appendChild(i);
707
- }, De = (e) => {
708
- !e?.cssText || typeof document > "u" || (Te.has(e.variantId) && Ee("mc-populated-blank-css-sel-r1-base", "sel-r1-base", be), Ee(`mc-populated-blank-css-${e.variantId}`, e.variantId, e.cssText));
709
- }, Oe = O("<div class=\"mb-4 prose pie-prompt\"></div>"), ke = j("<svg class=\"pie-correct-answer-toggle-svg svelte-6wlbb4\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\"><circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"var(--pie-tertiary-light, #d0e2f0)\"></circle><path 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 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\" fill=\"var(--pie-tertiary-light, #d0e2f0)\"></path><polygon 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\" fill=\"var(--pie-tertiary, #146eb3)\"></polygon></svg>"), Ae = j("<svg class=\"pie-correct-answer-toggle-svg svelte-6wlbb4\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\"><path 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 C-97.4,153.5-104.3,160.4-112.9,160.4z\" fill=\"#D0CAC5\" stroke=\"#E6E3E0\" stroke-width=\"0.75\"></path><path 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\" fill=\"#B3ABA4\" stroke=\"#CDC7C2\" stroke-width=\"0.5\"></path><circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\"></circle><path 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 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\" fill=\"var(--pie-background-dark, #ecedf1)\"></path><polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"var(--pie-tertiary, #146eb3)\"></polygon></svg>"), je = O("<div class=\"pie-correct-answer-toggle-row svelte-6wlbb4\"><button type=\"button\" class=\"mb-3 pie-toggle-correct-answer svelte-6wlbb4\" style=\"gap:var(--mpb-toggle-button-gap, 0.5rem);\" data-testid=\"show-correct-answer\"><span class=\"pie-correct-answer-toggle-content svelte-6wlbb4\"><span class=\"pie-correct-answer-toggle-icon-holder svelte-6wlbb4\" aria-hidden=\"true\"><!></span> <span class=\"pie-correct-answer-toggle-label svelte-6wlbb4\"> </span></span></button></div>"), Me = O("<div class=\"mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4\"></div>"), Ne = O("<div class=\"mb-4 template-line pie-template-line svelte-6wlbb4\"><!><!><!></div>"), Pe = O("<p class=\"sr-only pie-result-feedback svelte-6wlbb4\" role=\"status\" aria-live=\"polite\"> </p>"), Fe = O("<div><!> <!> <!> <!> <!> <!> <fieldset class=\"border-0 p-0 m-0 pie-choices-fieldset svelte-6wlbb4\"><legend class=\"sr-only pie-choices-legend svelte-6wlbb4\"> </legend> <div style=\"gap:var(--mpb-choice-group-gap, 0.5rem);\" role=\"radiogroup\" tabindex=\"-1\"></div></fieldset></div>"), Ie = {
707
+ }, Oe = (e) => {
708
+ !e?.cssText || typeof document > "u" || (Ee.has(e.variantId) && De("mc-populated-blank-css-sel-r1-base", "sel-r1-base", xe), De(`mc-populated-blank-css-${e.variantId}`, e.variantId, e.cssText));
709
+ }, ke = k("<div class=\"mb-4 prose pie-prompt\"></div>"), Ae = M("<svg class=\"pie-correct-answer-toggle-svg svelte-6wlbb4\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-283 359 34 35\"><circle cx=\"-266\" cy=\"375.9\" r=\"14\" fill=\"var(--pie-tertiary-light, #d0e2f0)\"></circle><path 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 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\" fill=\"var(--pie-tertiary-light, #d0e2f0)\"></path><polygon 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\" fill=\"var(--pie-tertiary, #146eb3)\"></polygon></svg>"), je = M("<svg class=\"pie-correct-answer-toggle-svg svelte-6wlbb4\" preserveAspectRatio=\"xMinYMin meet\" version=\"1.1\" viewBox=\"-129.5 127 34 35\"><path 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 C-97.4,153.5-104.3,160.4-112.9,160.4z\" fill=\"#D0CAC5\" stroke=\"#E6E3E0\" stroke-width=\"0.75\"></path><path 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\" fill=\"#B3ABA4\" stroke=\"#CDC7C2\" stroke-width=\"0.5\"></path><circle cx=\"-114.2\" cy=\"143.5\" r=\"14\" fill=\"white\"></circle><path 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 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\" fill=\"var(--pie-background-dark, #ecedf1)\"></path><polygon points=\"-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2\" fill=\"var(--pie-tertiary, #146eb3)\"></polygon></svg>"), Me = k("<div class=\"pie-correct-answer-toggle-row svelte-6wlbb4\"><button type=\"button\" class=\"mb-3 pie-toggle-correct-answer svelte-6wlbb4\" style=\"gap:var(--mpb-toggle-button-gap, 0.5rem);\" data-testid=\"show-correct-answer\"><span class=\"pie-correct-answer-toggle-content svelte-6wlbb4\"><span class=\"pie-correct-answer-toggle-icon-holder svelte-6wlbb4\" aria-hidden=\"true\"><!></span> <span class=\"pie-correct-answer-toggle-label svelte-6wlbb4\"> </span></span></button></div>"), Ne = k("<div class=\"mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4\"></div>"), Pe = k("<div class=\"mb-4 template-line pie-template-line svelte-6wlbb4\"><!><!><!></div>"), Fe = k("<p class=\"sr-only pie-result-feedback svelte-6wlbb4\" role=\"status\" aria-live=\"polite\"> </p>"), Ie = k("<div><!> <!> <!> <!> <!> <!> <p class=\"sr-only pie-blank-hint svelte-6wlbb4\"> </p> <fieldset class=\"border-0 p-0 m-0 pie-choices-fieldset svelte-6wlbb4\"><legend class=\"sr-only pie-choices-legend svelte-6wlbb4\"> </legend> <div style=\"gap:var(--mpb-choice-group-gap, 0.5rem);\" role=\"radiogroup\" tabindex=\"-1\"></div></fieldset></div>"), Le = {
710
710
  hash: "svelte-6wlbb4",
711
711
  code: ".sr-only.svelte-6wlbb4 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.mc-populated-blank-root.svelte-6wlbb4 {--mpb-focus-ring: var(\n --pie-focus-outline,\n var(--pie-button-focus-outline, var(--pie-focus-checked-border, #1565c0))\n );}.mc-populated-blank-root.svelte-6wlbb4 .prose {max-width:none;}.pie-toggle-correct-answer.svelte-6wlbb4 {width:100%;cursor:pointer;border:0;background:transparent;padding:0;display:flex;justify-content:center;text-align:center;color:var(--pie-text, black);}.pie-correct-answer-toggle-row.svelte-6wlbb4 {width:100%;display:flex;justify-content:flex-end;}.pie-correct-answer-toggle-content.svelte-6wlbb4 {display:flex;margin:0 auto;align-items:center;}.pie-correct-answer-toggle-icon-holder.svelte-6wlbb4 {width:25px;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;}.pie-correct-answer-toggle-svg.svelte-6wlbb4 {width:25px;height:25px;}.pie-correct-answer-toggle-label.svelte-6wlbb4 {width:fit-content;min-width:140px;align-self:center;vertical-align:middle;font-weight:400;user-select:none;}.pie-toggle-correct-answer.svelte-6wlbb4:hover .pie-correct-answer-toggle-label:where(.svelte-6wlbb4),\n .pie-toggle-correct-answer.svelte-6wlbb4:focus-visible .pie-correct-answer-toggle-label:where(.svelte-6wlbb4) {text-decoration:underline;}.template-line.svelte-6wlbb4 {white-space:pre-wrap;}.template-line.svelte-6wlbb4 p {margin:0;display:inline;}.layout-audio_blank_only.svelte-6wlbb4 .pie-audio-container,\n .layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container {display:flex;width:min(100%, var(--mpb-audio-instructions-max-width, 875px));margin-left:auto;margin-right:auto;justify-content:flex-end;}.layout-audio_blank_only.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4),\n .layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {text-align:center;margin:var(--mpb-audio-blank-template-margin-top, 0.8rem) 0\n var(--mpb-audio-blank-template-margin-bottom, 1.8rem);}.layout-audio_blank_only.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {display:flex;justify-content:center;}.layout-audio_blank_only.svelte-6wlbb4 .pie-blank-slot,\n .layout-stimulus_image_blank.svelte-6wlbb4 .pie-blank-slot {width:var(--mpb-blank-wide-width, 10rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 6px);min-height:160px;padding-bottom:4px;}.layout-stimulus_image_blank.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-stimulus-min-column, 210px), 1fr) auto;grid-template-areas:'sentence audio'\n '. template'\n 'choices choices';column-gap:var(--mpb-stimulus-grid-column-gap, 2rem);row-gap:var(--mpb-stimulus-grid-row-gap, 0.7rem);align-items:start;}.layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;}.layout-stimulus_image_blank.svelte-6wlbb4 .sentence-line:where(.svelte-6wlbb4) {grid-area:sentence;margin:var(--mpb-stimulus-sentence-margin-top, 0.2rem) 0 0;}.layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:0;text-align:center;justify-self:center;}.layout-stimulus_image_blank.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-stimulus-choices-margin-top, 0.9rem);}.layout-token_sequence.svelte-6wlbb4 {display:grid;grid-template-columns:1fr auto;grid-template-areas:'audio audio'\n 'template template'\n 'choices choices';column-gap:var(--mpb-token-grid-column-gap, 1.5rem);row-gap:var(--mpb-token-grid-row-gap, 0.8rem);align-items:start;}.layout-token_sequence.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;justify-self:end;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-token-template-margin-top, 0.6rem) 0 0;justify-self:center;text-align:center;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) span + span {margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 .pie-blank-slot {width:var(--mpb-blank-standalone-width, 7rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-token-choices-margin-top, 0.2rem);}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'template audio'\n 'choices choices';column-gap:var(--mpb-inline-grid-column-gap, 1.5rem);row-gap:var(--mpb-inline-grid-row-gap, 0.65rem);align-items:start;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;justify-self:end;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-inline-template-margin-top, 0.45rem) 0 0;text-align:center;justify-self:center;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-inline-choices-margin-top, 0.25rem);}\n\n /* Match Learnosity responsive behavior for CQT audio-blank layouts:\n at smaller widths, audio control shifts left and answer tiles stack. */\n @media (max-width: 760px) {.layout-audio_blank_only.svelte-6wlbb4 .pie-audio-container,\n .layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container,\n .layout-token_sequence.svelte-6wlbb4 .pie-audio-container,\n .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-container {width:100%;margin-left:0;margin-right:0;justify-content:flex-start;justify-self:start;}.layout-audio_blank_only.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n .layout-token_sequence.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n .layout-stimulus_image_blank.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4) {flex-direction:column;align-items:flex-start;justify-content:flex-start;}.layout-audio_blank_only.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n .layout-token_sequence.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n .layout-stimulus_image_blank.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4) {width:min(100%, var(--mpb-narrow-choice-max-width, 230px));align-items:flex-start;}\n }"
712
712
  };
713
- function Le(n, l) {
714
- a(l, !0), D(n, Ie);
715
- let u = {
713
+ function Re(s, u) {
714
+ c(u, !0), O(s, Le);
715
+ let d = {
716
716
  answerChoices: "Answer choices",
717
717
  selectedAnswerInSentence: "Selected answer in sentence",
718
+ blankPreSelectionHint: "The answer you choose will appear on the blank line above.",
718
719
  showCorrectAnswer: "Show correct answer",
719
720
  hideCorrectAnswer: "Hide correct answer",
720
721
  clickToEnableAutoplay: "Click to enable audio autoplay",
721
722
  audioResourceUnavailable: "Audio is enabled but no playable audio URL is configured."
722
- }, _ = S(l, "model", 7), C = S(l, "session", 7), T = y(""), E = y(null), O = y(null), j = y(null), M = `mc-populated-blank-${Math.random().toString(36).slice(2, 10)}`, N = v(() => (_()?.mode || _()?.env?.mode || "").toString()), P = v(() => A(N) === "evaluate"), F = v(() => _()?.correctness), ee = v(() => typeof _()?.responseCorrect == "boolean" ? _().responseCorrect : A(F) === "correct"), te = v(() => A(F) === "correct"), ne = v(() => A(F) === "incorrect"), R = y(!1), re = v(() => A(P) && !A(ee) && !!_()?.correctChoiceId), z = v(() => _()?.layoutProfile || ""), B = v(() => pe({
723
- interactionMode: _()?.interactionMode,
724
- template: _()?.template,
725
- choiceLayout: _()?.choiceLayout,
726
- layoutProfile: A(z),
727
- hasAudio: _()?.hasAudio,
728
- useFeatureButtonAudio: _()?.useFeatureButtonAudio
729
- })), H = v(() => A(B).isAudioOnlyMode), U = v(() => A(B).isBlankOnlyTemplate), W = v(() => A(B).isHorizontalChoices), ie = v(() => A(B).hasInlineSentenceAudioLayout), ae = v(() => A(B).useFeatureButtonAudio), G = v(() => he({
730
- layoutProfile: A(z),
731
- isBlankOnlyTemplate: A(U),
732
- configuredLimits: _()?.layoutLimits,
733
- customProfilePresets: _()?.layoutProfilePresets
734
- })), K = v(() => Array.isArray(_()?.choices) ? _().choices : []), q = v(() => _()?.choiceMode || "text"), J = v(() => C()?.choiceId || A(T) || ""), se = v(() => `${M}-choice-group-${_()?.id || "1"}`), Y = v(() => _e({
735
- selectedId: A(J),
736
- isEvaluateMode: A(P),
737
- showCorrectAnswer: A(R),
738
- alwaysShowCorrect: !!_()?.alwaysShowCorrect,
739
- correctChoiceId: String(_()?.correctChoiceId || "")
740
- })), ce = v(() => A(K).find((e) => e.id === A(Y))), de = v(() => String(A(ce)?.labelHtml || "")), fe = v(() => ve({
741
- isEvaluateMode: A(P),
742
- showCorrectAnswer: A(R),
743
- isCorrect: A(te),
744
- isIncorrect: A(ne),
745
- selectedId: A(J)
746
- })), me = v(() => ue({
747
- isEvaluateMode: A(P),
748
- correctChoiceId: String(_()?.correctChoiceId || ""),
749
- selectedId: String(A(J) || ""),
750
- showCorrectAnswer: A(R)
751
- })), X = v(() => ({
752
- ...u,
753
- ..._()?.uiText || {}
754
- })), Z = v(() => `${M}-prompt`), be = v(() => `${M}-choices-legend`), xe = v(() => `${M}-result`), Se = v(() => ye({
755
- prompt: _()?.prompt || "",
756
- legendMaxChars: A(G).legendMaxChars,
757
- answerChoicesLabel: A(X).answerChoices
758
- })), Te = v(() => _()?.prompt ? A(Z) : void 0), Ee = v(() => _()?.prompt ? void 0 : String(_()?.choiceGroupLabel || "").trim() || A(Se)), Le = v(() => _()?.prompt ? A(Z) : void 0), Re = v(() => {
759
- let e = _()?.locale || "";
723
+ }, v = C(u, "model", 7), w = C(u, "session", 7), E = e(""), D = e(null), k = e(null), M = e(null), N = `mc-populated-blank-${Math.random().toString(36).slice(2, 10)}`, P = a(() => (v()?.mode || v()?.env?.mode || "").toString()), F = a(() => j(P) === "evaluate"), I = a(() => v()?.correctness), te = a(() => typeof v()?.responseCorrect == "boolean" ? v().responseCorrect : j(I) === "correct"), ne = a(() => j(I) === "correct"), re = a(() => j(I) === "incorrect"), R = e(!1), ie = a(() => j(F) && !j(te) && !!v()?.correctChoiceId), z = a(() => v()?.layoutProfile || ""), B = a(() => me({
724
+ interactionMode: v()?.interactionMode,
725
+ template: v()?.template,
726
+ choiceLayout: v()?.choiceLayout,
727
+ layoutProfile: j(z),
728
+ hasAudio: v()?.hasAudio,
729
+ useFeatureButtonAudio: v()?.useFeatureButtonAudio
730
+ })), H = a(() => j(B).isAudioOnlyMode), U = a(() => j(B).isBlankOnlyTemplate), ae = a(() => j(B).isHorizontalChoices), oe = a(() => j(B).hasInlineSentenceAudioLayout), se = a(() => j(B).useFeatureButtonAudio), W = a(() => ge({
731
+ layoutProfile: j(z),
732
+ isBlankOnlyTemplate: j(U),
733
+ configuredLimits: v()?.layoutLimits,
734
+ customProfilePresets: v()?.layoutProfilePresets
735
+ })), G = a(() => Array.isArray(v()?.choices) ? v().choices : []), le = a(() => v()?.choiceMode || "text"), K = a(() => w()?.choiceId || j(E) || ""), ue = a(() => `${N}-choice-group-${v()?.id || "1"}`), q = a(() => ve({
736
+ selectedId: j(K),
737
+ isEvaluateMode: j(F),
738
+ showCorrectAnswer: j(R),
739
+ alwaysShowCorrect: !!v()?.alwaysShowCorrect,
740
+ correctChoiceId: String(v()?.correctChoiceId || "")
741
+ })), J = a(() => j(G).find((e) => e.id === j(q))), pe = a(() => String(j(J)?.labelHtml || "")), Y = a(() => ye({
742
+ isEvaluateMode: j(F),
743
+ showCorrectAnswer: j(R),
744
+ isCorrect: j(ne),
745
+ isIncorrect: j(re),
746
+ selectedId: j(K)
747
+ })), he = a(() => fe({
748
+ isEvaluateMode: j(F),
749
+ correctChoiceId: String(v()?.correctChoiceId || ""),
750
+ selectedId: String(j(K) || ""),
751
+ showCorrectAnswer: j(R)
752
+ })), X = a(() => ({
753
+ ...d,
754
+ ...v()?.uiText || {}
755
+ })), Z = a(() => `${N}-prompt`), xe = a(() => `${N}-choices-legend`), Se = a(() => `${N}-result`), Ce = a(() => `${N}-blank-hint`), Ee = a(() => be({
756
+ prompt: v()?.prompt || "",
757
+ legendMaxChars: j(W).legendMaxChars,
758
+ answerChoicesLabel: j(X).answerChoices
759
+ })), De = a(() => v()?.prompt ? j(Z) : void 0), Re = a(() => v()?.prompt ? void 0 : String(v()?.choiceGroupLabel || "").trim() || j(Ee)), ze = a(() => v()?.prompt ? j(Z) : void 0), Be = a(() => {
760
+ let e = v()?.locale || "";
760
761
  return e ? e.slice(0, 2) : "en";
761
- }), ze = v(() => Ce(_()?.customType)), Be = v(() => we(_()?.customType)), Ve = v(() => {
762
- let e = _()?.template || "", t = e.indexOf("{{blank}}");
762
+ }), Ve = a(() => we(v()?.customType)), He = a(() => Te(v()?.customType)), Ue = a(() => {
763
+ let e = v()?.template || "", t = e.indexOf("{{blank}}");
763
764
  if (t < 0) return {
764
765
  before: e,
765
766
  after: ""
766
767
  };
767
768
  let n = e.slice(0, t), r = e.slice(t + 9);
768
- return A(z) === "inline_sentence" && (n = `${n.replace(/\s+$/, "")} `, r = ` ${r.replace(/^\s+/, "")}`), {
769
+ return j(z) === "inline_sentence" && (n = `${n.replace(/\s+$/, "")} `, r = ` ${r.replace(/^\s+/, "")}`), {
769
770
  before: n,
770
771
  after: r
771
772
  };
772
773
  });
773
- function He(e, t) {
774
- L({
774
+ function We(e, t) {
775
+ ee({
775
776
  sourceEl: t,
776
777
  fallbackSelector: "mc-populated-blank",
777
778
  component: "mc-populated-blank",
@@ -779,25 +780,25 @@ function Le(n, l) {
779
780
  complete: !!e?.choiceId
780
781
  });
781
782
  }
782
- function Ue(e) {
783
+ function Ge(e) {
783
784
  let t = e.target;
784
785
  if (!t.checked) return;
785
786
  let n = t.value;
786
- o(T, n, !0), He({
787
- ...C(),
788
- id: C()?.id || _()?.id || "1",
787
+ b(E, n, !0), We({
788
+ ...w(),
789
+ id: w()?.id || v()?.id || "1",
789
790
  element: "mc-populated-blank",
790
791
  choiceId: n
791
792
  }, t);
792
793
  }
793
- function We() {
794
- A(re) && o(R, !A(R));
794
+ function Ke() {
795
+ j(ie) && b(R, !j(R));
795
796
  }
796
797
  t(() => {
797
- (!A(P) || A(ee)) && o(R, !1);
798
+ (!j(F) || j(te)) && b(R, !1);
798
799
  });
799
- function Ge(e) {
800
- if (_()?.disabled) return;
800
+ function qe(e) {
801
+ if (v()?.disabled) return;
801
802
  let t = e.key;
802
803
  if (![
803
804
  "ArrowDown",
@@ -813,207 +814,205 @@ function Le(n, l) {
813
814
  let a = r[i];
814
815
  a.checked = !0, a.dispatchEvent(new Event("change", { bubbles: !0 })), a.focus();
815
816
  }
816
- let Ke = v(() => ge({
817
- locale: _()?.locale,
818
- audioButtonSkin: _()?.audioButtonSkin,
819
- audioButtonSkinsByLocale: _()?.audioButtonSkinsByLocale
817
+ let Je = a(() => _e({
818
+ locale: v()?.locale,
819
+ audioButtonSkin: v()?.audioButtonSkin,
820
+ audioButtonSkinsByLocale: v()?.audioButtonSkinsByLocale
820
821
  }));
821
- function qe() {
822
- I(A(j), { fallbackSelector: "mc-populated-blank" })?.onAudioStarted?.();
822
+ function Ye() {
823
+ L(j(M), { fallbackSelector: "mc-populated-blank" })?.onAudioStarted?.();
823
824
  }
824
- function Je() {
825
- I(A(j), { fallbackSelector: "mc-populated-blank" })?.onAudioEnded?.();
825
+ function Xe() {
826
+ L(j(M), { fallbackSelector: "mc-populated-blank" })?.onAudioEnded?.();
826
827
  }
827
828
  t(() => {
828
- C()?.choiceId && o(T, C().choiceId, !0);
829
+ w()?.choiceId && b(E, w().choiceId, !0);
829
830
  }), t(() => {
830
- let e = A(E);
831
- if (e) return e.addEventListener("click", We), () => e.removeEventListener("click", We);
831
+ let e = j(D);
832
+ if (e) return e.addEventListener("click", Ke), () => e.removeEventListener("click", Ke);
832
833
  }), t(() => {
833
- let e = A(O);
834
+ let e = j(k);
834
835
  if (!e) return;
835
836
  let t = (e) => {
836
- e.target?.type === "radio" && Ue(e);
837
- }, n = (e) => Ge(e);
837
+ e.target?.type === "radio" && Ge(e);
838
+ }, n = (e) => qe(e);
838
839
  return e.addEventListener("change", t), e.addEventListener("keydown", n), () => {
839
840
  e.removeEventListener("change", t), e.removeEventListener("keydown", n);
840
841
  };
841
842
  }), t(() => {
842
- De(A(ze));
843
+ Oe(j(Ve));
843
844
  });
844
- var Ye = {
845
+ var Ze = {
845
846
  get model() {
846
- return _();
847
+ return v();
847
848
  },
848
- set model(t) {
849
- _(t), e();
849
+ set model(e) {
850
+ v(e), y();
850
851
  },
851
852
  get session() {
852
- return C();
853
+ return w();
853
854
  },
854
- set session(t) {
855
- C(t), e();
855
+ set session(e) {
856
+ w(e), y();
856
857
  }
857
- }, Q = Fe(), Xe = k(Q), Ze = (e) => {
858
- var t = Oe();
859
- p(t, () => _().prompt, !0), s(t), c(() => d(t, "id", A(Z))), h(e, t);
858
+ }, Q = Ie(), Qe = A(Q), $e = (e) => {
859
+ var t = ke();
860
+ m(t, () => v().prompt, !0), i(t), l(() => f(t, "id", j(Z))), g(e, t);
860
861
  };
861
- x(Xe, (e) => {
862
- _()?.prompt && e(Ze);
862
+ S(Qe, (e) => {
863
+ v()?.prompt && e($e);
863
864
  });
864
- var Qe = r(Xe, 2), $e = (e) => {
865
- var t = je(), n = k(t), i = k(n), a = k(i), l = k(a), u = (e) => {
866
- h(e, ke());
867
- }, f = (e) => {
868
- h(e, Ae());
865
+ var et = n(Qe, 2), tt = (e) => {
866
+ var t = Me(), a = A(t), o = A(a), s = A(o), c = A(s), u = (e) => {
867
+ g(e, Ae());
868
+ }, d = (e) => {
869
+ g(e, je());
869
870
  };
870
- x(l, (e) => {
871
- A(R) ? e(u) : e(f, -1);
872
- }), s(a);
873
- var p = r(a, 2), m = k(p, !0);
874
- s(p), s(i), s(n), w(n, (e) => o(E, e), () => A(E)), s(t), c(() => {
875
- d(n, "aria-pressed", A(R)), g(m, A(R) ? A(X).hideCorrectAnswer : A(X).showCorrectAnswer);
876
- }), h(e, t);
871
+ S(c, (e) => {
872
+ j(R) ? e(u) : e(d, -1);
873
+ }), i(s);
874
+ var p = r(n(s, 2), !0);
875
+ i(o), i(a), T(a, (e) => b(D, e), () => j(D)), i(t), l(() => {
876
+ f(a, "aria-pressed", j(R)), _(p, j(R) ? j(X).hideCorrectAnswer : j(X).showCorrectAnswer);
877
+ }), g(e, t);
877
878
  };
878
- x(Qe, (e) => {
879
- A(re) && e($e);
879
+ S(et, (e) => {
880
+ j(ie) && e(tt);
880
881
  });
881
- var et = r(Qe, 2);
882
+ var nt = n(et, 2);
882
883
  {
883
- let e = v(() => !!_()?.hasAudio), t = v(() => _()?.audioUrl), n = v(() => !!_()?.autoplayAudioEnabled), r = v(() => _()?.locale);
884
- V(et, {
884
+ let e = a(() => !!v()?.hasAudio), t = a(() => v()?.audioUrl), n = a(() => !!v()?.autoplayAudioEnabled), r = a(() => v()?.locale);
885
+ V(nt, {
885
886
  get hasAudio() {
886
- return A(e);
887
+ return j(e);
887
888
  },
888
889
  get audioUrl() {
889
- return A(t);
890
+ return j(t);
890
891
  },
891
892
  get useFeatureButtonAudio() {
892
- return A(ae);
893
+ return j(se);
893
894
  },
894
895
  get autoplayEnabled() {
895
- return A(n);
896
+ return j(n);
896
897
  },
897
898
  get featureAudioSkin() {
898
- return A(Ke);
899
+ return j(Je);
899
900
  },
900
901
  get uiText() {
901
- return A(X);
902
+ return j(X);
902
903
  },
903
904
  get locale() {
904
- return A(r);
905
+ return j(r);
905
906
  },
906
- onaudiostarted: qe,
907
- onaudioended: Je
907
+ onaudiostarted: Ye,
908
+ onaudioended: Xe
908
909
  });
909
910
  }
910
- var tt = r(et, 2), nt = (e) => {
911
- var t = Me();
912
- p(t, () => _().sentenceHtml, !0), s(t), c(() => d(t, "aria-describedby", A(Le))), h(e, t);
911
+ var rt = n(nt, 2), it = (e) => {
912
+ var t = Ne();
913
+ m(t, () => v().sentenceHtml, !0), i(t), l(() => f(t, "aria-describedby", j(ze))), g(e, t);
913
914
  };
914
- x(tt, (e) => {
915
- _()?.sentenceHtml && e(nt);
915
+ S(rt, (e) => {
916
+ v()?.sentenceHtml && e(it);
916
917
  });
917
- var rt = r(tt, 2), it = (e) => {
918
- var t = Ne(), n = k(t);
919
- p(n, () => A(Ve).before);
920
- var i = r(n);
921
- oe(i, {
918
+ var at = n(rt, 2), ot = (e) => {
919
+ var t = Pe(), r = A(t);
920
+ m(r, () => j(Ue).before);
921
+ var a = n(r);
922
+ ce(a, {
922
923
  get choiceMode() {
923
- return A(q);
924
+ return j(le);
924
925
  },
925
926
  get displayChoice() {
926
- return A(ce);
927
+ return j(J);
927
928
  },
928
929
  get displayChoiceLabelHtml() {
929
- return A(de);
930
+ return j(pe);
930
931
  },
931
932
  get isStandalone() {
932
- return A(U);
933
+ return j(U);
933
934
  },
934
935
  get blankWidth() {
935
- return A(G).blankWidth;
936
+ return j(W).blankWidth;
936
937
  },
937
938
  get blankBorderWidth() {
938
- return A(G).blankBorderWidth;
939
+ return j(W).blankBorderWidth;
939
940
  },
940
941
  get ariaLabel() {
941
- return A(X).selectedAnswerInSentence;
942
+ return j(X).selectedAnswerInSentence;
942
943
  }
943
- }), p(r(i), () => A(Ve).after), s(t), c(() => d(t, "aria-describedby", A(Le))), h(e, t);
944
+ }), m(n(a), () => j(Ue).after), i(t), l(() => f(t, "aria-describedby", j(ze))), g(e, t);
944
945
  };
945
- x(rt, (e) => {
946
- A(H) || e(it);
946
+ S(at, (e) => {
947
+ j(H) || e(ot);
947
948
  });
948
- var at = r(rt, 2), ot = (e) => {
949
- var t = Pe(), n = k(t, !0);
950
- s(t), c(() => {
951
- d(t, "id", A(xe)), g(n, A(fe));
952
- }), h(e, t);
949
+ var st = n(at, 2), ct = (e) => {
950
+ var t = Fe(), n = r(t, !0);
951
+ l(() => {
952
+ f(t, "id", j(Se)), _(n, j(Y));
953
+ }), g(e, t);
953
954
  };
954
- x(at, (e) => {
955
- A(fe) && e(ot);
955
+ S(st, (e) => {
956
+ j(Y) && e(ct);
956
957
  });
957
- var st = r(at, 2), ct = k(st), lt = k(ct, !0);
958
- s(ct);
959
- var $ = r(ct, 2);
960
- return m($, 21, () => A(K), (e) => e.id, (e, t) => {
958
+ var lt = n(st, 2), ut = r(lt, !0), dt = n(lt, 2), ft = A(dt), pt = r(ft, !0), $ = n(ft, 2);
959
+ return h($, 21, () => j(G), (e) => e.id, (e, t) => {
961
960
  {
962
- let n = v(() => A(Y) === A(t).id), r = v(() => !!_()?.disabled), i = v(() => A(me).get(A(t).id));
963
- le(e, {
961
+ let n = a(() => j(q) === j(t).id), r = a(() => !!v()?.disabled), i = a(() => j(he).get(j(t).id));
962
+ de(e, {
964
963
  get choice() {
965
- return A(t);
964
+ return j(t);
966
965
  },
967
966
  get choiceMode() {
968
- return A(q);
967
+ return j(le);
969
968
  },
970
969
  get isHorizontal() {
971
- return A(W);
970
+ return j(ae);
972
971
  },
973
972
  get isSelected() {
974
- return A(n);
973
+ return j(n);
975
974
  },
976
975
  get isDisabled() {
977
- return A(r);
976
+ return j(r);
978
977
  },
979
978
  get correctness() {
980
- return A(i);
979
+ return j(i);
981
980
  },
982
981
  get isEvaluateMode() {
983
- return A(P);
982
+ return j(F);
984
983
  },
985
984
  get instanceId() {
986
- return M;
985
+ return N;
987
986
  },
988
987
  get radioGroupName() {
989
- return A(se);
988
+ return j(ue);
990
989
  }
991
990
  });
992
991
  }
993
- }), s($), w($, (e) => o(O, e), () => A(O)), s(st), s(Q), w(Q, (e) => o(j, e), () => A(j)), c(() => {
994
- b(Q, 1, `p-4 mc-populated-blank-root pie-element pie-element-mc-populated-blank pie-delivery-root layout-${A(z)} ${A(Be)} ${A(ie) ? "has-inline-audio" : ""}`, "svelte-6wlbb4"), d(Q, "lang", A(Re)), f(Q, A(G).rootStyle), st.disabled = _()?.disabled, d(ct, "id", A(be)), g(lt, A(Se)), b($, 1, `pie-choices ${A(W) ? "flex flex-row flex-wrap items-start justify-center" : "flex flex-col"}`, "svelte-6wlbb4"), d($, "aria-labelledby", A(Te)), d($, "aria-label", A(Ee)), d($, "aria-describedby", A(fe) ? A(xe) : void 0);
995
- }), h(n, Q), i(Ye);
992
+ }), i($), T($, (e) => b(k, e), () => j(k)), i(dt), i(Q), T(Q, (e) => b(M, e), () => j(M)), l((e) => {
993
+ x(Q, 1, `p-4 mc-populated-blank-root pie-element pie-element-mc-populated-blank pie-delivery-root layout-${j(z)} ${j(He)} ${j(oe) ? "has-inline-audio" : ""}`, "svelte-6wlbb4"), f(Q, "lang", j(Be)), p(Q, j(W).rootStyle), f(lt, "id", j(Ce)), _(ut, j(X).blankPreSelectionHint), dt.disabled = v()?.disabled, f(ft, "id", j(xe)), _(pt, j(Ee)), x($, 1, `pie-choices ${j(ae) ? "flex flex-row flex-wrap items-start justify-center" : "flex flex-col"}`, "svelte-6wlbb4"), f($, "aria-labelledby", j(De)), f($, "aria-label", j(Re)), f($, "aria-describedby", e);
994
+ }, [() => [j(Ce), j(Y) ? j(Se) : void 0].filter(Boolean).join(" ")]), g(s, Q), o(Ze);
996
995
  }
997
- E(Le, {
996
+ D(Re, {
998
997
  model: { type: "Object" },
999
998
  session: { type: "Object" },
1000
999
  options: { type: "Object" }
1001
1000
  }, [], []);
1002
1001
  //#endregion
1003
1002
  //#region src/delivery/index.ts
1004
- function Re(e, t, n = !1) {
1003
+ function ze(e, t, n = !1) {
1005
1004
  return !(!t?.choiceId || e?.autoplayAudioEnabled && e?.completeAudioEnabled && e?.hasAudio && !n);
1006
1005
  }
1007
- var ze = Le.element, Be = class extends ze {
1006
+ var Be = Re.element, Ve = class extends Be {
1008
1007
  _internalSession = null;
1009
1008
  _model = null;
1010
1009
  _options = null;
1011
1010
  audioComplete = !1;
1012
1011
  _dispatchModelSet = () => {
1013
- this.dispatchEvent(new N(this.tagName.toLowerCase(), this._isComplete(), this._model !== void 0));
1012
+ this.dispatchEvent(new P(this.tagName.toLowerCase(), this._isComplete(), this._model !== void 0));
1014
1013
  };
1015
1014
  _dispatchSessionChanged = () => {
1016
- this.dispatchEvent(new P(this.tagName.toLowerCase(), this._isComplete()));
1015
+ this.dispatchEvent(new F(this.tagName.toLowerCase(), this._isComplete()));
1017
1016
  };
1018
1017
  set model(e) {
1019
1018
  this._model = e, this.audioComplete = !1, super.model = e, this._dispatchModelSet();
@@ -1048,12 +1047,12 @@ var ze = Le.element, Be = class extends ze {
1048
1047
  audioEndTime: Date.now()
1049
1048
  }, this._dispatchSessionChanged();
1050
1049
  };
1051
- _isComplete = () => Re(this._model, this._internalSession, this.audioComplete);
1050
+ _isComplete = () => ze(this._model, this._internalSession, this.audioComplete);
1052
1051
  connectedCallback() {
1053
1052
  super.connectedCallback(), this.onSessionChange = this.onSessionChange, this.onAudioStarted = this.onAudioStarted, this.onAudioEnded = this.onAudioEnded;
1054
1053
  }
1055
1054
  };
1056
1055
  //#endregion
1057
- export { Be as default };
1056
+ export { Ve as default };
1058
1057
 
1059
1058
  //# sourceMappingURL=index.js.map