@yoobic/yobi 8.5.0-60 → 8.5.0-61

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -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-links-menu.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const formInputHelpers = require('./form-input-helpers-4ad38e19.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.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() {

package/dist/cjs/yoo-loader.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -30,7 +30,7 @@ const YooLoaderComponent = class {
   }
   render() {
     var _a;
-    const label = overlays.translate((_a = this.text) === null || _a === void 0 ? void 0 : _a.trim());
+    const label = index$1.translate((_a = this.text) === null || _a === void 0 ? void 0 : _a.trim());
     return (index.h(index.Host, null, !this.hideIcon && index.h("svg", { viewBox: "0 0 100 100", preserveAspectRatio: "xMidYMid" }, index.h("circle", { cx: "50", cy: "50", r: "35" })), !!label && index.h("p", null, label, "\u2026")));
   }
 };

package/dist/cjs/yoo-location-info.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -19,7 +19,7 @@ const YooLocationInfoComponent = class {
     if (!this.location.info && !this.location.contactname && !this.location.contactemail && !this.location.contactphone) {
       return;
     }
-    return (index.h("div", { class: "outer-container" }, (this.location.contactname || this.location.contactemail || this.location.contactphone) && (index.h("div", { class: "menu-content" }, index.h("span", null, overlays.translate('MAINCONTACT')), this.location.contactname && index.h("div", { class: "menu-content-contact name", innerHTML: this.location.contactname }), this.location.contactemail && (index.h("div", null, index.h("a", { href: 'mailto:' + this.location.contactemail, class: "menu-content-contact email", innerHTML: this.location.contactemail }))), this.location.contactphone && (index.h("div", null, index.h("a", { href: 'tel:' + this.location.contactphone, class: "menu-content-contact phone", innerHTML: this.location.contactphone }))))), this.location && this.location.info && index.h("div", { class: "info", innerHTML: overlays.pipes.https.transform(this.location.info) })));
+    return (index.h("div", { class: "outer-container" }, (this.location.contactname || this.location.contactemail || this.location.contactphone) && (index.h("div", { class: "menu-content" }, index.h("span", null, index$1.translate('MAINCONTACT')), this.location.contactname && index.h("div", { class: "menu-content-contact name", innerHTML: this.location.contactname }), this.location.contactemail && (index.h("div", null, index.h("a", { href: 'mailto:' + this.location.contactemail, class: "menu-content-contact email", innerHTML: this.location.contactemail }))), this.location.contactphone && (index.h("div", null, index.h("a", { href: 'tel:' + this.location.contactphone, class: "menu-content-contact phone", innerHTML: this.location.contactphone }))))), this.location && this.location.info && index.h("div", { class: "info", innerHTML: index$1.pipes.https.transform(this.location.info) })));
   }
 };
 YooLocationInfoComponent.style = locationInfoCss;

package/dist/cjs/yoo-location-map.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const mapHelpers = require('./map-helpers-54d0eecb.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const mapHelpers = require('./map-helpers-6a25a362.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -51,7 +51,7 @@ const YooLocationMapComponent = class {
   }
   onGetDirections(ev) {
     if (this.location && this.location._geoloc && this.location._geoloc.length > 1) {
-      mapHelpers.showDirectionsActionSheet(this.location._geoloc[1], this.location._geoloc[0], this.location.title, this.location.address, overlays.isWeb(this.host) ? this.buttonDirection : null, overlays.isWeb(this.host) ? ev : null).then((action) => {
+      mapHelpers.showDirectionsActionSheet(this.location._geoloc[1], this.location._geoloc[0], this.location.title, this.location.address, index$1.isWeb(this.host) ? this.buttonDirection : null, index$1.isWeb(this.host) ? ev : null).then((action) => {
         switch (action) {
           case 'googlemaps':
             this.useGoogleMaps.emit(this.location);
@@ -85,7 +85,7 @@ const YooLocationMapComponent = class {
     mapModal.addEventListener('useGoogleMaps', googleListener);
     mapModal.addEventListener('useCityMapper', cityListener);
     mapModal.addEventListener('useCopyAddress', copyListener);
-    overlays.showModal(mapModal, null, null, null, null, true).then(() => {
+    index$1.showModal(mapModal, null, null, null, null, true).then(() => {
       if (mapModal) {
         mapModal.removeEventListener('useAppleMaps', appleListener);
         mapModal.removeEventListener('useGoogleMaps', googleListener);
@@ -100,7 +100,7 @@ const YooLocationMapComponent = class {
     return index.h("div", { class: "text-line" }, addressLine);
   }
   render() {
-    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "content", onClick: () => this.onOpenFullscreenMap() }, index.h("div", { class: "text-line top" }, overlays.translate('YOOBICMAP')), index.h("div", { class: "title" }, overlays.translate('ADDRESS'), this.address.map((addressLine) => this.renderAddress(addressLine)))), index.h("div", { class: "background-image" }, index.h("yoo-map", { showControls: false, position: this.position, markers: this.marker })), index.h("div", { class: "footer" }, index.h("yoo-button", { ref: (el) => this.buttonDirection = el, color: "app-color", fill: "transparent", animated: false, onClick: (ev) => this.onGetDirections(ev) }, overlays.translate('GETDIRECTIONS')))));
+    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "content", onClick: () => this.onOpenFullscreenMap() }, index.h("div", { class: "text-line top" }, index$1.translate('YOOBICMAP')), index.h("div", { class: "title" }, index$1.translate('ADDRESS'), this.address.map((addressLine) => this.renderAddress(addressLine)))), index.h("div", { class: "background-image" }, index.h("yoo-map", { showControls: false, position: this.position, markers: this.marker })), index.h("div", { class: "footer" }, index.h("yoo-button", { ref: (el) => this.buttonDirection = el, color: "app-color", fill: "transparent", animated: false, onClick: (ev) => this.onGetDirections(ev) }, index$1.translate('GETDIRECTIONS')))));
   }
   get host() { return index.getElement(this); }
 };