lido-player 0.0.2-beta-24-dev → 0.0.2-beta-24

package/dist/cjs/{decode-B7mZm_nK.js → decode-BCvdWRyT.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BCRDjbaz.js');
+var index = require('./index-DjM03fsg.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/dist/cjs/{index-BCRDjbaz.js → index-DjM03fsg.js}

@@ -32022,15 +32022,15 @@ function _typeof(o) {
   }, _typeof(o);
 }
 
-function toPrimitive(t, r) {
+function toPrimitive(t, e) {
   if ("object" != _typeof(t) || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r);
+  var r;
+  if ("undefined" != typeof Symbol && void 0 !== (r = t[Symbol.toPrimitive])) {
+    var i = r.call(t, e);
     if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return ("string" === r ? String : Number)(t);
+  return ("string" === e ? String : Number)(t);
 }
 
 function toPropertyKey(t) {

package/dist/cjs/index.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BCRDjbaz.js');
+var index = require('./index-DjM03fsg.js');
 require('./index-DBCFoh1I.js');
 
 

package/dist/cjs/lido-avatar_22.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DBCFoh1I.js');
-var index$1 = require('./index-BCRDjbaz.js');
+var index$1 = require('./index-DjM03fsg.js');
 
 var rive$1 = {exports: {}};
 
@@ -11936,7 +11936,7 @@ instance
     },
 });
 
-const lidoContainerCss = () => `.lido-container{position:relative;height:100%;width:100%;background-color:var(--bgColor, transparent);display:flex;flex-direction:column;justify-content:center;align-items:center}lido-container[template-id="writeCard"] #arrow{box-sizing:border-box;border:10px solid transparent;box-shadow:0px 8px 0px 0px #8b310f;animation:flash-card-next-attention 1.4s ease-in-out infinite}lido-container[template-id="writeCard"] #arrow.fading{opacity:1 !important}@keyframes flash-card-next-attention{0%,100%{border-color:#ffc34d;filter:drop-shadow(0 0 0 rgba(255, 195, 77, 0))}50%{border-color:#fff1a8;filter:drop-shadow(0 0 10px rgba(255, 195, 77, 0.95))}}`;
+const lidoContainerCss = () => `.lido-container{position:relative;height:100%;width:100%;background-color:var(--bgColor, transparent);display:flex;flex-direction:column;justify-content:center;align-items:center}`;
 
 const LidoContainer = class {
     constructor(hostRef) {
@@ -12096,32 +12096,6 @@ const LidoContainer = class {
         this.speakFlag = false;
         this.handleWindowResize = () => this.scaleContainer(this.el);
         this.handleWindowLoad = () => this.scaleContainer(this.el);
-        this.isWriteCardContainer = () => this.templateId === 'writeCard';
-        this.syncWriteCardArrowHighlight = () => {
-            if (!this.isWriteCardContainer())
-                return;
-            const arrow = this.el.querySelector('#arrow');
-            if (!arrow)
-                return;
-            const style = window.getComputedStyle(arrow);
-            const hidden = style.display === 'none' ||
-                style.visibility === 'hidden' ||
-                style.opacity === '0';
-            arrow.classList.toggle('flash-card-next-glowing', !hidden);
-        };
-        this.observeWriteCardArrow = () => {
-            var _a;
-            if (!this.isWriteCardContainer())
-                return;
-            (_a = this.writeCardArrowObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-            this.writeCardArrowObserver = new MutationObserver(() => this.syncWriteCardArrowHighlight());
-            this.writeCardArrowObserver.observe(this.el, {
-                subtree: true,
-                attributes: true,
-                attributeFilter: ['class', 'style', 'visible'],
-            });
-            this.syncWriteCardArrowHighlight();
-        };
     }
     cleanupInteractionHandlers() {
         this.el.querySelectorAll('[type="drag"], [type="slide"], [move="true"]').forEach(element => {
@@ -12367,12 +12341,10 @@ const LidoContainer = class {
             setTimeout(() => {
                 this.el.setAttribute("onEntry", `${this.templateId}.speak='${!this.speakFlag}'; ` + this.el.getAttribute("onEntry"));
                 index$1.initEventsForElement(this.el, this.type);
-                this.observeWriteCardArrow();
             }, 100);
         }
         else {
             index$1.initEventsForElement(this.el, this.type);
-            this.observeWriteCardArrow();
         }
         if (this.customStyle) {
             const styleElement = document.createElement('style');
@@ -12388,12 +12360,9 @@ const LidoContainer = class {
         index$1.Timer.getI().start();
     }
     disconnectedCallback() {
-        var _a;
         this.cleanupInteractionHandlers();
         window.removeEventListener('resize', this.handleWindowResize);
         window.removeEventListener('load', this.handleWindowLoad);
-        (_a = this.writeCardArrowObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.writeCardArrowObserver = undefined;
         document.body.style.backgroundColor = '';
         document.body.style.backgroundImage = '';
         index$1.resetFloatState();
@@ -12410,7 +12379,7 @@ const LidoContainer = class {
             margin: this.margin,
             userSelect: 'none', // Prevent any field selection
         };
-        return (index.h(index.Host, { key: '403faa36329230b28c8c0e3a627c20b48fc1a9d0', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": `${this.disableSpeak}`, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, index.h("lido-text", { key: '683740c0a8495c875c988b41b8281a362f7713b8', visible: "false", id: this.templateId, audio: "", string: this.instructName }), index.h("slot", { key: '743c0652d70b294513dcdb3cfdd9674b694cd2e8' })));
+        return (index.h(index.Host, { key: '9dd374c6cdfcc88a5b18e7dc7fec527c853a4719', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": `${this.disableSpeak}`, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, index.h("lido-text", { key: '8295782a74ce6ef8ca9a623de8a28b539d9f6d4f', visible: "false", id: this.templateId, audio: "", string: this.instructName }), index.h("slot", { key: 'eb3c995b777986e07dcb6aa935ef38d41aa1e7e7' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -12531,7 +12500,7 @@ const LidoFlash = class {
             arrow.classList.add('flash-card-next-glowing');
         };
         this.onAudioEnded = (event) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             const target = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.target;
             const instruction = this.instructionText();
             if (!target || (target !== instruction && target.id !== 'lido-avatar' && !this.el.contains(target)))
@@ -12568,6 +12537,7 @@ const LidoFlash = class {
                 if (playbackContext !== this.goodJobPlaybackContext || playbackId !== this.goodJobPlaybackId)
                     return;
                 this.goodJobPlaybackId = undefined;
+                (_d = this.nextArrow()) === null || _d === void 0 ? void 0 : _d.classList.remove('flash-card-next-glowing');
                 index$1.executeActions("this.avatarAnimate='Idle'", target);
             }
         };
@@ -12638,19 +12608,11 @@ const LidoFlash = class {
             (_a = this.nextArrow()) === null || _a === void 0 ? void 0 : _a.classList.remove('flash-card-next-glowing');
         };
         this.speakFront = () => {
-            var _a, _b;
+            var _a;
             const text = this.frontText();
             if (this.instructionDone && !this.flipped && text && ((_a = text.textContent) === null || _a === void 0 ? void 0 : _a.trim())) {
                 this.startNarration(text);
             }
-            else if (this.instructionDone && !this.flipped && (!text || !((_b = text.textContent) === null || _b === void 0 ? void 0 : _b.trim()))) {
-                if (this.autoFlipTimer)
-                    window.clearTimeout(this.autoFlipTimer);
-                this.autoFlipTimer = window.setTimeout(() => {
-                    if (!this.flipped)
-                        this.handleFlip();
-                }, this.autoFlipAfter);
-            }
         };
         this.clearNarrationTimers = () => {
             if (this.narrationGraceTimer)
@@ -12716,8 +12678,6 @@ const LidoFlash = class {
                 mascot.setAttribute('audio', scaffoldAudio);
             }
             this.setArrowVisible(true);
-            // Keep the next action highlighted after mascot audio ends.
-            arrow.classList.add('flash-card-next-glowing');
             if (mascot) {
                 this.goodJobPlaybackContext = {};
                 this.goodJobPlaybackId = undefined;
@@ -12798,12 +12758,12 @@ const LidoFlash = class {
     }
     /* ---------- Render ---------- */
     render() {
-        return (index.h(index.Host, { key: '57b9dc5ecf618dc381a58e107fa2990b84f5517a', value: this.value, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, type: this.type, onClick: (event) => {
+        return (index.h(index.Host, { key: '9098ad4c1f41ac70e6737438209f2f3027153b3b', value: this.value, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, type: this.type, onClick: (event) => {
                 var _a, _b;
                 if ((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, '#lido-avatar'))
                     return;
                 this.handleFlip();
-            }, "disable-speak": this.disableSpeak }, index.h("div", { key: '3712fc66e33323bdd55e0abb747370ee461dc808', class: `card ${this.flipped ? 'flipped' : ''}` }, index.h("div", { key: 'eb8af2e445393592c0e8a3e4c5934c71dcab4b4e', class: "card-face card-front" }, this.front != null ? this.front : index.h("slot", { name: "front" })), index.h("div", { key: 'efa14cc7ea506714342151b12a9724bdcdb1eba8', class: "card-face card-back" }, this.back != null ? this.back : index.h("slot", { name: "back" })))));
+            }, "disable-speak": this.disableSpeak }, index.h("div", { key: 'b235e008f35e29db21991d76bd83fccac471ba75', class: `card ${this.flipped ? 'flipped' : ''}` }, index.h("div", { key: '7b2306efdc5a4dac6edfe5004ae34ef486b73dd5', class: "card-face card-front" }, this.front != null ? this.front : index.h("slot", { name: "front" })), index.h("div", { key: '3d164fa2faa72b7ffcbaf20482bfea2148aeaaf4', class: "card-face card-back" }, this.back != null ? this.back : index.h("slot", { name: "back" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -13251,7 +13211,7 @@ const LidoHome = class {
         }
         // Pure-JS fallback (no wasm asset required)
         try {
-            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-B7mZm_nK.js'); }).then(function (n) { return n.decode; });
+            const brotliDecodeModule = await Promise.resolve().then(function () { return require('./decode-BCvdWRyT.js'); }).then(function (n) { return n.decode; });
             const brotliDecompressBuffer = brotliDecodeModule.BrotliDecompressBuffer || ((_a = brotliDecodeModule.default) === null || _a === void 0 ? void 0 : _a.BrotliDecompressBuffer);
             if (typeof brotliDecompressBuffer !== 'function') {
                 throw new Error('BrotliDecompressBuffer function not found in brotli/dec/decode');

package/dist/collection/components/container/lido-container.css

@@ -8,27 +8,3 @@
   justify-content: center;
   align-items: center;
 }
-
-/* Reuse the Flash Card attention treatment for generated Write Card arrows. */
-lido-container[template-id="writeCard"] #arrow {
-  box-sizing: border-box;
-  border: 10px solid transparent;
-  box-shadow: 0px 8px 0px 0px #8b310f;
-  animation: flash-card-next-attention 1.4s ease-in-out infinite;
-}
-
-lido-container[template-id="writeCard"] #arrow.fading {
-  opacity: 1 !important;
-}
-
-@keyframes flash-card-next-attention {
-  0%,
-  100% {
-    border-color: #ffc34d;
-    filter: drop-shadow(0 0 0 rgba(255, 195, 77, 0));
-  }
-  50% {
-    border-color: #fff1a8;
-    filter: drop-shadow(0 0 10px rgba(255, 195, 77, 0.95));
-  }
-}

package/dist/collection/components/container/lido-container.js

@@ -169,32 +169,6 @@ export class LidoContainer {
         this.speakFlag = false;
         this.handleWindowResize = () => this.scaleContainer(this.el);
         this.handleWindowLoad = () => this.scaleContainer(this.el);
-        this.isWriteCardContainer = () => this.templateId === 'writeCard';
-        this.syncWriteCardArrowHighlight = () => {
-            if (!this.isWriteCardContainer())
-                return;
-            const arrow = this.el.querySelector('#arrow');
-            if (!arrow)
-                return;
-            const style = window.getComputedStyle(arrow);
-            const hidden = style.display === 'none' ||
-                style.visibility === 'hidden' ||
-                style.opacity === '0';
-            arrow.classList.toggle('flash-card-next-glowing', !hidden);
-        };
-        this.observeWriteCardArrow = () => {
-            var _a;
-            if (!this.isWriteCardContainer())
-                return;
-            (_a = this.writeCardArrowObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-            this.writeCardArrowObserver = new MutationObserver(() => this.syncWriteCardArrowHighlight());
-            this.writeCardArrowObserver.observe(this.el, {
-                subtree: true,
-                attributes: true,
-                attributeFilter: ['class', 'style', 'visible'],
-            });
-            this.syncWriteCardArrowHighlight();
-        };
     }
     cleanupInteractionHandlers() {
         this.el.querySelectorAll('[type="drag"], [type="slide"], [move="true"]').forEach(element => {
@@ -440,12 +414,10 @@ export class LidoContainer {
             setTimeout(() => {
                 this.el.setAttribute("onEntry", `${this.templateId}.speak='${!this.speakFlag}'; ` + this.el.getAttribute("onEntry"));
                 initEventsForElement(this.el, this.type);
-                this.observeWriteCardArrow();
             }, 100);
         }
         else {
             initEventsForElement(this.el, this.type);
-            this.observeWriteCardArrow();
         }
         if (this.customStyle) {
             const styleElement = document.createElement('style');
@@ -461,12 +433,9 @@ export class LidoContainer {
         Timer.getI().start();
     }
     disconnectedCallback() {
-        var _a;
         this.cleanupInteractionHandlers();
         window.removeEventListener('resize', this.handleWindowResize);
         window.removeEventListener('load', this.handleWindowLoad);
-        (_a = this.writeCardArrowObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
-        this.writeCardArrowObserver = undefined;
         document.body.style.backgroundColor = '';
         document.body.style.backgroundImage = '';
         resetFloatState();
@@ -483,7 +452,7 @@ export class LidoContainer {
             margin: this.margin,
             userSelect: 'none', // Prevent any field selection
         };
-        return (h(Host, { key: '403faa36329230b28c8c0e3a627c20b48fc1a9d0', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": `${this.disableSpeak}`, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, h("lido-text", { key: '683740c0a8495c875c988b41b8281a362f7713b8', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: '743c0652d70b294513dcdb3cfdd9674b694cd2e8' })));
+        return (h(Host, { key: '9dd374c6cdfcc88a5b18e7dc7fec527c853a4719', id: "lido-container", Lang: this.Lang, "tab-index": 0, class: "lido-container", objective: this.objective, baseUrl: this.baseUrl, style: style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, onTouch: this.onTouch, onInCorrect: this.onInCorrect, onCorrect: this.onCorrect, onEntry: this.onEntry, "show-check": `${this.showCheck}`, "is-continue-on-correct": `${this.isContinueOnCorrect}`, "is-allow-only-correct": `${this.isAllowOnlyCorrect}`, canplay: `${this.canplay}`, appendToDropOnCompletion: `${this.appendToDropOnCompletion}`, "show-prev-button": `${this.showPrevButton}`, "show-next-button": `${this.showNextButton}`, "show-drop-border": `${this.showDropBorder}`, "bg-image": this.bgImage, "exit-button-url": this.exitButtonUrl, "prev-button-url": this.prevButtonUrl, "next-button-url": this.nextButtonUrl, "speaker-button-url": this.speakerButtonUrl, "disable-speak": `${this.disableSpeak}`, "template-id": this.templateId, audio: this.audio, "highlight-word-by-word": `${this.highlightWordByWord}` }, h("lido-text", { key: '8295782a74ce6ef8ca9a623de8a28b539d9f6d4f', visible: "false", id: this.templateId, audio: "", string: this.instructName }), h("slot", { key: 'eb3c995b777986e07dcb6aa935ef38d41aa1e7e7' })));
     }
     static get is() { return "lido-container"; }
     static get originalStyleUrls() {

package/dist/collection/components/flashCard/lido-flash-card.js

@@ -113,7 +113,7 @@ export class LidoFlash {
             arrow.classList.add('flash-card-next-glowing');
         };
         this.onAudioEnded = (event) => {
-            var _a, _b, _c;
+            var _a, _b, _c, _d;
             const target = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.target;
             const instruction = this.instructionText();
             if (!target || (target !== instruction && target.id !== 'lido-avatar' && !this.el.contains(target)))
@@ -150,6 +150,7 @@ export class LidoFlash {
                 if (playbackContext !== this.goodJobPlaybackContext || playbackId !== this.goodJobPlaybackId)
                     return;
                 this.goodJobPlaybackId = undefined;
+                (_d = this.nextArrow()) === null || _d === void 0 ? void 0 : _d.classList.remove('flash-card-next-glowing');
                 executeActions("this.avatarAnimate='Idle'", target);
             }
         };
@@ -220,19 +221,11 @@ export class LidoFlash {
             (_a = this.nextArrow()) === null || _a === void 0 ? void 0 : _a.classList.remove('flash-card-next-glowing');
         };
         this.speakFront = () => {
-            var _a, _b;
+            var _a;
             const text = this.frontText();
             if (this.instructionDone && !this.flipped && text && ((_a = text.textContent) === null || _a === void 0 ? void 0 : _a.trim())) {
                 this.startNarration(text);
             }
-            else if (this.instructionDone && !this.flipped && (!text || !((_b = text.textContent) === null || _b === void 0 ? void 0 : _b.trim()))) {
-                if (this.autoFlipTimer)
-                    window.clearTimeout(this.autoFlipTimer);
-                this.autoFlipTimer = window.setTimeout(() => {
-                    if (!this.flipped)
-                        this.handleFlip();
-                }, this.autoFlipAfter);
-            }
         };
         this.clearNarrationTimers = () => {
             if (this.narrationGraceTimer)
@@ -298,8 +291,6 @@ export class LidoFlash {
                 mascot.setAttribute('audio', scaffoldAudio);
             }
             this.setArrowVisible(true);
-            // Keep the next action highlighted after mascot audio ends.
-            arrow.classList.add('flash-card-next-glowing');
             if (mascot) {
                 this.goodJobPlaybackContext = {};
                 this.goodJobPlaybackId = undefined;
@@ -380,12 +371,12 @@ export class LidoFlash {
     }
     /* ---------- Render ---------- */
     render() {
-        return (h(Host, { key: '57b9dc5ecf618dc381a58e107fa2990b84f5517a', value: this.value, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, type: this.type, onClick: (event) => {
+        return (h(Host, { key: '9098ad4c1f41ac70e6737438209f2f3027153b3b', value: this.value, "tab-index": this.tabIndex, style: this.style, "aria-label": this.ariaLabel, "aria-hidden": this.ariaHidden, audio: this.audio, onTouch: this.onTouch, onCorrect: this.onCorrect, onInCorrect: this.onInCorrect, onEntry: this.onEntry, type: this.type, onClick: (event) => {
                 var _a, _b;
                 if ((_b = (_a = event.target) === null || _a === void 0 ? void 0 : _a.closest) === null || _b === void 0 ? void 0 : _b.call(_a, '#lido-avatar'))
                     return;
                 this.handleFlip();
-            }, "disable-speak": this.disableSpeak }, h("div", { key: '3712fc66e33323bdd55e0abb747370ee461dc808', class: `card ${this.flipped ? 'flipped' : ''}` }, h("div", { key: 'eb8af2e445393592c0e8a3e4c5934c71dcab4b4e', class: "card-face card-front" }, this.front != null ? this.front : h("slot", { name: "front" })), h("div", { key: 'efa14cc7ea506714342151b12a9724bdcdb1eba8', class: "card-face card-back" }, this.back != null ? this.back : h("slot", { name: "back" })))));
+            }, "disable-speak": this.disableSpeak }, h("div", { key: 'b235e008f35e29db21991d76bd83fccac471ba75', class: `card ${this.flipped ? 'flipped' : ''}` }, h("div", { key: '7b2306efdc5a4dac6edfe5004ae34ef486b73dd5', class: "card-face card-front" }, this.front != null ? this.front : h("slot", { name: "front" })), h("div", { key: '3d164fa2faa72b7ffcbaf20482bfea2148aeaaf4', class: "card-face card-back" }, this.back != null ? this.back : h("slot", { name: "back" })))));
     }
     static get is() { return "lido-flash-card"; }
     static get originalStyleUrls() {