qti3-item-player-vue3 0.2.2 → 0.2.4

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

@@ -1426,9 +1426,9 @@ class re {
       case "directedPair":
       case "pair":
       case "uri":
+      case "file":
         return s[i] = t, s;
       case "intOrIdentifier":
-      case "file":
         return s[i] = null, s;
       default:
         return s[i] = null, s;
@@ -4550,10 +4550,27 @@ class aT {
     return this.audioElement = t, this.isPaused = !0, this.onPlayPauseClick = this.playPauseClickHandler.bind(this), this.onKeyDown = this.keydownHandler.bind(this), this.onEnded = this.endedHandler.bind(this), this;
   }
   create() {
-    return this.createAudioTemplate(), this;
+    return this.createAudioTemplate(this.isNestedAmpAudioElement(this.audioElement)), this;
+  }
+  isNestedAmpAudioElement(t) {
+    return t.parentNode.classList.contains("amp-audio__holder");
+  }
+  createAudioTemplate(t) {
+    this.outerWrapper = t ? this.createNestedAmpAudioWrapper(this.audioElement) : this.createAudioWrapper(this.audioElement), this.playerContainer = this.createPlayerContainer(), this.outerWrapper.appendChild(this.playerContainer), this.addListeners();
+  }
+  createNestedAmpAudioWrapper(t) {
+    const i = t.parentNode.parentNode;
+    i.classList.add("cat-audio__wrapper");
+    const s = i.querySelector(".amp-audio-captions__container");
+    s != null && s.remove();
+    const n = i.querySelector(".amp-audio__container");
+    return n != null && n.remove(), i;
   }
-  createAudioTemplate() {
-    this.outerWrapper = document.createElement("div"), this.outerWrapper.classList.add("cat-audio__wrapper"), this.wrapper = document.createElement("div"), this.wrapper.classList.add("cat-audio__holder"), this.audioElement.parentNode.appendChild(this.outerWrapper), this.audioElement.setAttribute("tabindex", "-1"), this.outerWrapper.appendChild(this.wrapper), this.wrapper.appendChild(this.audioElement), this.playerContainer = this.createPlayerContainer(), this.outerWrapper.appendChild(this.playerContainer), this.addListeners();
+  createAudioWrapper(t) {
+    const i = document.createElement("div");
+    i.classList.add("cat-audio__wrapper");
+    const s = document.createElement("div");
+    return s.classList.add("cat-audio__holder"), t.parentNode.appendChild(i), t.setAttribute("tabindex", "-1"), i.appendChild(s), s.appendChild(t), i;
   }
   createPlayerContainer() {
     const t = document.createElement("div");
@@ -4898,8 +4915,11 @@ const D = (e, t) => {
     createTabs(e) {
       this.tabs.create(e);
     },
+    focusFirstTab() {
+      this.tabs !== null && this.tabs.focusFirstTab();
+    },
     show() {
-      this.state.hidden = !1, this.render(), this.state.isShown || (this.state.isShown = !0, this.center());
+      this.state.hidden = !1, this.render(), this.focusFirstTab(), this.state.isShown || (this.state.isShown = !0, this.center());
     },
     hide() {
       this.state.hidden = !0, this.render();
@@ -5115,7 +5135,7 @@ const mT = /* @__PURE__ */ D(lT, [["render", pT]]), gT = {
       this.audioSubType = e, this.audioSubType === "audioprogress" && (this.showProgress = !0, this.showPlayTimer = !0, this.showVolumeMute = !0);
     },
     /**
-     * @description Try to detect a class of audio player that we recognoze.
+     * @description Try to detect a class of audio player that we recognize.
      * @param {*} props - vnode props
      */
     getAudioSubType(e) {
@@ -5336,7 +5356,7 @@ function RT(e, t, i, s, n, r) {
     ])
   ]);
 }
-const NT = /* @__PURE__ */ D(wT, [["render", RT], ["__scopeId", "data-v-b0ac2e17"]]), qT = new j(), OT = {
+const NT = /* @__PURE__ */ D(wT, [["render", RT], ["__scopeId", "data-v-a1958132"]]), qT = new j(), OT = {
   name: "AmpVideo",
   emits: [
     "mediaLoaded",
@@ -5740,9 +5760,13 @@ class ZT {
       },
       GLOSSARY_CLICKABLE_CLASS: "qti3-player-catalog-clickable-term",
       // No language specified
-      LANGUAGE_OFF: ""
+      LANGUAGE_OFF: "",
+      keys: {
+        ENTER: 13,
+        SPACE: 32
+      }
     });
-    return this.item = t, this.itemElement = t.$refs.item, this.store = i, this.nodeList = null, this.showGlossary = this.showGlossaryHandler.bind(this), this;
+    return this.item = t, this.itemElement = t.$refs.item, this.store = i, this.nodeList = null, this.showGlossary = this.showGlossaryHandler.bind(this), this.onKeyDown = this.keydownHandler.bind(this), this;
   }
   bindAll() {
     this.store.getCatalogs().length !== 0 && (this.resetAll(), this.nodeList = this.itemElement.querySelectorAll("[data-catalog-idref]"), this.nodeList.length !== 0 && this.bindGlossary(this.nodeList));
@@ -5791,7 +5815,7 @@ class ZT {
    * @param {DomElement} node
    */
   bindGlossaryDOM(t) {
-    t.classList.contains(this.constants.GLOSSARY_CLICKABLE_CLASS) || (t.classList.add(this.constants.GLOSSARY_CLICKABLE_CLASS), this.setGlossaryTerm(t), t.addEventListener("click", this.showGlossary), t.addEventListener("touchend", this.showGlossary));
+    t.classList.contains(this.constants.GLOSSARY_CLICKABLE_CLASS) || (t.classList.add(this.constants.GLOSSARY_CLICKABLE_CLASS), t.setAttribute("tabindex", "0"), this.setGlossaryTerm(t), t.addEventListener("click", this.showGlossary), t.addEventListener("touchend", this.showGlossary), t.addEventListener("keydown", this.onKeyDown));
   }
   /**
    * @description This unbinds a DOM element as a clickable
@@ -5799,7 +5823,7 @@ class ZT {
    * @param {DomElement} node
    */
   unbindGlossaryDOM(t) {
-    t.classList.contains(this.constants.GLOSSARY_CLICKABLE_CLASS) && (t.classList.remove(this.constants.GLOSSARY_CLICKABLE_CLASS), t.removeEventListener("click", this.showGlossary), t.removeEventListener("touchend", this.showGlossary));
+    t.classList.contains(this.constants.GLOSSARY_CLICKABLE_CLASS) && (t.classList.remove(this.constants.GLOSSARY_CLICKABLE_CLASS), t.setAttribute("tabindex", "-1"), t.removeEventListener("click", this.showGlossary), t.removeEventListener("touchend", this.showGlossary), t.removeEventListener("keydown", this.keyDownHandler));
   }
   /**
    * @description Set a data-glossary-term on a node in the DOM.
@@ -5814,6 +5838,29 @@ class ZT {
       t.setAttribute("data-glossary-term", t.innerText);
     }
   }
+  /**
+   * @description Handles a Show Glossary Click or Touch event.
+   * @param {Event} event - contains the event target and
+   *                        the data-catalog-idref
+   */
+  showGlossaryHandler(t) {
+    t.preventDefault(), t.stopPropagation(), this.emitShowGlossaryEvent(t);
+  }
+  /**
+   * @description Handles a Show Glossary Keydown  event.
+   * @param {Event} event - contains the event target and
+   *                        the data-catalog-idref
+   */
+  keydownHandler(t) {
+    let i = !1;
+    switch (t.keyCode) {
+      case this.constants.keys.SPACE:
+      case this.constants.keys.ENTER:
+        this.emitShowGlossaryEvent(t), i = !0;
+        break;
+    }
+    i && (t.stopPropagation(), t.preventDefault());
+  }
   /**
    * @description Does the heavy work of building a Glossary data payload.
    * Sends an 'itemCatalogEvent' to the parent and passes the Glossary data
@@ -5821,8 +5868,7 @@ class ZT {
    * @param {Event} event - contains the event target and
    *                        the data-catalog-idref
    */
-  showGlossaryHandler(t) {
-    t.preventDefault(), t.stopPropagation();
+  emitShowGlossaryEvent(t) {
     const i = t.target.getAttribute("data-catalog-idref"), s = this.createGlossaryData(i);
     this.item.$parent.$emit("itemCatalogEvent", {
       type: "glossary",
@@ -11801,7 +11847,7 @@ const ow = /* @__PURE__ */ D(e_, [["render", i_]]), ap = new j(), s_ = {
      */
     getPrompts(e) {
       let t = [];
-      return e.default().forEach((i) => {
+      return e.default && e.default().forEach((i) => {
         typeof i.type < "u" && i.type.name === "QtiPrompt" && t.push(i);
       }), t;
     },
@@ -24569,7 +24615,7 @@ const pa = new j(), mq = new re(), gq = {
      */
     getPrompts(e) {
       let t = [];
-      return e.default().forEach((i) => {
+      return e.default && e.default().forEach((i) => {
         typeof i.type < "u" && i.type.name === "QtiPrompt" && t.push(i);
       }), t;
     },
@@ -25914,7 +25960,7 @@ const Bq = /* @__PURE__ */ D(Pq, [["render", Dq]]), Qq = new j(), Hq = {
      */
     getPrompts(e) {
       let t = [];
-      return e.default().forEach((i) => {
+      return e.default && e.default().forEach((i) => {
         typeof i.type < "u" && i.type.name === "QtiPrompt" && t.push(i);
       }), t;
     },
@@ -26301,7 +26347,7 @@ const jq = /* @__PURE__ */ D(Hq, [["render", Gq]]), Wq = new j(), zq = {
      */
     getPrompts(e) {
       let t = [];
-      return e.default().forEach((i) => {
+      return e.default && e.default().forEach((i) => {
         typeof i.type < "u" && i.type.name === "QtiPrompt" && t.push(i);
       }), t;
     },
@@ -26667,7 +26713,7 @@ const Zq = /* @__PURE__ */ D(zq, [["render", Xq]]), Jq = new j(), eO = {
      */
     getPrompts(e) {
       let t = [];
-      return e.default().forEach((i) => {
+      return e.default && e.default().forEach((i) => {
         typeof i.type < "u" && i.type.name === "QtiPrompt" && t.push(i);
       }), t;
     },
@@ -27039,7 +27085,7 @@ const Hb = /* @__PURE__ */ D(rO, [["render", oO]]), Lm = new j(), lO = {
      */
     getPrompts(e) {
       let t = [];
-      return e.default().forEach((i) => {
+      return e.default && e.default().forEach((i) => {
         typeof i.type < "u" && i.type.name === "QtiPrompt" && t.push(i);
       }), t;
     },
@@ -27421,7 +27467,7 @@ const dO = /* @__PURE__ */ D(lO, [["render", hO]]), rh = new j(), fO = {
      */
     getPrompts(e) {
       let t = [];
-      return e.default().forEach((i) => {
+      return e.default && e.default().forEach((i) => {
         typeof i.type < "u" && i.type.name === "QtiPrompt" && t.push(i);
       }), t;
     },
@@ -27867,7 +27913,7 @@ const Mm = new j(), vO = new wO(), EO = {
      */
     getPrompts(e) {
       let t = [];
-      return e.default().forEach((i) => {
+      return e.default && e.default().forEach((i) => {
         typeof i.type < "u" && i.type.name === "QtiPrompt" && t.push(i);
       }), t;
     },
@@ -28282,7 +28328,7 @@ const Rm = new j(), IO = {
      */
     getPrompts(e) {
       let t = [];
-      return e.default().forEach((i) => {
+      return e.default && e.default().forEach((i) => {
         typeof i.type < "u" && i.type.name === "QtiPrompt" && t.push(i);
       }), t;
     },
@@ -28655,7 +28701,7 @@ class RO {
         a[o] !== null && !a[o].startsWith("http") && (s ? a[o] = `${this.getConfigurationRelativePath(t)}${a[o]}` : a[o] = `${this.getItemPathUri()}${a[o]}`);
       return r;
     } catch (n) {
-      return console.log((i ? "Primary" : "Fallback") + "configuration Fetch error:", n), null;
+      return console.log((i ? "Primary" : "Fallback") + " Configuration Fetch error:", n), null;
     }
   }
   async fetchDefaultModuleResolution(t, i) {