qti3-item-player-vue3 0.2.13 → 0.2.14

package/dist/qti3-item-player-vue3.js

@@ -132,6 +132,16 @@ class Kg {
   getPnp() {
     return this.pnp;
   }
+  getAfaPnp() {
+    const t = {
+      "ext:sbac-illustrated-glossary": this.getExtSbacGlossaryIllustration() ? "on" : "off",
+      "keyword-translation": this.getKeywordTranslationLanguage(),
+      "text-appearance": {
+        "color-theme": this.convertColorStyleToTheme()
+      }
+    }, i = this.getProhibitSet();
+    return i !== null && (t["prohibit-set"] = i), { "access-for-all-pnp": t };
+  }
   getColorStyle() {
     return this.pnp.textAppearance.colorStyle;
   }
@@ -162,6 +172,49 @@ class Kg {
   setLayoutSingleColumn(t) {
     this.pnp.layoutSingleColumn = t;
   }
+  /**
+   * @description Convert Qti 3 Player PNP colorStyle to standard QTI color theme.
+   * @returns {String} QTI color theme
+   */
+  convertColorStyleToTheme() {
+    const t = this.getColorStyle().split("-");
+    if (t.length !== 4) return "default";
+    switch (t[3]) {
+      case "default":
+        return "default";
+      case "defaultreverse":
+        return "default-reverse";
+      case "blackwhite":
+        return "high-contrast";
+      case "whiteblack":
+        return "high-contrast-reverse";
+      case "blackrose":
+        return "black-rose";
+      case "roseblack":
+        return "rose-black";
+      case "yellowblue":
+        return "yellow-blue";
+      case "blueyellow":
+        return "blue-yellow";
+      case "mgraydgray":
+        return "medgray-darkgray";
+      case "dgraymgray":
+        return "darkgray-medgray";
+      case "blackcyan":
+        return "black-cyan";
+      case "cyanblack":
+        return "cyan-black";
+      case "blackcream":
+        return "black-cream";
+      case "creamblack":
+        return "cream-black";
+      default:
+        return "default";
+    }
+  }
+  getProhibitSet() {
+    return this.getGlossaryOnScreen() ? null : { "glossary-on-screen": "active" };
+  }
   evaluatePnpEvent(t) {
     let i = !1;
     switch (t) {
@@ -2139,6 +2192,9 @@ const xv = new re(), S = {
       case "PciGetState_Reply":
         console.log("[PCI Parent] PCI GetState Reply: " + e.data.identifier + ", state:", e.data.state), this.pciSaveState(e.data.identifier, e.data.state);
         break;
+      case "PciInteractionChanged":
+        console.log("[PCI Parent] PCI InteractionChanged: " + e.data.identifier + ", state: " + e.data.state), this.pciInteractionChanged(e.data.identifier, e.data.state);
+        break;
     }
   },
   WindowResize() {
@@ -2146,6 +2202,11 @@ const xv = new re(), S = {
       e.interactionType === "PortableCustom" && e.node.pciResizeIframeWidthToContainer();
     });
   },
+  pciSetRenderingProperties() {
+    this.getInteractions().forEach((e) => {
+      e.interactionType === "PortableCustom" && e.node.pciSetRenderingProperties();
+    });
+  },
   pciInitialize(e) {
     let t = S.getInteraction(e);
     typeof t > "u" || t.interactionType !== "PortableCustom" || t.node.pciInitialize();
@@ -2162,6 +2223,12 @@ const xv = new re(), S = {
     let i = S.getInteraction(e);
     typeof i > "u" || i.interactionType !== "PortableCustom" || i.node.pciSaveState(t);
   },
+  pciInteractionChanged(e, t) {
+    let i = S.getInteraction(e);
+    if (typeof i > "u" || i.interactionType !== "PortableCustom") return;
+    const s = JSON.parse(t);
+    typeof s.valid < "u" && i.node.pciUpdateValidity(s.valid), typeof s.value < "u" && i.node.pciUpdateResponse(s.value);
+  },
   getAsyncStateMap() {
     return this.state.asyncStateMap;
   },
@@ -8668,10 +8735,10 @@ const Jx = async (e) => {
     return e.byteLength;
   if (U.isURLSearchParams(e) && (e = e + ""), U.isString(e))
     return (await Xx(e)).byteLength;
-}, e1 = async (e, t) => {
+}, eS = async (e, t) => {
   const i = U.toFiniteNumber(e.getContentLength());
   return i ?? Jx(t);
-}, t1 = Cu && (async (e) => {
+}, tS = Cu && (async (e) => {
   let {
     url: t,
     method: i,
@@ -8693,7 +8760,7 @@ const Jx = async (e) => {
   });
   let T;
   try {
-    if (u && Zx && i !== "get" && i !== "head" && (T = await e1(d, s)) !== 0) {
+    if (u && Zx && i !== "get" && i !== "head" && (T = await eS(d, s)) !== 0) {
       let j = new Request(t, {
         method: "POST",
         body: s,
@@ -8759,7 +8826,7 @@ const Jx = async (e) => {
 }), Wh = {
   http: gx,
   xhr: jx,
-  fetch: t1
+  fetch: tS
 };
 U.forEach(Wh, (e, t) => {
   if (e) {
@@ -8770,7 +8837,7 @@ U.forEach(Wh, (e, t) => {
     Object.defineProperty(e, "adapterName", { value: t });
   }
 });
-const lp = (e) => `- ${e}`, i1 = (e) => U.isFunction(e) || e === null || e === !1, ow = {
+const lp = (e) => `- ${e}`, iS = (e) => U.isFunction(e) || e === null || e === !1, ow = {
   getAdapter: (e) => {
     e = U.isArray(e) ? e : [e];
     const { length: t } = e;
@@ -8779,7 +8846,7 @@ const lp = (e) => `- ${e}`, i1 = (e) => U.isFunction(e) || e === null || e === !
     for (let r = 0; r < t; r++) {
       i = e[r];
       let a;
-      if (s = i, !i1(i) && (s = Wh[(a = String(i)).toLowerCase()], s === void 0))
+      if (s = i, !iS(i) && (s = Wh[(a = String(i)).toLowerCase()], s === void 0))
         throw new Ce(`Unknown adapter '${a}'`);
       if (s)
         break;
@@ -8848,7 +8915,7 @@ zd.transitional = function(t, i, s) {
     )), t ? t(r, a, o) : !0;
   };
 };
-function s1(e, t, i) {
+function sS(e, t, i) {
   if (typeof e != "object")
     throw new Ce("options must be an object", Ce.ERR_BAD_OPTION_VALUE);
   const s = Object.keys(e);
@@ -8866,7 +8933,7 @@ function s1(e, t, i) {
   }
 }
 const zh = {
-  assertOptions: s1,
+  assertOptions: sS,
   validators: zd
 }, Ns = zh.validators;
 class Cn {
@@ -9063,12 +9130,12 @@ class Kd {
     };
   }
 }
-function n1(e) {
+function nS(e) {
   return function(i) {
     return e.apply(null, i);
   };
 }
-function r1(e) {
+function rS(e) {
   return U.isObject(e) && e.isAxiosError === !0;
 }
 const Kh = {
@@ -9157,15 +9224,15 @@ it.Cancel = it.CanceledError;
 it.all = function(t) {
   return Promise.all(t);
 };
-it.spread = n1;
-it.isAxiosError = r1;
+it.spread = nS;
+it.isAxiosError = rS;
 it.mergeConfig = _n;
 it.AxiosHeaders = kt;
 it.formToJSON = (e) => ew(U.isHTMLForm(e) ? new FormData(e) : e);
 it.getAdapter = ow.getAdapter;
 it.HttpStatusCode = Kh;
 it.default = it;
-const a1 = {
+const aS = {
   name: "QtiStylesheet",
   props: {
     /*
@@ -9226,15 +9293,15 @@ const a1 = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, o1 = ["innerHTML"];
-function l1(e, t, i, s, n, r) {
+}, oS = ["innerHTML"];
+function lS(e, t, i, s, n, r) {
   return M(), N("div", {
     ref: "root",
     class: "qti-stylesheet",
     innerHTML: n.css
-  }, null, 8, o1);
+  }, null, 8, oS);
 }
-const u1 = /* @__PURE__ */ D(a1, [["render", l1]]), c1 = {
+const uS = /* @__PURE__ */ D(aS, [["render", lS]]), cS = {
   name: "QtiCompanionMaterialsInfo",
   data() {
     return {
@@ -9253,11 +9320,11 @@ const u1 = /* @__PURE__ */ D(a1, [["render", l1]]), c1 = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, h1 = { class: "qti-companion-materials-info" };
-function d1(e, t, i, s, n, r) {
-  return M(), N("div", h1);
+}, hS = { class: "qti-companion-materials-info" };
+function dS(e, t, i, s, n, r) {
+  return M(), N("div", hS);
 }
-const f1 = /* @__PURE__ */ D(c1, [["render", d1]]), sa = new G(), p1 = {
+const fS = /* @__PURE__ */ D(cS, [["render", dS]]), sa = new G(), pS = {
   name: "QtiMapping",
   props: {
     /*
@@ -9392,13 +9459,13 @@ const f1 = /* @__PURE__ */ D(c1, [["render", d1]]), sa = new G(), p1 = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, m1 = { class: "qti-mapping" };
-function g1(e, t, i, s, n, r) {
-  return M(), N("div", m1, [
+}, mS = { class: "qti-mapping" };
+function gS(e, t, i, s, n, r) {
+  return M(), N("div", mS, [
     K(e.$slots, "default")
   ]);
 }
-const y1 = /* @__PURE__ */ D(p1, [["render", g1]]), Lc = new G(), w1 = {
+const yS = /* @__PURE__ */ D(pS, [["render", gS]]), Lc = new G(), wS = {
   name: "QtiMapEntry",
   props: {
     /*
@@ -9498,15 +9565,15 @@ const y1 = /* @__PURE__ */ D(p1, [["render", g1]]), Lc = new G(), w1 = {
       caseSensitive: this.getCaseSensitive()
     }), console.log("[" + this.$options.name + "][Value]", this.getValue())), e.remove();
   }
-}, b1 = { class: "qti-map-entry" }, v1 = { class: "amp-mapentry__container" };
-function E1(e, t, i, s, n, r) {
-  return M(), N("div", b1, [
-    ee("div", v1, [
+}, bS = { class: "qti-map-entry" }, vS = { class: "amp-mapentry__container" };
+function ES(e, t, i, s, n, r) {
+  return M(), N("div", bS, [
+    ee("div", vS, [
       K(e.$slots, "default")
     ])
   ]);
 }
-const C1 = /* @__PURE__ */ D(w1, [["render", E1]]), na = new G(), T1 = {
+const CS = /* @__PURE__ */ D(wS, [["render", ES]]), na = new G(), TS = {
   name: "QtiAreaMapping",
   props: {
     /*
@@ -9645,13 +9712,13 @@ const C1 = /* @__PURE__ */ D(w1, [["render", E1]]), na = new G(), T1 = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, x1 = { class: "qti-area-mapping" };
-function S1(e, t, i, s, n, r) {
-  return M(), N("div", x1, [
+}, xS = { class: "qti-area-mapping" };
+function SS(e, t, i, s, n, r) {
+  return M(), N("div", xS, [
     K(e.$slots, "default")
   ]);
 }
-const I1 = /* @__PURE__ */ D(T1, [["render", S1]]), Mc = new G(), _1 = {
+const IS = /* @__PURE__ */ D(TS, [["render", SS]]), Mc = new G(), _S = {
   name: "QtiAreaMapEntry",
   props: {
     /*
@@ -9791,15 +9858,15 @@ const I1 = /* @__PURE__ */ D(T1, [["render", S1]]), Mc = new G(), _1 = {
       mappedValue: this.getMappedValue()
     }), console.log("[" + this.$options.name + "][Value]", this.getValue())), e.remove();
   }
-}, V1 = { class: "qti-area-map-entry" }, A1 = { class: "amp-areamapentry__container" };
-function $1(e, t, i, s, n, r) {
-  return M(), N("div", V1, [
-    ee("div", A1, [
+}, VS = { class: "qti-area-map-entry" }, AS = { class: "amp-areamapentry__container" };
+function $S(e, t, i, s, n, r) {
+  return M(), N("div", VS, [
+    ee("div", AS, [
       K(e.$slots, "default")
     ])
   ]);
 }
-const L1 = /* @__PURE__ */ D(_1, [["render", $1]]), Rc = new G(), M1 = {
+const LS = /* @__PURE__ */ D(_S, [["render", $S]]), Rc = new G(), MS = {
   name: "QtiInterpolationTable",
   props: {
     /*
@@ -9894,13 +9961,13 @@ const L1 = /* @__PURE__ */ D(_1, [["render", $1]]), Rc = new G(), M1 = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, R1 = { class: "qti-interpolation-table" };
-function N1(e, t, i, s, n, r) {
-  return M(), N("div", R1, [
+}, RS = { class: "qti-interpolation-table" };
+function NS(e, t, i, s, n, r) {
+  return M(), N("div", RS, [
     K(e.$slots, "default")
   ]);
 }
-const q1 = /* @__PURE__ */ D(M1, [["render", N1]]), il = new G(), O1 = {
+const qS = /* @__PURE__ */ D(MS, [["render", NS]]), il = new G(), OS = {
   name: "QtiInterpolationTableEntry",
   props: {
     /*
@@ -10014,15 +10081,15 @@ const q1 = /* @__PURE__ */ D(M1, [["render", N1]]), il = new G(), O1 = {
       includeBoundary: this.getIncludeBoundary()
     }), console.log("[" + this.$options.name + "][Value]", this.getValue())), e.remove();
   }
-}, P1 = { class: "qti-interpolation-table-entry" }, k1 = { class: "amp-interpolationentry__container" };
-function D1(e, t, i, s, n, r) {
-  return M(), N("div", P1, [
-    ee("div", k1, [
+}, PS = { class: "qti-interpolation-table-entry" }, kS = { class: "amp-interpolationentry__container" };
+function DS(e, t, i, s, n, r) {
+  return M(), N("div", PS, [
+    ee("div", kS, [
       K(e.$slots, "default")
     ])
   ]);
 }
-const B1 = /* @__PURE__ */ D(O1, [["render", D1]]), Nc = new G(), Q1 = {
+const BS = /* @__PURE__ */ D(OS, [["render", DS]]), Nc = new G(), QS = {
   name: "QtiMatchTable",
   props: {
     /*
@@ -10117,13 +10184,13 @@ const B1 = /* @__PURE__ */ D(O1, [["render", D1]]), Nc = new G(), Q1 = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, H1 = { class: "qti-match-table" };
-function F1(e, t, i, s, n, r) {
-  return M(), N("div", H1, [
+}, HS = { class: "qti-match-table" };
+function FS(e, t, i, s, n, r) {
+  return M(), N("div", HS, [
     K(e.$slots, "default")
   ]);
 }
-const U1 = /* @__PURE__ */ D(Q1, [["render", F1]]), qc = new G(), G1 = {
+const US = /* @__PURE__ */ D(QS, [["render", FS]]), qc = new G(), GS = {
   name: "QtiMatchTableEntry",
   props: {
     /*
@@ -10217,15 +10284,15 @@ const U1 = /* @__PURE__ */ D(Q1, [["render", F1]]), qc = new G(), G1 = {
       targetValue: this.getTargetValue()
     }), console.log("[" + this.$options.name + "][Value]", this.getValue())), e.remove();
   }
-}, j1 = { class: "qti-match-table-entry" }, W1 = { class: "amp-matchtableentry__container" };
-function z1(e, t, i, s, n, r) {
-  return M(), N("div", j1, [
-    ee("div", W1, [
+}, jS = { class: "qti-match-table-entry" }, WS = { class: "amp-matchtableentry__container" };
+function zS(e, t, i, s, n, r) {
+  return M(), N("div", jS, [
+    ee("div", WS, [
       K(e.$slots, "default")
     ])
   ]);
 }
-const K1 = /* @__PURE__ */ D(G1, [["render", z1]]), Y1 = {
+const KS = /* @__PURE__ */ D(GS, [["render", zS]]), YS = {
   name: "QtiDefaultValue",
   props: {
     /* A human readable interpretation of the default value. */
@@ -10311,16 +10378,16 @@ const K1 = /* @__PURE__ */ D(G1, [["render", z1]]), Y1 = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, X1 = {
+}, XS = {
   ref: "root",
   class: "qti-default-value"
 };
-function Z1(e, t, i, s, n, r) {
-  return M(), N("div", X1, [
+function ZS(e, t, i, s, n, r) {
+  return M(), N("div", XS, [
     K(e.$slots, "default")
   ], 512);
 }
-const J1 = /* @__PURE__ */ D(Y1, [["render", Z1]]), eS = {
+const JS = /* @__PURE__ */ D(YS, [["render", ZS]]), e1 = {
   name: "QtiCorrectResponse",
   props: {
     /* A human readable interpretation of the correct value. */
@@ -10406,13 +10473,13 @@ const J1 = /* @__PURE__ */ D(Y1, [["render", Z1]]), eS = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, tS = { class: "qti-correct-response" };
-function iS(e, t, i, s, n, r) {
-  return M(), N("div", tS, [
+}, t1 = { class: "qti-correct-response" };
+function i1(e, t, i, s, n, r) {
+  return M(), N("div", t1, [
     K(e.$slots, "default")
   ]);
 }
-const sS = /* @__PURE__ */ D(eS, [["render", iS]]);
+const s1 = /* @__PURE__ */ D(e1, [["render", i1]]);
 class cw {
   /**
    * @constructor QtiValueValidation
@@ -10483,7 +10550,7 @@ class cw {
     return this.isCharacterALetter(t) || this.isCharacterADigit(t);
   }
 }
-const Oc = new G(), Wn = new cw(), nS = {
+const Oc = new G(), Wn = new cw(), n1 = {
   name: "QtiValue",
   props: {
     // This characteristic is only used for specifying the base-type of a value that forms part of a record.
@@ -10625,19 +10692,19 @@ const Oc = new G(), Wn = new cw(), nS = {
     }
     e.remove();
   }
-}, rS = ["variable-basetype", "variable-cardinality"], aS = { class: "amp-value__container" };
-function oS(e, t, i, s, n, r) {
+}, r1 = ["variable-basetype", "variable-cardinality"], a1 = { class: "amp-value__container" };
+function o1(e, t, i, s, n, r) {
   return M(), N("div", {
     class: "qti-value",
     "variable-basetype": n.variableBaseType,
     "variable-cardinality": n.variableCardinality
   }, [
-    ee("div", aS, [
+    ee("div", a1, [
       K(e.$slots, "default")
     ])
-  ], 8, rS);
+  ], 8, r1);
 }
-const lS = /* @__PURE__ */ D(nS, [["render", oS]]), uS = new G(), cS = {
+const l1 = /* @__PURE__ */ D(n1, [["render", o1]]), u1 = new G(), c1 = {
   name: "QtiItemBody",
   emits: [
     "itemBodyReady"
@@ -10685,7 +10752,7 @@ const lS = /* @__PURE__ */ D(nS, [["render", oS]]), uS = new G(), cS = {
       return this.$el.querySelectorAll('script[type="math/mml"]');
     },
     archiveMathElement(e) {
-      e.hasAttribute("id") || (e.id = uS.randomString(5, "a")), this.mathElementMap.set(e.id, e.outerHTML);
+      e.hasAttribute("id") || (e.id = u1.randomString(5, "a")), this.mathElementMap.set(e.id, e.outerHTML);
     },
     applyTemplateValuesToMathml(e, t) {
       let i = e;
@@ -10707,16 +10774,16 @@ const lS = /* @__PURE__ */ D(nS, [["render", oS]]), uS = new G(), cS = {
   mounted() {
     this.initializeTemplateMathVariables(), this.$parent.$emit("itemBodyReady", { itemBody: this });
   }
-}, hS = {
+}, h1 = {
   ref: "root",
   class: "qti-item-body"
 };
-function dS(e, t, i, s, n, r) {
-  return M(), N("div", hS, [
+function d1(e, t, i, s, n, r) {
+  return M(), N("div", h1, [
     K(e.$slots, "default")
   ], 512);
 }
-const fS = /* @__PURE__ */ D(cS, [["render", dS]]), pS = {
+const f1 = /* @__PURE__ */ D(c1, [["render", d1]]), p1 = {
   name: "ModalDialog",
   data() {
     return {
@@ -10731,19 +10798,19 @@ const fS = /* @__PURE__ */ D(cS, [["render", dS]]), pS = {
       this.$refs.mymodal.classList.add("fade", "show"), document.querySelector("body").classList.add("modal-open");
     }
   }
-}, mS = {
+}, m1 = {
   key: 0,
   ref: "mymodal",
   class: "qti3-player-modal"
-}, gS = { class: "qti3-player-modal-dialog qti3-player-modal-md qti3-player-modal-dialog-centered" }, yS = { class: "qti3-player-modal-content" }, wS = { class: "qti3-player-modal-header" }, bS = { class: "qti3-player-modal-body" }, vS = { class: "qti3-player-modal-footer" };
-function ES(e, t, i, s, n, r) {
+}, g1 = { class: "qti3-player-modal-dialog qti3-player-modal-md qti3-player-modal-dialog-centered" }, y1 = { class: "qti3-player-modal-content" }, w1 = { class: "qti3-player-modal-header" }, b1 = { class: "qti3-player-modal-body" }, v1 = { class: "qti3-player-modal-footer" };
+function E1(e, t, i, s, n, r) {
   return M(), Ti(pv, { name: "fade" }, {
     default: Xt(() => [
-      n.visible ? (M(), N("div", mS, [
-        ee("div", gS, [
+      n.visible ? (M(), N("div", m1, [
+        ee("div", g1, [
           t[2] || (t[2] = ee("span", { tabindex: "0" }, null, -1)),
-          ee("div", yS, [
-            ee("header", wS, [
+          ee("div", y1, [
+            ee("header", w1, [
               K(e.$slots, "header", {}, void 0, !0),
               ee("button", {
                 type: "button",
@@ -10752,10 +10819,10 @@ function ES(e, t, i, s, n, r) {
                 onClick: t[0] || (t[0] = (a) => r.hide())
               }, "×")
             ]),
-            ee("div", bS, [
+            ee("div", b1, [
               K(e.$slots, "body", {}, void 0, !0)
             ]),
-            ee("footer", vS, [
+            ee("footer", v1, [
               K(e.$slots, "footer", {}, void 0, !0)
             ])
           ]),
@@ -10770,10 +10837,10 @@ function ES(e, t, i, s, n, r) {
     _: 3
   });
 }
-const CS = /* @__PURE__ */ D(pS, [["render", ES], ["__scopeId", "data-v-2611a8eb"]]), ra = new G(), TS = {
+const C1 = /* @__PURE__ */ D(p1, [["render", E1], ["__scopeId", "data-v-2611a8eb"]]), ra = new G(), T1 = {
   name: "QtiModalFeedback",
   components: {
-    ModalDialog: CS
+    ModalDialog: C1
   },
   props: {
     /*
@@ -10936,13 +11003,13 @@ const CS = /* @__PURE__ */ D(pS, [["render", ES], ["__scopeId", "data-v-2611a8eb
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, xS = {
+}, x1 = {
   ref: "root",
   class: "qti-modal-feedback"
 };
-function SS(e, t, i, s, n, r) {
+function S1(e, t, i, s, n, r) {
   const a = ft("ModalDialog");
-  return M(), N("div", xS, [
+  return M(), N("div", x1, [
     ii(a, { ref: "modal" }, {
       header: Xt(() => [
         ee("h5", null, He(r.modalTitle), 1)
@@ -10960,7 +11027,7 @@ function SS(e, t, i, s, n, r) {
     }, 512)
   ], 512);
 }
-const IS = /* @__PURE__ */ D(TS, [["render", SS]]), _S = {
+const I1 = /* @__PURE__ */ D(T1, [["render", S1]]), _1 = {
   name: "QtiContentBody",
   data() {
     return {
@@ -10969,16 +11036,16 @@ const IS = /* @__PURE__ */ D(TS, [["render", SS]]), _S = {
   },
   mounted() {
   }
-}, VS = {
+}, V1 = {
   ref: "root",
   class: "qti-content-body"
 };
-function AS(e, t, i, s, n, r) {
-  return M(), N("div", VS, [
+function A1(e, t, i, s, n, r) {
+  return M(), N("div", V1, [
     K(e.$slots, "default")
   ], 512);
 }
-const $S = /* @__PURE__ */ D(_S, [["render", AS]]), sl = new G(), LS = {
+const $1 = /* @__PURE__ */ D(_1, [["render", A1]]), sl = new G(), L1 = {
   name: "QtiTemplateInline",
   props: {
     /*
@@ -11074,16 +11141,16 @@ const $S = /* @__PURE__ */ D(_S, [["render", AS]]), sl = new G(), LS = {
         throw this.isQtiValid = !1, e.name === "QtiValidationException" ? new l(e.message) : e.name === "QtiEvaluationException" ? new k(e.message) : new Error(e.message);
       }
   }
-}, MS = {
+}, M1 = {
   ref: "root",
   class: "qti-template-inline hidden"
 };
-function RS(e, t, i, s, n, r) {
-  return M(), N("div", MS, [
+function R1(e, t, i, s, n, r) {
+  return M(), N("div", M1, [
     K(e.$slots, "default")
   ], 512);
 }
-const NS = /* @__PURE__ */ D(LS, [["render", RS]]), nl = new G(), qS = {
+const N1 = /* @__PURE__ */ D(L1, [["render", R1]]), nl = new G(), q1 = {
   name: "QtiTemplateBlock",
   props: {
     /*
@@ -11179,16 +11246,16 @@ const NS = /* @__PURE__ */ D(LS, [["render", RS]]), nl = new G(), qS = {
         throw this.isQtiValid = !1, e.name === "QtiValidationException" ? new l(e.message) : e.name === "QtiEvaluationException" ? new k(e.message) : new Error(e.message);
       }
   }
-}, OS = {
+}, O1 = {
   ref: "root",
   class: "qti-template-block hidden"
 };
-function PS(e, t, i, s, n, r) {
-  return M(), N("div", OS, [
+function P1(e, t, i, s, n, r) {
+  return M(), N("div", O1, [
     K(e.$slots, "default")
   ], 512);
 }
-const kS = /* @__PURE__ */ D(qS, [["render", PS]]), rl = new G(), DS = {
+const k1 = /* @__PURE__ */ D(q1, [["render", P1]]), rl = new G(), D1 = {
   name: "QtiFeedbackInline",
   props: {
     /*
@@ -11296,16 +11363,16 @@ const kS = /* @__PURE__ */ D(qS, [["render", PS]]), rl = new G(), DS = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, BS = {
+}, B1 = {
   ref: "root",
   class: "qti-feedback-inline hidden"
 };
-function QS(e, t, i, s, n, r) {
-  return M(), N("div", BS, [
+function Q1(e, t, i, s, n, r) {
+  return M(), N("div", B1, [
     K(e.$slots, "default")
   ], 512);
 }
-const HS = /* @__PURE__ */ D(DS, [["render", QS]]), al = new G(), FS = {
+const H1 = /* @__PURE__ */ D(D1, [["render", Q1]]), al = new G(), F1 = {
   name: "QtiFeedbackBlock",
   props: {
     /*
@@ -11413,16 +11480,16 @@ const HS = /* @__PURE__ */ D(DS, [["render", QS]]), al = new G(), FS = {
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, US = {
+}, U1 = {
   ref: "root",
   class: "qti-feedback-block hidden"
 };
-function GS(e, t, i, s, n, r) {
-  return M(), N("div", US, [
+function G1(e, t, i, s, n, r) {
+  return M(), N("div", U1, [
     K(e.$slots, "default")
   ], 512);
 }
-const jS = /* @__PURE__ */ D(FS, [["render", GS]]), WS = new G(), zS = new re(), KS = {
+const j1 = /* @__PURE__ */ D(F1, [["render", G1]]), W1 = new G(), z1 = new re(), K1 = {
   name: "QtiRubricBlock",
   props: {
     /*
@@ -11493,7 +11560,7 @@ const jS = /* @__PURE__ */ D(FS, [["render", GS]]), WS = new G(), zS = new re(),
   },
   created() {
     try {
-      this.rubricBlockContext = zS.computeNodeContext(this), WS.validateRubricBlockViewAttribute(this.view), this.validateChildren();
+      this.rubricBlockContext = z1.computeNodeContext(this), W1.validateRubricBlockViewAttribute(this.view), this.validateChildren();
     } catch (e) {
       throw this.isQtiValid = !1, e.name === "QtiValidationException" ? new l(e.message) : new Error(e.message);
     }
@@ -11510,16 +11577,16 @@ const jS = /* @__PURE__ */ D(FS, [["render", GS]]), WS = new G(), zS = new re(),
         throw this.isQtiValid = !1, new l(e.message);
       }
   }
-}, YS = {
+}, Y1 = {
   ref: "root",
   class: "qti-rubric-block hidden"
 };
-function XS(e, t, i, s, n, r) {
-  return M(), N("div", YS, [
+function X1(e, t, i, s, n, r) {
+  return M(), N("div", Y1, [
     K(e.$slots, "default")
   ], 512);
 }
-const ZS = /* @__PURE__ */ D(KS, [["render", XS]]);
+const Z1 = /* @__PURE__ */ D(K1, [["render", X1]]);
 var Hs = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function hw(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -11527,7 +11594,7 @@ function hw(e) {
 var dw = {}, Tu = {}, fw = {}, xu = {};
 Object.defineProperty(xu, "__esModule", { value: !0 });
 xu.boolean = void 0;
-const JS = function(e) {
+const J1 = function(e) {
   switch (Object.prototype.toString.call(e)) {
     case "[object String]":
       return ["true", "t", "yes", "y", "on", "1"].includes(e.trim().toLowerCase());
@@ -11539,7 +11606,7 @@ const JS = function(e) {
       return !1;
   }
 };
-xu.boolean = JS;
+xu.boolean = J1;
 var Su = {};
 Object.defineProperty(Su, "__esModule", { value: !0 });
 Su.isBooleanable = void 0;
@@ -29281,6 +29348,7 @@ const uh = new G(), gl = new re(), jO = {
       baseType: null,
       cardinality: null,
       isValidResponse: !0,
+      invalidResponseMessage: "Input Required",
       isQtiValid: !0,
       hasPrompts: !1,
       pciModuleResolver: null,
@@ -29361,7 +29429,7 @@ const uh = new G(), gl = new re(), jO = {
      * @return {String} custom message
      */
     getInvalidResponseMessage() {
-      return "";
+      return this.invalidResponseMessage;
     },
     /**
      * @description Reset this interaction's response and UI.
@@ -29423,31 +29491,6 @@ const uh = new G(), gl = new re(), jO = {
     computeState() {
       return {};
     },
-    /**
-     * @description The determines an interaction's validity status.
-     * @return {Boolean} (true if valid, false if invalid)
-     */
-    computeIsValid() {
-      return !0;
-    },
-    /**
-     * @description Evaluate the interaction's response validity.
-     * Update the interaction's validity if there is a change.
-     */
-    evaluateValidity() {
-      const e = this.getIsValid(), t = this.computeIsValid();
-      e !== t && this.updateValidity(t);
-    },
-    /**
-     * @description Update the interaction's validity.
-     * @param {Boolean} isValid
-     */
-    updateValidity(e) {
-      this.setIsValid(e), S.setInteractionIsValidResponse({
-        identifier: this.responseIdentifier,
-        isValidResponse: e
-      });
-    },
     /**
      * @description Basic validation of the children.
      */
@@ -29630,6 +29673,9 @@ const uh = new G(), gl = new re(), jO = {
       let e = gl.valueToPciJson(this.getResponse(), this.baseType, this.cardinality), t = {};
       return t[this.responseIdentifier] = e, t;
     },
+    getAfaPnp() {
+      return S.getItemContextPnp().getAfaPnp();
+    },
     /**
      * @description Build a PciLoadInteraction message payload and send the
      * message to the pciIframe.  Optionally, include a priorState in the 
@@ -29646,6 +29692,7 @@ const uh = new G(), gl = new re(), jO = {
         contextVariables: this.getContextVariables(),
         stylesheets: this.getStylesheets(),
         catalogInfo: this.getCatalogInfo(),
+        pnp: this.getAfaPnp(),
         module: this.module,
         modules: this.getModules(),
         moduleResolution: this.getConfiguration(),
@@ -29684,12 +29731,39 @@ const uh = new G(), gl = new re(), jO = {
       const t = JSON.parse(e);
       typeof t.response < "u" ? this.setResponse(t.response) : this.setResponse(null), typeof t.state < "u" ? this.setState(t.state) : this.setState(null), this.notifyInteractionStateReady();
     },
+    /**
+     * @description Proxy to update this interaction's validity.
+     * @param {Boolean} isValid
+     */
+    pciUpdateValidity(e) {
+      this.setIsValid(e), S.setInteractionIsValidResponse({
+        identifier: this.responseIdentifier,
+        isValidResponse: e
+      });
+    },
+    /**
+     * @description Proxy to update this interaction's response value.
+     * @param {Object} response
+     */
+    pciUpdateResponse(e) {
+      this.setResponse(e);
+    },
     pciSetReady() {
       this.isReady = !0;
     },
     pciIsReady() {
       return this.pciIframe !== null && this.isReady;
     },
+    pciSetRenderingProperties() {
+      const e = {
+        message: "PciSetRenderingProperties",
+        properties: {
+          pnp: this.getAfaPnp(),
+          status: S.getItemLifecycleStatus()
+        }
+      };
+      this.pciIframe.contentWindow.postMessage(e, "*");
+    },
     /**
      * @description Notify the item that this PCI's state has been retrieved
      * and persisted. Prior to calling this method, be sure to save the 
@@ -44908,7 +44982,7 @@ const MH = /* @__PURE__ */ D(AH, [["render", LH]]), RH = new G(), Rl = new Sv(),
     function we(Q) {
       if (typeof Q.components["qti-assessment-item"] < "u") return;
       const Y = Q.app;
-      Y.component("qti-assessment-item", h0).component("qti-context-declaration", g0).component("qti-response-declaration", E0).component("qti-outcome-declaration", S0).component("qti-template-declaration", $0).component("qti-template-processing", GD).component("qti-companion-materials-info", f1).component("qti-stylesheet", u1).component("qti-item-body", fS).component("qti-catalog-info", KD).component("qti-response-processing", BD).component("qti-modal-feedback", IS), Y.component("qti-default-value", J1).component("qti-value", lS).component("qti-correct-response", sS).component("qti-mapping", y1).component("qti-map-entry", C1).component("qti-interpolation-table", q1).component("qti-interpolation-table-entry", B1).component("qti-match-table", U1).component("qti-match-table-entry", K1).component("qti-area-mapping", I1).component("qti-area-map-entry", L1), Y.component("qti-content-body", $S).component("qti-template-inline", NS).component("qti-template-block", kS).component("qti-feedback-inline", HS).component("qti-feedback-block", jS).component("qti-rubric-block", ZS).component("qti-printed-variable", lI).component("amp-style", TT).component("amp-audio", QT).component("amp-video", n0).component("qti-choice-interaction", bI).component("qti-end-attempt-interaction", WI).component("qti-extended-text-interaction", Mq).component("qti-text-entry-interaction", Zq).component("qti-inline-choice-interaction", VI).component("qti-match-interaction", nO).component("qti-gap-match-interaction", cO).component("qti-graphic-gap-match-interaction", gO).component("qti-order-interaction", AO).component("qti-hottext-interaction", PO).component("qti-hotspot-interaction", UO).component("qti-media-interaction", xO).component("qti-portable-custom-interaction", ZO).component("qti-select-point-interaction", rP).component("qti-prompt", uP).component("qti-simple-choice", EP).component("ChoiceGroup", pw).component("qti-inline-choice", pP).component("MatchGroup", lk).component("qti-simple-match-set", kP).component("qti-simple-associable-choice", _P).component("qti-associable-hotspot", MP).component("GapMatchGroup", jP).component("GraphicGapMatchGroup", ek).component("MediaGroup", Kb).component("OrderGroup", Hk).component("qti-gap-text", Wk).component("qti-gap-img", Zk).component("qti-gap", iD).component("qti-hottext", oD).component("qti-hotspot-choice", dD).component("qti-interaction-modules", yD).component("qti-interaction-module", ED).component("qti-interaction-markup", SD).component("qti-template-variable", AD).component("qti-context-variable", RD), Y.component("qti-catalog", JD).component("qti-card", sB).component("qti-card-entry", oB).component("qti-html-content", hB).component("qti-file-href", mB), Y.component("qti-response-condition", vB), Y.component("qti-response-processing-fragment", xB), Y.component("qti-set-outcome-value", VB), Y.component("qti-exit-response", MB), Y.component("qti-lookup-outcome-value", OB), Y.component("qti-response-if", BB), Y.component("qti-response-else", UB), Y.component("qti-response-else-if", zB), Y.component("qti-set-template-value", JB), Y.component("qti-template-condition", nQ), Y.component("qti-template-if", lQ), Y.component("qti-template-else", dQ), Y.component("qti-template-else-if", gQ), Y.component("qti-template-constraint", vQ), Y.component("qti-exit-template", xQ), Y.component("qti-set-correct-response", AQ), Y.component("qti-set-default-value", NQ), Y.component("qti-base-value", QQ), Y.component("qti-correct", GQ), Y.component("qti-default", KQ), Y.component("qti-variable", JQ), Y.component("qti-match", s5), Y.component("qti-map-response", o5), Y.component("qti-map-response-point", h5), Y.component("qti-is-null", m5), Y.component("qti-and", b5), Y.component("qti-or", T5), Y.component("qti-not", _5), Y.component("qti-subtract", L5), Y.component("qti-sum", q5), Y.component("qti-random", D5), Y.component("qti-multiple", F5), Y.component("qti-ordered", W5), Y.component("qti-equal", X5), Y.component("qti-equal-rounded", t3), Y.component("qti-field-value", r3), Y.component("qti-random-float", u3), Y.component("qti-random-integer", f3), Y.component("qti-inside", y3), Y.component("qti-integer-divide", E3), Y.component("qti-integer-modulus", S3), Y.component("qti-integer-to-float", A3), Y.component("qti-product", R3), Y.component("qti-index", P3), Y.component("qti-member", Q3), Y.component("qti-delete", G3), Y.component("qti-substring", K3), Y.component("qti-string-match", J3), Y.component("qti-pattern-match", s4), Y.component("qti-round", o4), Y.component("qti-round-to", h4), Y.component("qti-truncate", m4), Y.component("qti-divide", b4), Y.component("qti-gt", T4), Y.component("qti-gte", _4), Y.component("qti-lt", L4), Y.component("qti-lte", q4), Y.component("qti-max", D4), Y.component("qti-min", F4), Y.component("qti-custom-operator", Z4), Y.component("qti-math-operator", iH), Y.component("qti-math-constant", lH), Y.component("qti-repeat", dH), Y.component("qti-stats-operator", gH), Y.component("qti-gcd", vH), Y.component("qti-lcm", xH), Y.component("qti-power", VH), Y.component("qti-any-n", MH);
+      Y.component("qti-assessment-item", h0).component("qti-context-declaration", g0).component("qti-response-declaration", E0).component("qti-outcome-declaration", S0).component("qti-template-declaration", $0).component("qti-template-processing", GD).component("qti-companion-materials-info", fS).component("qti-stylesheet", uS).component("qti-item-body", f1).component("qti-catalog-info", KD).component("qti-response-processing", BD).component("qti-modal-feedback", I1), Y.component("qti-default-value", JS).component("qti-value", l1).component("qti-correct-response", s1).component("qti-mapping", yS).component("qti-map-entry", CS).component("qti-interpolation-table", qS).component("qti-interpolation-table-entry", BS).component("qti-match-table", US).component("qti-match-table-entry", KS).component("qti-area-mapping", IS).component("qti-area-map-entry", LS), Y.component("qti-content-body", $1).component("qti-template-inline", N1).component("qti-template-block", k1).component("qti-feedback-inline", H1).component("qti-feedback-block", j1).component("qti-rubric-block", Z1).component("qti-printed-variable", lI).component("amp-style", TT).component("amp-audio", QT).component("amp-video", n0).component("qti-choice-interaction", bI).component("qti-end-attempt-interaction", WI).component("qti-extended-text-interaction", Mq).component("qti-text-entry-interaction", Zq).component("qti-inline-choice-interaction", VI).component("qti-match-interaction", nO).component("qti-gap-match-interaction", cO).component("qti-graphic-gap-match-interaction", gO).component("qti-order-interaction", AO).component("qti-hottext-interaction", PO).component("qti-hotspot-interaction", UO).component("qti-media-interaction", xO).component("qti-portable-custom-interaction", ZO).component("qti-select-point-interaction", rP).component("qti-prompt", uP).component("qti-simple-choice", EP).component("ChoiceGroup", pw).component("qti-inline-choice", pP).component("MatchGroup", lk).component("qti-simple-match-set", kP).component("qti-simple-associable-choice", _P).component("qti-associable-hotspot", MP).component("GapMatchGroup", jP).component("GraphicGapMatchGroup", ek).component("MediaGroup", Kb).component("OrderGroup", Hk).component("qti-gap-text", Wk).component("qti-gap-img", Zk).component("qti-gap", iD).component("qti-hottext", oD).component("qti-hotspot-choice", dD).component("qti-interaction-modules", yD).component("qti-interaction-module", ED).component("qti-interaction-markup", SD).component("qti-template-variable", AD).component("qti-context-variable", RD), Y.component("qti-catalog", JD).component("qti-card", sB).component("qti-card-entry", oB).component("qti-html-content", hB).component("qti-file-href", mB), Y.component("qti-response-condition", vB), Y.component("qti-response-processing-fragment", xB), Y.component("qti-set-outcome-value", VB), Y.component("qti-exit-response", MB), Y.component("qti-lookup-outcome-value", OB), Y.component("qti-response-if", BB), Y.component("qti-response-else", UB), Y.component("qti-response-else-if", zB), Y.component("qti-set-template-value", JB), Y.component("qti-template-condition", nQ), Y.component("qti-template-if", lQ), Y.component("qti-template-else", dQ), Y.component("qti-template-else-if", gQ), Y.component("qti-template-constraint", vQ), Y.component("qti-exit-template", xQ), Y.component("qti-set-correct-response", AQ), Y.component("qti-set-default-value", NQ), Y.component("qti-base-value", QQ), Y.component("qti-correct", GQ), Y.component("qti-default", KQ), Y.component("qti-variable", JQ), Y.component("qti-match", s5), Y.component("qti-map-response", o5), Y.component("qti-map-response-point", h5), Y.component("qti-is-null", m5), Y.component("qti-and", b5), Y.component("qti-or", T5), Y.component("qti-not", _5), Y.component("qti-subtract", L5), Y.component("qti-sum", q5), Y.component("qti-random", D5), Y.component("qti-multiple", F5), Y.component("qti-ordered", W5), Y.component("qti-equal", X5), Y.component("qti-equal-rounded", t3), Y.component("qti-field-value", r3), Y.component("qti-random-float", u3), Y.component("qti-random-integer", f3), Y.component("qti-inside", y3), Y.component("qti-integer-divide", E3), Y.component("qti-integer-modulus", S3), Y.component("qti-integer-to-float", A3), Y.component("qti-product", R3), Y.component("qti-index", P3), Y.component("qti-member", Q3), Y.component("qti-delete", G3), Y.component("qti-substring", K3), Y.component("qti-string-match", J3), Y.component("qti-pattern-match", s4), Y.component("qti-round", o4), Y.component("qti-round-to", h4), Y.component("qti-truncate", m4), Y.component("qti-divide", b4), Y.component("qti-gt", T4), Y.component("qti-gte", _4), Y.component("qti-lt", L4), Y.component("qti-lte", q4), Y.component("qti-max", D4), Y.component("qti-min", F4), Y.component("qti-custom-operator", Z4), Y.component("qti-math-operator", iH), Y.component("qti-math-constant", lH), Y.component("qti-repeat", dH), Y.component("qti-stats-operator", gH), Y.component("qti-gcd", vH), Y.component("qti-lcm", xH), Y.component("qti-power", VH), Y.component("qti-any-n", MH);
     }
     function xe() {
       vv(() => {