qti3-item-player-vue3 0.2.2 → 0.2.3

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

@@ -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;
   }
-  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();
+  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;
+  }
+  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");
@@ -5115,7 +5132,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 +5353,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",
@@ -11801,7 +11818,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 +24586,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 +25931,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 +26318,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 +26684,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 +27056,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 +27438,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 +27884,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 +28299,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;
     },