npm - @yoobic/yobi - Versions diffs - 8.5.0-60 → 8.5.0-62 - Mend

@yoobic/yobi 8.5.0-60 → 8.5.0-62

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.

Files changed (1134) hide show

package/dist/cjs/yoo-lesson-detail-card.cjs.entry.js CHANGED Viewed

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const lessonDetailCardCss = "svg:not(:root){overflow:hidden}:host .card-container .top-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:var(--spacing-56, 3.5rem);padding:0 var(--spacing-16, 1rem)}:host .card-container .top-bar .header .heading{margin:0}:host .card-container .top-bar .header .subheader{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--stable);font-size:var(--font-size-12)}:host .card-container .top-bar .header .subheader yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .card-container .top-bar .right-column{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .card-container .top-bar .right-column .header-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;margin:0 var(--spacing-08, 0.5rem)}:host .card-container .top-bar .right-column .header-info yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .card-container .top-bar .right-column .header-info p{font-size:var(--font-size-16)}:host .card-container .top-bar .right-column .tag-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0 var(--spacing-08, 0.5rem)}:host .card-container .top-bar .right-column .toggle-icon:hover{cursor:pointer}:host .card-container .content-container{max-height:18.75rem;overflow:hidden;-webkit-transition:max-height 200ms;transition:max-height 200ms}:host .card-container .content-container yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));width:95%;margin:var(--spacing-08, 0.5rem) auto;padding:var(--spacing-08, 0.5rem)}:host .card-container .content-container yoo-banner p{color:var(--dark, #000000)}:host .card-container .content-container .text{margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .card-container .content-container .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:var(--spacing-56, 3.5rem);padding:0 var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .card-container .content-container .footer yoo-button{min-width:6rem}:host .card-container .content-container .footer .time-indicator{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}:host .card-container .content-container .footer .time-indicator yoo-progress-bar{--svg-width:1.8rem;--svg-height:1.8rem;--progress-bar-color:var(--app-color, #5a30f4);--stroke-width-circle:2;padding:0 var(--spacing-08, 0.5rem)}:host .card-container .content-container .footer .time-indicator .time-text{font-size:var(--font-size-14, 0.875rem)}:host .card-container .content-container.hidden{max-height:0}:host([expanded]) .card-container{padding:var(--spacing-08, 0.5rem) 0}";
@@ -49,15 +49,15 @@ const YooLessonDetailCard = class {
     }
   }
   renderHeaderInfo() {
-    return (index.h("div", { class: "header-info spacing" }, index.h("yoo-icon", { size: "small", color: "app-color", name: this.headerInfo.icon }), index.h("div", null, index.h("p", null, overlays.translate(this.headerInfo.text)))));
+    return (index.h("div", { class: "header-info spacing" }, index.h("yoo-icon", { size: "small", color: "app-color", name: this.headerInfo.icon }), index.h("div", null, index.h("p", null, index$1.translate(this.headerInfo.text)))));
   }
   renderHeader() {
-    return (index.h("div", { class: "header" }, index.h("h4", { class: "heading" }, overlays.translateMulti(this.heading)), index.h("div", { class: "subheader" }, this.subHeadingIcon && index.h("yoo-icon", { size: "small", color: "stable", name: this.subHeadingIcon }), this.subHeading && index.h("div", { class: "subheading" }, overlays.translateMulti(this.subHeading)))));
+    return (index.h("div", { class: "header" }, index.h("h4", { class: "heading" }, index$1.translateMulti(this.heading)), index.h("div", { class: "subheader" }, this.subHeadingIcon && index.h("yoo-icon", { size: "small", color: "stable", name: this.subHeadingIcon }), this.subHeading && index.h("div", { class: "subheading" }, index$1.translateMulti(this.subHeading)))));
   }
   renderBadge() {
     const icon = this.badge.earned ? this.badge.icon : 'lock';
-    const customColor = this.badge.earned ? this.badge.color : overlays.getCssColor('stable');
-    return (index.h("div", { class: "tag-container" }, index.h("yoo-tooltip", { content: overlays.translateMulti(this.badge.title), hoverable: true, placement: "bottom" }, index.h("yoo-tag", { size: "small", icon: icon, customColor: customColor }))));
+    const customColor = this.badge.earned ? this.badge.color : index$1.getCssColor('stable');
+    return (index.h("div", { class: "tag-container" }, index.h("yoo-tooltip", { content: index$1.translateMulti(this.badge.title), hoverable: true, placement: "bottom" }, index.h("yoo-tag", { size: "small", icon: icon, customColor: customColor }))));
   }
   renderTopBar() {
     return (index.h("div", { class: "top-bar" }, this.renderHeader(), index.h("div", { class: "right-column" }, this.headerInfo && this.headerInfo.display && this.renderHeaderInfo(), index.h("slot", { name: "right" }), this.badge && this.renderBadge(), this.hasContent && index.h("yoo-icon", { class: "toggle-icon", onClick: this.onHeaderArrowButtonClick, name: this.showContent ? 'arrow-up' : 'arrow-down' }))));
@@ -67,7 +67,7 @@ const YooLessonDetailCard = class {
   }
   renderWarning() {
     const icon = this.warning.icon ? this.warning.icon : 'warning';
-    return (index.h("yoo-banner", { fill: true, leftIcon: { name: icon, color: 'warning' } }, index.h("p", { slot: "content" }, overlays.translate(this.warning.text)), index.h("yoo-button", { slot: "action", color: "warning", fill: "transparent", class: "auto", onClick: () => this.onWarningButtonClicked() }, overlays.translate(this.warning.button))));
+    return (index.h("yoo-banner", { fill: true, leftIcon: { name: icon, color: 'warning' } }, index.h("p", { slot: "content" }, index$1.translate(this.warning.text)), index.h("yoo-button", { slot: "action", color: "warning", fill: "transparent", class: "auto", onClick: () => this.onWarningButtonClicked() }, index$1.translate(this.warning.button))));
   }
   onFooterButtonClick() {
     this.footerButtonClick.emit();
@@ -76,11 +76,11 @@ const YooLessonDetailCard = class {
     return (index.h("div", { class: "time-indicator" }, index.h("yoo-progress-bar", { shape: "circle", animated: this.animated, hideProgressValue: true, value: 75 }), index.h("div", { class: "time-text" }, this.footer.timeIndicator)));
   }
   renderFooter() {
-    return (index.h("div", { class: "footer-container" }, index.h("div", { class: "footer" }, this.footer.timeIndicator ? this.renderTimeIndicator() : index.h("div", null), index.h("yoo-button", { onClick: () => this.onFooterButtonClick(), color: "app-color", size: "medium", fill: "solid", disabled: !this.footer.buttonClickable }, overlays.translate(this.footer.buttonLabel)))));
+    return (index.h("div", { class: "footer-container" }, index.h("div", { class: "footer" }, this.footer.timeIndicator ? this.renderTimeIndicator() : index.h("div", null), index.h("yoo-button", { onClick: () => this.onFooterButtonClick(), color: "app-color", size: "medium", fill: "solid", disabled: !this.footer.buttonClickable }, index$1.translate(this.footer.buttonLabel)))));
   }
   renderContent() {
     if (this.hasContent) {
-      return (index.h("div", { class: { 'content-container': true, 'hidden': !this.showContent }, ref: (el) => (this.contentElement = el) }, this.warning && this.renderWarning(), this.text && index.h("div", { class: "text" }, overlays.translateMulti(this.text)), this.footer && this.renderFooter()));
+      return (index.h("div", { class: { 'content-container': true, 'hidden': !this.showContent }, ref: (el) => (this.contentElement = el) }, this.warning && this.renderWarning(), this.text && index.h("div", { class: "text" }, index$1.translateMulti(this.text)), this.footer && this.renderFooter()));
     }
   }
   render() {

package/dist/cjs/yoo-lesson-detail.cjs.entry.js CHANGED Viewed

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const lessonDetailCss = "svg:not(:root){overflow:hidden}:host{display:block;height:100%}:host .lesson-detail{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .lesson-detail .lesson-content hr{height:0.0625rem;margin-top:0;margin-bottom:0;background:var(--stable-alt, #d0d0d0);border:0}:host .lesson-detail .lesson-content yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));--close-icon-color:var(--light, #ffffff)}:host .lesson-detail .lesson-content yoo-banner p{margin-bottom:0;color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu{margin:0;padding-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);list-style:none}:host .lesson-detail .lesson-content .menu .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .lesson-detail .lesson-content .menu .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .lesson-detail .lesson-content .menu .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.border-pre{height:2.5rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.border-pre.last{height:1rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:4rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags yoo-tag{padding:var(--spacing-08, 0.5rem) 0}:host .lesson-detail .lesson-content .menu .menu-item .menu-right .menu-content .tags .tag-title{text-align:center}:host .lesson-detail .lesson-content .menu .menu-item:last-child .menu-left .border{display:none}:host .lesson-detail .lesson-content .menu yoo-lesson-highscores:last-child{--display-border:none}:host .lesson-detail .heading-container .title{padding-top:var(--spacing-32, 2rem);padding-bottom:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-28, 1.75rem);background:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .lesson-detail .heading-container yoo-form-dynamic{display:block}:host(.mobile) hr{margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-16, 1rem)}:host(.mobile) yoo-ion-content>div{padding-top:var(--spacing-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container{margin:var(--spacing-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container .content{display:block}:host(.mobile) .lesson-detail .lesson-content .warning-container .content p{font-size:var(--font-size-16, 1rem)}:host(.mobile) .lesson-detail .lesson-content .warning-container .content yoo-button{margin:0 0 0 -0.625rem}:host(.mobile) .menu,:host(.mobile) .title{padding-right:var(--spacing-16, 1rem);padding-left:var(--spacing-16, 1rem)}:host(.web) hr{margin-right:var(--spacing-64, 4rem);margin-left:var(--spacing-64, 4rem)}:host(.web) .menu,:host(.web) .title{padding-right:var(--spacing-64, 4rem);padding-left:var(--spacing-64, 4rem)}:host(.web) .lesson-footer{-ms-flex-pack:start;justify-content:flex-start;padding-right:1.875rem;padding-left:1.875rem;border-radius:8px;-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.web) .lesson-footer yoo-button{margin-right:var(--spacing-08, 0.5rem)}:host(.rtl) .lesson-detail .lesson-content .menu .menu-item .menu-right{margin-right:var(--spacing-08, 0.5rem);margin-left:0}";
@@ -29,31 +29,31 @@ const YooLessonDetailComponent = class {
     this.learningMore.emit(true);
   }
   renderButtonFooter() {
-    return (index.h("yoo-form-footer", { class: { lesson: true, sticky: overlays.isWeb(this.host), relative: !overlays.isWeb(this.host) }, buttons: [
+    return (index.h("yoo-form-footer", { class: { lesson: true, sticky: index$1.isWeb(this.host), relative: !index$1.isWeb(this.host) }, buttons: [
         {
-          text: overlays.translate(lodash.isEmpty(this.lessonData) ? 'START' : 'RETRY'),
+          text: index$1.translate(lodash.isEmpty(this.lessonData) ? 'START' : 'RETRY'),
           color: 'app-color',
           handler: (ev) => this.onStart(ev)
         }
       ] }));
   }
   renderSimpleSection(value, title, icon, isInnerHTML = false) {
-    return (index.h("li", { class: "menu-item" }, index.h("div", { class: "menu-left" }, index.h("span", { class: "menu-icon" }, index.h("yoo-tag", { color: "app-color-10", size: "medium", icon: icon })), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, overlays.translateMulti(title)), isInnerHTML ? index.h("div", { class: "menu-content", innerHTML: overlays.translateMulti(value) }) : index.h("div", { class: "menu-content" }, value))));
+    return (index.h("li", { class: "menu-item" }, index.h("div", { class: "menu-left" }, index.h("span", { class: "menu-icon" }, index.h("yoo-tag", { color: "app-color-10", size: "medium", icon: icon })), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, index$1.translateMulti(title)), isInnerHTML ? index.h("div", { class: "menu-content", innerHTML: index$1.translateMulti(value) }) : index.h("div", { class: "menu-content" }, value))));
   }
   renderAnswers() {
-    return (index.h("div", { class: "heading-container" }, index.h("div", { class: "title" }, overlays.translate('ANSWERS')), index.h("yoo-form-dynamic", { formType: "lesson-detail", scrollable: false, forceReadonly: true, isAnimationFinished: this.isAnimationFinished, slides: this.lesson.description.slides, data: this.lessonData, suffix: ".value", showTabs: false, showRecap: true })));
+    return (index.h("div", { class: "heading-container" }, index.h("div", { class: "title" }, index$1.translate('ANSWERS')), index.h("yoo-form-dynamic", { formType: "lesson-detail", scrollable: false, forceReadonly: true, isAnimationFinished: this.isAnimationFinished, slides: this.lesson.description.slides, data: this.lessonData, suffix: ".value", showTabs: false, showRecap: true })));
   }
   renderLessonBadges(badge) {
     var _a, _b, _c;
     const badgeEarned = (_c = (_b = (_a = this.lesson) === null || _a === void 0 ? void 0 : _a.course) === null || _b === void 0 ? void 0 : _b.badges) === null || _c === void 0 ? void 0 : _c.find((earnedRef) => earnedRef === badge._id);
-    return (index.h("div", { class: "tags" }, index.h("yoo-tag", { size: "extra-large", icon: badgeEarned ? this.getBadgeIcon(badge) : 'lock', customColor: badgeEarned ? badge.color : '#807F83' }), index.h("div", { class: "tag-title" }, overlays.translateMulti(badge === null || badge === void 0 ? void 0 : badge.title))));
+    return (index.h("div", { class: "tags" }, index.h("yoo-tag", { size: "extra-large", icon: badgeEarned ? this.getBadgeIcon(badge) : 'lock', customColor: badgeEarned ? badge.color : '#807F83' }), index.h("div", { class: "tag-title" }, index$1.translateMulti(badge === null || badge === void 0 ? void 0 : badge.title))));
   }
   renderConfidenceWarning() {
-    return (index.h("yoo-banner", { class: "sharp", fill: true, leftIcon: { name: 'warning', color: 'warning' } }, index.h("p", { slot: "content" }, overlays.translate('CONFIDENCEWARNING')), index.h("yoo-button", { slot: "action", color: "warning", fill: "transparent", class: "auto", onClick: () => this.onLearnMoreClicked() }, overlays.translate('LEARNMORE'))));
+    return (index.h("yoo-banner", { class: "sharp", fill: true, leftIcon: { name: 'warning', color: 'warning' } }, index.h("p", { slot: "content" }, index$1.translate('CONFIDENCEWARNING')), index.h("yoo-button", { slot: "action", color: "warning", fill: "transparent", class: "auto", onClick: () => this.onLearnMoreClicked() }, index$1.translate('LEARNMORE'))));
   }
   renderLesson() {
     const retryPrevented = lodash.get(this.lesson, 'description.preventRetry', false);
-    return (this.lesson && (index.h("div", { class: "lesson-detail" }, index.h("yoo-ion-content", { class: "bg-light" }, index.h("div", null, index.h("div", { class: "lesson-content" }, index.h("yoo-lesson-heading", { lesson: this.lesson, assignmentDate: this.assignmentDate }), index.h("hr", null), this.lesson.lessonType === 'confidencequiz' && this.renderConfidenceWarning(), index.h("ul", { class: "menu" }, lodash.get(this.lesson, 'description.text', false) && this.renderSimpleSection(this.lesson.description.text, 'DESCRIPTION', 'lesson', true), this.renderSimpleSection(overlays.minsToMinsAndSecs(lodash.get(this.lesson, 'description.duration', 10)).toString(), 'DURATION', 'schedule-user', true), retryPrevented && this.renderSimpleSection(overlays.translateMulti('REMAININGCOUNT', { count: !this.lessonData ? 1 : 0 }), 'ATTEMPTS', 'go-to', true), !retryPrevented && this.renderSimpleSection((lodash.get(this.lesson, 'attemptsCount', 0) >= 0 ? lodash.get(this.lesson, 'attemptsCount', 0) : 0).toString(), 'ATTEMPTS', 'go-to', true), this.lesson.badge && this.renderSimpleSection(this.renderLessonBadges(this.lesson.badge), 'YOOBICBADGE', 'badge', false), this.highscores && this.highscores.length > 0 ? index.h("yoo-lesson-highscores", { ranks: this.highscores }) : null), index.h("slot", null)), this.lesson.description.showAnswers && this.lessonData && this.renderAnswers(), index.h("slot", { name: "end" }))), (!this.lessonData || (this.lessonData && this.lesson.description.preventRetry !== true)) && this.renderButtonFooter())));
+    return (this.lesson && (index.h("div", { class: "lesson-detail" }, index.h("yoo-ion-content", { class: "bg-light" }, index.h("div", null, index.h("div", { class: "lesson-content" }, index.h("yoo-lesson-heading", { lesson: this.lesson, assignmentDate: this.assignmentDate }), index.h("hr", null), this.lesson.lessonType === 'confidencequiz' && this.renderConfidenceWarning(), index.h("ul", { class: "menu" }, lodash.get(this.lesson, 'description.text', false) && this.renderSimpleSection(this.lesson.description.text, 'DESCRIPTION', 'lesson', true), this.renderSimpleSection(index$1.minsToMinsAndSecs(lodash.get(this.lesson, 'description.duration', 10)).toString(), 'DURATION', 'schedule-user', true), retryPrevented && this.renderSimpleSection(index$1.translateMulti('REMAININGCOUNT', { count: !this.lessonData ? 1 : 0 }), 'ATTEMPTS', 'go-to', true), !retryPrevented && this.renderSimpleSection((lodash.get(this.lesson, 'attemptsCount', 0) >= 0 ? lodash.get(this.lesson, 'attemptsCount', 0) : 0).toString(), 'ATTEMPTS', 'go-to', true), this.lesson.badge && this.renderSimpleSection(this.renderLessonBadges(this.lesson.badge), 'YOOBICBADGE', 'badge', false), this.highscores && this.highscores.length > 0 ? index.h("yoo-lesson-highscores", { ranks: this.highscores }) : null), index.h("slot", null)), this.lesson.description.showAnswers && this.lessonData && this.renderAnswers(), index.h("slot", { name: "end" }))), (!this.lessonData || (this.lessonData && this.lesson.description.preventRetry !== true)) && this.renderButtonFooter())));
   }
   render() {
     return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, this.renderLesson());

package/dist/cjs/yoo-lesson-heading.cjs.entry.js CHANGED Viewed

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const lessonHeadingCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .heading-container{color:var(--dark, #000000)}:host .heading-container yoo-tag{margin-bottom:var(--spacing-08, 0.5rem)}:host .heading-container .lesson-order{color:var(--app-color, #5a30f4);font-size:var(--font-size-12, 0.75rem);line-height:normal;letter-spacing:0.0625rem;text-transform:uppercase}:host .heading-container .lesson-title{font-weight:bold;font-size:var(--font-size-28, 1.75rem)}:host .heading-container .lesson-date{margin-top:0.3125rem;color:var(--app-color, #5a30f4)}:host .heading-container .lesson-date .date-label{margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host(.mobile) .heading-container{padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host(.web){margin-top:var(--spacing-32, 2rem)}:host(.web) .heading-container{padding:0 var(--spacing-64, 4rem) var(--spacing-16, 1rem)}:host(.rtl) .heading-container .lesson-date .date-label{margin-right:0;margin-left:var(--spacing-08, 0.5rem)}";
@@ -17,7 +17,7 @@ const YooLessonHeadingComponent = class {
     index.registerInstance(this, hostRef);
   }
   renderDueDate() {
-    const dueDate = overlays.getPlanDueDate(this.lesson.plan, this.assignmentDate);
+    const dueDate = index$1.getPlanDueDate(this.lesson.plan, this.assignmentDate);
     return dueDate ? dueDate.toLocaleDateString() : null;
   }
   renderProgress() {
@@ -30,10 +30,10 @@ const YooLessonHeadingComponent = class {
     return !!(tagText === null || tagText === void 0 ? void 0 : tagText.length) && (index.h("yoo-tag", { color: "app-color", class: "inverse-color" }, index.h("yoo-icon", { slot: "start", size: "small", name: "star", color: "app-color" }), tagText));
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, this.lesson && index.h("div", { class: "heading-container" }, this.renderProgress(), index.h("div", { class: "lesson-order" }, overlays.translate('LESSONOFCOURSE', {
-      lesson: overlays.translate('LESSON') + ' ' + (this.lesson.description ? this.lesson.description.order : '') + '',
-      course: overlays.translateMulti(this.lesson.plan.title)
-    })), index.h("div", { class: "lesson-title" }, overlays.translateMulti(lodash.get(this.lesson, 'description.title', ''))), this.renderDueDate() ? (index.h("div", { class: "lesson-date" }, index.h("span", { class: "date-label" }, overlays.translate('DUEDATE')), index.h("span", null, this.renderDueDate()))) : null)));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, this.lesson && index.h("div", { class: "heading-container" }, this.renderProgress(), index.h("div", { class: "lesson-order" }, index$1.translate('LESSONOFCOURSE', {
+      lesson: index$1.translate('LESSON') + ' ' + (this.lesson.description ? this.lesson.description.order : '') + '',
+      course: index$1.translateMulti(this.lesson.plan.title)
+    })), index.h("div", { class: "lesson-title" }, index$1.translateMulti(lodash.get(this.lesson, 'description.title', ''))), this.renderDueDate() ? (index.h("div", { class: "lesson-date" }, index.h("span", { class: "date-label" }, index$1.translate('DUEDATE')), index.h("span", null, this.renderDueDate()))) : null)));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-lesson-highscores.cjs.entry.js CHANGED Viewed

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const lessonHighscoresCss = "svg:not(:root){overflow:hidden}:host{--display-border:inherit}:host .menu-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .menu-item:not(:last-child) .menu-content{margin-bottom:var(--spacing-24, 1.5rem)}:host .menu-item .menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .menu-item .menu-left.with-dot{width:2rem;margin-left:0.0313rem}:host .menu-item .menu-left .menu-icon{z-index:2;width:1.875rem;height:1.875rem;text-align:center}:host .menu-item .menu-left .menu-icon.menu-dot{width:1rem;height:1rem}:host .menu-item .menu-left .menu-icon yoo-icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-18, 1.125rem);line-height:1.875rem;background-color:var(--app-color, #5a30f4);border-radius:50%}:host .menu-item .menu-left .menu-icon yoo-icon.dark{background-color:var(--dark, #000000)}:host .menu-item .menu-left .menu-icon yoo-icon.info{background-color:var(--info, #d84c96)}:host .menu-item .menu-left .menu-icon yoo-icon.danger{background-color:var(--danger, #d44333)}:host .menu-item .menu-left .border{width:0.0625rem;height:100%;background-color:var(--stable-alt, #d0d0d0)}:host .menu-item .menu-left .border.border-pre{height:2.5rem}:host .menu-item .menu-left .border.border-pre.last{height:1rem}:host .menu-item .menu-left .border.dark{background-color:var(--dark, #000000)}:host .menu-item .menu-left .border.danger{background-color:var(--danger, #d44333)}:host .menu-item .menu-left .border.info{background-color:var(--info, #d84c96)}:host .menu-item .menu-right{width:100%;margin-left:var(--spacing-08, 0.5rem);overflow:hidden}:host .menu-item .menu-right .menu-title{font-weight:bold;line-height:1}:host .menu-item .menu-right .menu-content{color:var(--text-color, #807f83)}:host .menu-item .menu-right .menu-content.menu-chart{margin-bottom:0}:host .menu-item .menu-right .menu-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2rem}:host .menu-item .menu-right .menu-content span{margin-right:0.5rem}:host .menu-item .menu-right .menu-content yoo-avatar{margin-right:0.3125rem}:host .menu-item .menu-right .menu-content .font-medium{font-size:var(--font-size-14, 0.875rem)}:host .menu-item .menu-right .menu-content .font-small{font-size:var(--font-size-12, 0.75rem)}:host .menu-item .menu-right .menu-content .dark{color:var(--dark, #000000)}:host .menu-item .menu-right .menu-content .success{color:var(--success, #3aa76d)}:host .menu-item .menu-right .menu-content .danger{color:var(--danger, #d44333)}:host .menu-item .menu-right .menu-content .text-color{color:var(--text-color, #807f83)}:host .menu-item .menu-right .menu-content table{width:100%;table-layout:fixed}:host .menu-item .menu-right .menu-content table td{overflow:hidden;text-overflow:ellipsis}:host .border{display:var(--display-border)}";
@@ -16,7 +16,7 @@ const YooLessonHighscoresComponent = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return this.ranks && this.ranks.length ? (index.h("li", { class: "menu-item" }, index.h("div", { class: "menu-left" }, index.h("span", { class: "menu-icon" }, index.h("yoo-icon", { name: "medal" })), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, overlays.translate('HIGHSCORES')), index.h("div", { class: "menu-content" }, index.h("yoo-grid", { items: this.ranks, entityType: "userhighscores", displayType: "card-list" }))))) : null;
+    return this.ranks && this.ranks.length ? (index.h("li", { class: "menu-item" }, index.h("div", { class: "menu-left" }, index.h("span", { class: "menu-icon" }, index.h("yoo-icon", { name: "medal" })), index.h("div", { class: "border" })), index.h("div", { class: "menu-right" }, index.h("div", { class: "menu-title" }, index$1.translate('HIGHSCORES')), index.h("div", { class: "menu-content" }, index.h("yoo-grid", { items: this.ranks, entityType: "userhighscores", displayType: "card-list" }))))) : null;
   }
 };
 YooLessonHighscoresComponent.style = lessonHighscoresCss;

package/dist/cjs/yoo-lesson-question-result.cjs.entry.js CHANGED Viewed

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const lessonQuestionResultCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll yoo-points-recap,:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-tag[color=success-20],:host yoo-ion-scroll [class^=result]{margin:0 auto;text-align:center}:host yoo-ion-scroll yoo-points-recap{padding-top:var(--spacing-32, 2rem)}:host yoo-ion-scroll .result-title{color:var(--app-color, #5a30f4)}:host yoo-ion-scroll .result-text{color:var(--text-color, #807f83)}:host yoo-ion-scroll .result-document{margin-top:var(--spacing-08, 0.5rem)}:host yoo-ion-scroll .explanation-value{color:var(--text-color, #807f83)}:host yoo-ion-scroll .explanation-title{font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .document-title{font-weight:bold;font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;max-width:30rem}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block}:host main{gap:var(--spacing-08, 0.5rem);-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-16, 1rem)}:host main>*{padding:var(--spacing-04, 0.25rem) 0}:host .answers{padding:var(--spacing-08, 0.5rem) 0}:host .answers .title{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-24, 1.5rem)}:host(.web) yoo-ion-scroll{height:calc(100% - 3.5rem)}:host(.web) yoo-form-footer{position:absolute;right:0;bottom:0}:host(.mobile) yoo-ion-scroll{height:calc(100% - 5.75rem)}:host(.mobile) main{margin-top:var(--safe-area-inset-top)}:host(.mobile) main>*:not(.answers){text-align:center}";
@@ -38,7 +38,7 @@ const YooLessonQuestionResultComponent = class {
       case 'question':
         return this.validated ? 'confetti' : 'notquite';
       case 'lesson':
-        return overlays.isContentOnly(this.lessonType) ? 'thumbsup' : this.validated ? 'medal' : 'fail';
+        return index$1.isContentOnly(this.lessonType) ? 'thumbsup' : this.validated ? 'medal' : 'fail';
       case 'timeout':
         return 'time';
       case 'course':
@@ -50,7 +50,7 @@ const YooLessonQuestionResultComponent = class {
       case 'question':
         return undefined;
       case 'lesson': {
-        if (overlays.isContentOnly(this.lessonType)) {
+        if (index$1.isContentOnly(this.lessonType)) {
           return 'LESSON_READ_FINISH_TEXT';
         }
         else {
@@ -70,7 +70,7 @@ const YooLessonQuestionResultComponent = class {
       case 'course':
         return 'CONGRATULATIONS';
       case 'lesson': {
-        if (overlays.isContentOnly(this.lessonType)) {
+        if (index$1.isContentOnly(this.lessonType)) {
           return 'LESSON_READ_CONGRATULATIONS';
         }
         else {
@@ -82,13 +82,13 @@ const YooLessonQuestionResultComponent = class {
     }
   }
   get confidencePoints() {
-    return overlays.getConfidencePoints(this.confidenceLevel, this.validated);
+    return index$1.getConfidencePoints(this.confidenceLevel, this.validated);
   }
   get confidenceColor() {
     return this.confidencePoints > 0 ? 'success-10' : this.confidencePoints === 0 ? 'stable-10' : 'danger-10';
   }
   get confidenceDescription() {
-    return overlays.getConfidenceDescriptionKey(this.confidenceLevel);
+    return index$1.getConfidenceDescriptionKey(this.confidenceLevel);
   }
   onFooterSelected(selectionType) {
     this.footerSelected.emit(selectionType);
@@ -105,29 +105,29 @@ const YooLessonQuestionResultComponent = class {
   }
   initFooter() {
     if (this.resultType === 'lesson' || this.resultType === 'timeout') {
-      this.footerActions = [{ actionType: 'course', text: overlays.translate('CLOSE'), handler: () => this.onFooterSelected('CLOSE') }];
+      this.footerActions = [{ actionType: 'course', text: index$1.translate('CLOSE'), handler: () => this.onFooterSelected('CLOSE') }];
       if (!this.validated && !this.preventRetry) {
-        this.footerActions.push({ text: overlays.translate('RESTART'), color: 'app-color', handler: () => this.onFooterSelected('RESTART') });
+        this.footerActions.push({ text: index$1.translate('RESTART'), color: 'app-color', handler: () => this.onFooterSelected('RESTART') });
       }
       else if (this.nextLesson && !this.nextLesson.locked) {
-        const nextLessonDuration = overlays.minsToMinsAndSecs(lodash.get(this.nextLesson, 'description.duration', 10)).toString();
+        const nextLessonDuration = index$1.minsToMinsAndSecs(lodash.get(this.nextLesson, 'description.duration', 10)).toString();
         this.footerActions.push({
           actionType: 'nextwithduration',
-          text: overlays.translate('NEXT_WITH_DURATION', { duration: nextLessonDuration }),
+          text: index$1.translate('NEXT_WITH_DURATION', { duration: nextLessonDuration }),
           color: 'app-color',
           handler: () => this.onFooterSelected('YOOBICNEXT')
         });
       }
     }
     else if (this.resultType === 'course') {
-      this.footerActions = [{ actionType: 'course', text: overlays.translate('CLOSE'), color: 'app-color', handler: () => this.closeCourseResultModal() }];
+      this.footerActions = [{ actionType: 'course', text: index$1.translate('CLOSE'), color: 'app-color', handler: () => this.closeCourseResultModal() }];
       if (this.isRatingEnabled) {
         this.footerActions.push({
           actionType: 'course',
-          text: overlays.translate('RATEYOURCOURSE'),
+          text: index$1.translate('RATEYOURCOURSE'),
           color: 'app-color',
           handler: () => {
-            overlays.isWeb(this.host) ? this.onRatingButtonClicked() : [this.onFooterSelected(null), overlays.showRatingDialog(this.courseId)];
+            index$1.isWeb(this.host) ? this.onRatingButtonClicked() : [this.onFooterSelected(null), index$1.showRatingDialog(this.courseId)];
           }
         });
       }
@@ -135,7 +135,7 @@ const YooLessonQuestionResultComponent = class {
     else {
       this.footerActions = [{
           actionType: 'continue',
-          text: overlays.translate(this.lastField ? 'SUBMIT' : 'CONTINUE'),
+          text: index$1.translate(this.lastField ? 'SUBMIT' : 'CONTINUE'),
           color: 'app-color',
           handler: () => this.onFooterSelected(this.lastField ? 'SUBMIT' : 'CONTINUE')
         }];
@@ -150,13 +150,13 @@ const YooLessonQuestionResultComponent = class {
   }
   async setExplanation() {
     var _a;
-    if (overlays.isOffline()) {
+    if (index$1.isOffline()) {
       (_a = this.markdownDiv) === null || _a === void 0 ? void 0 : _a.setContent();
     }
   }
   closeCourseResultModal() {
     if (this.resultType === 'course' && this.isRatingEnabled) {
-      overlays.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId } });
+      index$1.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId } });
     }
     this.onFooterSelected(null);
   }
@@ -169,22 +169,22 @@ const YooLessonQuestionResultComponent = class {
   }
   renderLessonBadge(badge) {
     const icon = this.validated ? badge.icon : 'lock';
-    const customColor = this.validated ? badge.color : overlays.getCssColor('stable');
-    return (index.h("div", { class: "result-tag" }, index.h("span", null, overlays.translate(this.validated ? 'NEW_BADGE_COLLECTED' : 'BADGELOCKED')), index.h("div", { class: "tag" }, index.h("yoo-tag", { size: "extra-large", icon: icon, customColor: customColor }), index.h("div", { class: "tag-title" }, overlays.translateMulti(badge === null || badge === void 0 ? void 0 : badge.title)))));
+    const customColor = this.validated ? badge.color : index$1.getCssColor('stable');
+    return (index.h("div", { class: "result-tag" }, index.h("span", null, index$1.translate(this.validated ? 'NEW_BADGE_COLLECTED' : 'BADGELOCKED')), index.h("div", { class: "tag" }, index.h("yoo-tag", { size: "extra-large", icon: icon, customColor: customColor }), index.h("div", { class: "tag-title" }, index$1.translateMulti(badge === null || badge === void 0 ? void 0 : badge.title)))));
   }
   renderQuestionDocument() {
     const src = this.explanationDocument._downloadURL;
-    return overlays.isImage(this.explanationDocument) && src ?
+    return index$1.isImage(this.explanationDocument) && src ?
       index.h("yoo-img", { class: "document-image", src: src, ignoreHeight: true, ignoreWidth: true }) :
-      index.h("div", { class: "result-document" }, this.explanationDocument && index.h("div", { class: "document-title" }, overlays.translate('READOURDOCUMENT')), this.explanationDocument && index.h("yoo-form-document", { showActionSheet: overlays.isNativeMobile() && overlays.isPdf(this.explanationDocument), document: this.explanationDocument }));
+      index.h("div", { class: "result-document" }, this.explanationDocument && index.h("div", { class: "document-title" }, index$1.translate('READOURDOCUMENT')), this.explanationDocument && index.h("yoo-form-document", { showActionSheet: index$1.isNativeMobile() && index$1.isPdf(this.explanationDocument), document: this.explanationDocument }));
   }
   renderQuestionResult() {
     return [
       this.renderResultTitle(),
       this.confidenceLevel ? this.renderPointsRecapForConfidenceQuestion() : lodash.isNumber(this.points) && this.renderPointsRecapForQuestion(),
       this.questionExplanation && [
-        index.h("div", { class: "explanation-title" }, overlays.translateMulti('EXPLANATION')),
-        index.h("yoo-markdown", { ref: (el) => (this.markdownDiv = el), class: "explanation-value", content: overlays.translateMulti(this.questionExplanation) }),
+        index.h("div", { class: "explanation-title" }, index$1.translateMulti('EXPLANATION')),
+        index.h("yoo-markdown", { ref: (el) => (this.markdownDiv = el), class: "explanation-value", content: index$1.translateMulti(this.questionExplanation) }),
         this.explanationDocument && index.h("div", { class: "separator" })
       ],
       this.explanationDocument && this.renderQuestionDocument()
@@ -198,30 +198,30 @@ const YooLessonQuestionResultComponent = class {
     return index.h("yoo-tag", { size: "medium", color: "success-20" }, index.h("yoo-icon", { slot: "start", size: "small", name: "star", color: "success" }), tagText);
   }
   renderPointsRecapForQuestion() {
-    return index.h("yoo-points-recap", { heading: overlays.translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints) });
+    return index.h("yoo-points-recap", { heading: index$1.translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints) });
   }
   renderPointsRecapForConfidenceQuestion() {
     const items = [
-      { name: overlays.translate('ANSWER'), subItem: this.validated ? overlays.translate('CORRECT') : overlays.translate('INCORRECT'), points: this.validated ? this.pointsPerConfidenceQuestion : 0 },
-      { name: overlays.translate('CONFIDENCELEVEL'), subItem: overlays.translate(this.confidenceDescription), points: this.confidencePoints }
+      { name: index$1.translate('ANSWER'), subItem: this.validated ? index$1.translate('CORRECT') : index$1.translate('INCORRECT'), points: this.validated ? this.pointsPerConfidenceQuestion : 0 },
+      { name: index$1.translate('CONFIDENCELEVEL'), subItem: index$1.translate(this.confidenceDescription), points: this.confidencePoints }
     ];
-    return index.h("yoo-points-recap", { heading: overlays.translate('TOTALPOINTSEARNED'), totalPoints: this.earnedPoints, showItemIcon: false, items: items });
+    return index.h("yoo-points-recap", { heading: index$1.translate('TOTALPOINTSEARNED'), totalPoints: this.earnedPoints, showItemIcon: false, items: items });
   }
   renderPointsRecapForLessonOrCourse() {
     var _a, _b;
     const showItemIcon = !(this.resultType === 'course');
     let items = [];
     if (this.resultType === 'course') {
-      items = (_a = this.lessons) === null || _a === void 0 ? void 0 : _a.map((lesson) => { var _a; return ({ name: overlays.translateMulti((_a = lesson.description) === null || _a === void 0 ? void 0 : _a.title), points: Math.round((lesson === null || lesson === void 0 ? void 0 : lesson.points) || 0) }); });
+      items = (_a = this.lessons) === null || _a === void 0 ? void 0 : _a.map((lesson) => { var _a; return ({ name: index$1.translateMulti((_a = lesson.description) === null || _a === void 0 ? void 0 : _a.title), points: Math.round((lesson === null || lesson === void 0 ? void 0 : lesson.points) || 0) }); });
     }
-    else if (!overlays.isContentOnly(this.lessonType)) {
+    else if (!index$1.isContentOnly(this.lessonType)) {
       items = (_b = this.fields) === null || _b === void 0 ? void 0 : _b.map((field, i) => {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
         return ({
-          name: `${overlays.translate('QUESTION')} ${i + 1}`,
-          description: overlays.translateMulti(field.sentence || field.description || field.title),
+          name: `${index$1.translate('QUESTION')} ${i + 1}`,
+          description: index$1.translateMulti(field.sentence || field.description || field.title),
           points: ((_b = (_a = this.lessonData) === null || _a === void 0 ? void 0 : _a[field.name]) === null || _b === void 0 ? void 0 : _b.fieldType) === 'scorm'
-            ? overlays.answerIsValid((_c = this.lessonData[field.name]) === null || _c === void 0 ? void 0 : _c.value, field.answer || field.complexAnswer, field)
+            ? index$1.answerIsValid((_c = this.lessonData[field.name]) === null || _c === void 0 ? void 0 : _c.value, field.answer || field.complexAnswer, field)
               ? Math.round(this.points)
               : 0
             : lodash.isNumber((_e = (_d = this.lessonData) === null || _d === void 0 ? void 0 : _d[field.name]) === null || _e === void 0 ? void 0 : _e.earnedConfidencePoints)
@@ -233,37 +233,37 @@ const YooLessonQuestionResultComponent = class {
         });
       });
     }
-    return index.h("yoo-points-recap", { heading: overlays.translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints) || 0, items: items, showItemIcon: showItemIcon, forceTotalPoints: true });
+    return index.h("yoo-points-recap", { heading: index$1.translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints) || 0, items: items, showItemIcon: showItemIcon, forceTotalPoints: true });
   }
   renderProgressBarLessonRecap() {
     var _a;
-    const progress = this.lessonData ? overlays.getCorrectAnswersCount(this.lessonData) : null;
+    const progress = this.lessonData ? index$1.getCorrectAnswersCount(this.lessonData) : null;
     const min = this.lessonMinForCompliance;
     const max = (_a = this.fields) === null || _a === void 0 ? void 0 : _a.length;
-    return (index.h("yoo-progress-recap", { heading: "CORRECTANSWERS", min: min, max: max, progress: progress, tooltip: overlays.translate(this.validated ? 'NUMBEROFCORRECTANSWERSWHENVALID' : 'NUMBEROFCORRECTANSWERSWHENINVALID', { smart_count: progress, min, max }) }));
+    return (index.h("yoo-progress-recap", { heading: "CORRECTANSWERS", min: min, max: max, progress: progress, tooltip: index$1.translate(this.validated ? 'NUMBEROFCORRECTANSWERSWHENVALID' : 'NUMBEROFCORRECTANSWERSWHENINVALID', { smart_count: progress, min, max }) }));
   }
   renderCourseTopBadges() {
     var _a;
     const badges = (_a = this.lessons) === null || _a === void 0 ? void 0 : _a.map((l) => l.badge).filter(Boolean);
     const topBadges = badges === null || badges === void 0 ? void 0 : badges.slice(0, 3);
-    return !!(topBadges === null || topBadges === void 0 ? void 0 : topBadges.length) && (index.h("div", { class: "result-tag" }, index.h("span", null, overlays.translate('NEWBADGESCOLLECTED', { smart_count: badges.length })), index.h("div", { class: "tags" }, index.h("yoo-img", { instant: true, src: index.getAssetPath('./assets/bubbles/left-bubbles.svg'), svgOptions: { afterLoad: (_, svgString) => overlays.updateSVGCustomColors(svgString) } }), topBadges === null || topBadges === void 0 ? void 0 :
-      topBadges.map((badge, index$1) => (index.h("div", { class: "badge-container", style: { zIndex: `${topBadges.length - index$1}` } }, index.h("yoo-tag", { size: "extra-large", icon: badge === null || badge === void 0 ? void 0 : badge.icon, customColor: badge === null || badge === void 0 ? void 0 : badge.color })))), index.h("yoo-img", { instant: true, src: index.getAssetPath('./assets/bubbles/right-bubbles.svg'), svgOptions: { afterLoad: (_, svgString) => overlays.updateSVGCustomColors(svgString) } })), index.h("span", { class: "action", onClick: () => this.onSeeAllBadges() }, overlays.translate('YOOBICSEEALL'))));
+    return !!(topBadges === null || topBadges === void 0 ? void 0 : topBadges.length) && (index.h("div", { class: "result-tag" }, index.h("span", null, index$1.translate('NEWBADGESCOLLECTED', { smart_count: badges.length })), index.h("div", { class: "tags" }, index.h("yoo-img", { instant: true, src: index.getAssetPath('./assets/bubbles/left-bubbles.svg'), svgOptions: { afterLoad: (_, svgString) => index$1.updateSVGCustomColors(svgString) } }), topBadges === null || topBadges === void 0 ? void 0 :
+      topBadges.map((badge, index$1) => (index.h("div", { class: "badge-container", style: { zIndex: `${topBadges.length - index$1}` } }, index.h("yoo-tag", { size: "extra-large", icon: badge === null || badge === void 0 ? void 0 : badge.icon, customColor: badge === null || badge === void 0 ? void 0 : badge.color })))), index.h("yoo-img", { instant: true, src: index.getAssetPath('./assets/bubbles/right-bubbles.svg'), svgOptions: { afterLoad: (_, svgString) => index$1.updateSVGCustomColors(svgString) } })), index.h("span", { class: "action", onClick: () => this.onSeeAllBadges() }, index$1.translate('YOOBICSEEALL'))));
   }
   renderLessonResult() {
     return [
       this.renderResultTitle(),
       this.renderResultContent(),
-      overlays.isQuiz(this.lessonType) && this.resultType !== 'timeout' && this.renderProgressBarLessonRecap(),
+      index$1.isQuiz(this.lessonType) && this.resultType !== 'timeout' && this.renderProgressBarLessonRecap(),
       this.earnedBadge && this.renderLessonBadge(this.earnedBadge),
       this.resultType !== 'timeout' && lodash.isNumber(this.points) && this.renderPointsRecapForLessonOrCourse(),
-      this.showAnswers && (index.h("div", { class: "answers" }, index.h("div", { class: "title" }, overlays.translate('ANSWERS')), index.h("yoo-form-dynamic", { formType: "lesson-question-result", scrollable: false, forceReadonly: true, slides: this.slides, data: this.lessonData, isAnimationFinished: this.isAnimationFinished, suffix: ".value", showTabs: false, showRecap: true })))
+      this.showAnswers && (index.h("div", { class: "answers" }, index.h("div", { class: "title" }, index$1.translate('ANSWERS')), index.h("yoo-form-dynamic", { formType: "lesson-question-result", scrollable: false, forceReadonly: true, slides: this.slides, data: this.lessonData, isAnimationFinished: this.isAnimationFinished, suffix: ".value", showTabs: false, showRecap: true })))
     ];
   }
   renderResultTitle() {
-    return index.h("h2", { class: "result-title" }, overlays.translate(this.title));
+    return index.h("h2", { class: "result-title" }, index$1.translate(this.title));
   }
   renderResultContent() {
-    return index.h("div", { class: "result-text" }, overlays.translate(this.text, { title: overlays.translateMulti(this.lessonTitle) }));
+    return index.h("div", { class: "result-text" }, index$1.translate(this.text, { title: index$1.translateMulti(this.lessonTitle) }));
   }
   renderCourseResult() {
     return [

package/dist/cjs/yoo-line-state.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-a1bbe627.js');
+const index$1 = require('./index-cb8276bc.js');
 const lineStateCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;width:1.25rem;padding:0 var(--spacing-16, 1rem)}:host .line{width:1px;background-color:var(--app-color, #5a30f4)}:host .line.top{min-height:var(--spacing-08, 0.5rem)}:host .line.bottom{height:100%}:host .icon-gap{min-height:var(--spacing-24, 1.5rem)}:host yoo-icon{position:absolute;top:var(--spacing-08, 0.5rem)}:host([state=regular]) .line.top,:host([state=finished]) .line.top{min-height:0.625rem}:host([state=regular]) .icon-gap,:host([state=finished]) .icon-gap{min-height:1.188rem}:host(.mobile) .line{width:2px}";

package/dist/cjs/yoo-links-menu.cjs.entry.js CHANGED Viewed

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const linksMenuCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .links-menu{margin:0;padding:0;font-size:100%;vertical-align:baseline;list-style:none outside none;background:none repeat scroll 0 0 transparent;border:0 none;outline:0 none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;list-style:none;cursor:pointer}:host .links-menu .links-menu-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:auto;min-height:var(--spacing-48, 3rem);padding:0 var(--spacing-16, 1rem);font-weight:var(--font-weight-400, 400);line-height:var(--font-size-36, 2.25rem);cursor:pointer}:host .links-menu .links-menu-item>div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .links-menu .links-menu-item>div yoo-badge{margin-left:var(--spacing-08, 0.5rem)}:host .links-menu .links-menu-item yoo-icon:not([name=right]){margin-right:var(--spacing-16, 1rem)}:host .links-menu .links-menu-item .end-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .links-menu .links-menu-item .end-container .subtitle-container{padding-right:var(--spacing-08, 0.5rem)}:host .links-menu .links-menu-item.active{color:var(--app-color, #5a30f4);background:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host .links-menu .links-menu-item.active yoo-icon{fill:var(--app-color, #5a30f4)}:host .links-menu .help-container{margin:0 var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .links-menu.web .links-menu-item{font-weight:unset;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}";
@@ -27,7 +27,7 @@ const YooLinksMenuComponent = class {
     if (this.clickEmitEnabled) {
       this.itemClicked.emit(item);
     }
-    if (this.profileSummary && overlays.isWeb(this.host)) {
+    if (this.profileSummary && index$1.isWeb(this.host)) {
       if (isFinite(this.previousIndex)) {
         this.linkElements[this.previousIndex].classList.remove('active');
       }
@@ -36,20 +36,20 @@ const YooLinksMenuComponent = class {
       this.itemClicked.emit(index);
     }
   }
-  renderItem(item, index$1) {
+  renderItem(item, index$2) {
     if (item.isVisible && !item.isVisible()) {
       return;
     }
     const isToggle = item.type === 'toggle';
     return ([
-      index.h("li", { class: { 'links-menu-item ': true, [item.color]: true, active: index$1 === this.previousIndex && this.profileSummary && overlays.isWeb(this.host) }, onClick: () => !isToggle && this.emitClick(item, index$1), ref: (el) => !isToggle && (this.linkElements[index$1] = el) }, index.h("div", null, item.icon && index.h("yoo-icon", { name: item.icon, color: overlays.isWeb(this.host) ? 'text-color' : 'dark' }), item.title, item.badge && index.h("yoo-badge", { color: "accent", size: "extra-small", text: overlays.translate(item.badge) })), isToggle
-        ? index.h("yoo-form-toggle", { class: item.color || 'app-color', value: item.checked, onClick: () => this.emitClick(item, index$1) })
-        : index.h("div", { class: "end-container" }, item.subtitle && index.h("div", { class: "subtitle-container", innerHTML: item.subtitle }), item.clickable !== false && (index.h("div", null, index.h("yoo-icon", { name: "right", size: overlays.isWeb(this.host) ? 'small' : 'medium', color: "stable-alt" }))))),
-      item.help && index.h("div", { class: "help-container" }, overlays.translate(item.help))
+      index.h("li", { class: { 'links-menu-item ': true, [item.color]: true, active: index$2 === this.previousIndex && this.profileSummary && index$1.isWeb(this.host) }, onClick: () => !isToggle && this.emitClick(item, index$2), ref: (el) => !isToggle && (this.linkElements[index$2] = el) }, index.h("div", null, item.icon && index.h("yoo-icon", { name: item.icon, color: index$1.isWeb(this.host) ? 'text-color' : 'dark' }), item.title, item.badge && index.h("yoo-badge", { color: "accent", size: "extra-small", text: index$1.translate(item.badge) })), isToggle
+        ? index.h("yoo-form-toggle", { class: item.color || 'app-color', value: item.checked, onClick: () => this.emitClick(item, index$2) })
+        : index.h("div", { class: "end-container" }, item.subtitle && index.h("div", { class: "subtitle-container", innerHTML: item.subtitle }), item.clickable !== false && (index.h("div", null, index.h("yoo-icon", { name: "right", size: index$1.isWeb(this.host) ? 'small' : 'medium', color: "stable-alt" }))))),
+      item.help && index.h("div", { class: "help-container" }, index$1.translate(item.help))
     ]);
   }
   render() {
-    return index.h("ul", { class: { 'links-menu': true, web: overlays.isWeb(this.host) } }, this.items.map((item, index) => this.renderItem(item, index)));
+    return index.h("ul", { class: { 'links-menu': true, web: index$1.isWeb(this.host) } }, this.items.map((item, index) => this.renderItem(item, index)));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-links-preview.cjs.entry.js CHANGED Viewed

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
+require('./common-helpers-0724ae60.js');
 require('./_commonjsHelpers-94df2ea7.js');
 const linksPreviewCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:block;}:host #preview{display:grid;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--dark, #000000);background:var(--stable-ultralight, #fafafa);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));cursor:pointer}:host #preview #image-fallback{width:100%;height:var(--card-media-height, 14.375rem);background:var(--stable-light, #f1f1f1)}:host #preview #image-fallback yoo-icon[name=image-offline]{fill:var(--stable, #adadad);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}:host #preview #image-fallback yoo-icon[name=image-offline].rtl{top:50%;right:50%;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host #preview #image{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto}:host #preview #description{display:inline-grid;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-04, 0.25rem);-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-08, 0.5rem)}:host #preview #description #title{color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem);overflow:hidden}@supports (display: -webkit-box){:host #preview #description #title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host #preview #description #link{font-weight:bold;font-size:var(--font-size-12, 0.75rem)}:host #preview #description .url{margin-top:auto;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);text-decoration:none;overflow:hidden}@supports (display: -webkit-box){:host #preview #description .url{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}}:host.multi-link-previews #preview{margin-bottom:var(--spacing-16, 1rem)}:host.big-link-previews{padding-top:var(--spacing-16, 1rem)}:host.big-link-previews #preview{-ms-flex-direction:column;flex-direction:column}:host.big-link-previews #preview #image,:host.big-link-previews #preview #image-fallback{width:auto;height:auto}:host(:not([inline])) #preview yoo-img{border-top-left-radius:var(--border-radius-04, 0.25rem);border-top-right-radius:var(--border-radius-04, 0.25rem)}:host([inline]) #preview{height:5rem;margin:auto var(--spacing-08, 0.5rem)}:host([inline]) #preview:not(.no-image){grid-template-columns:1fr 1.8fr 0.2fr;gap:var(--spacing-16, 1rem)}:host([inline]) #preview #image yoo-img{--image-height:4.5rem;max-height:4.5rem;border-radius:var(--border-radius-04, 0.25rem)}:host([inline]) #preview #description{padding:inherit}:host([inline]) #preview #description #title{overflow:unset;font-size:var(--font-size-12, 0.75rem);white-space:unset;text-overflow:unset;overflow:hidden}@supports (display: -webkit-box){:host([inline]) #preview #description #title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}";
@@ -50,7 +50,7 @@ const YooLinksPreviewComponent = class {
       links = this.retrievedLinkPreviews.filter((item) => item).map((link) => link.originalURL || link.url);
     }
     else {
-      links = overlays.replaceAndGetAllLinks(this.value, ' ').links;
+      links = index$1.replaceAndGetAllLinks(this.value, ' ').links;
     }
     if (links === null || links === void 0 ? void 0 : links.length) {
       // do not keep the links that were already marked as removed
@@ -70,7 +70,7 @@ const YooLinksPreviewComponent = class {
           if (!this.retrievedLinkPreviews[index]) {
             this.retrievedLinkPreviews[index] = { isLoading: true, url: link, title: link };
           }
-          promises.push(overlays.getAsyncExtraData({ type: 'links-preview', params: { link } }).then((ret) => {
+          promises.push(index$1.getAsyncExtraData({ type: 'links-preview', params: { link } }).then((ret) => {
             var _a;
             if (ret) {
               ret.originalURL = link;
@@ -120,10 +120,10 @@ const YooLinksPreviewComponent = class {
     }
   }
   unlockScreen() {
-    overlays.screenOrientationUnlock();
+    index$1.screenOrientationUnlock();
   }
   lockScreen() {
-    overlays.screenOrientationLock();
+    index$1.screenOrientationLock();
   }
   onRemoveLink(ev, link) {
     ev.stopPropagation();
@@ -146,7 +146,7 @@ const YooLinksPreviewComponent = class {
   }
   renderPreview(link) {
     const { url, originalURL, image, title, isLoading, target } = link;
-    const showTitleOnly = overlays.isDeeplink(url) || !overlays.isImage(image);
+    const showTitleOnly = index$1.isDeeplink(url) || !index$1.isImage(image);
     return index.h("section", { id: "preview", class: { 'no-image': showTitleOnly }, onClick: (ev) => this.onLinkPreviewClicked(ev, link) }, isLoading && index.h("yoo-loader", { class: "absolute backdrop-transparent" }), !showTitleOnly && image && this.renderImage(image), this.showDescription && this.renderLinkDescription(url || originalURL, title, showTitleOnly, target), this.closeable && this.renderCloseIcon(link));
   }
   renderPreviews() {