@yoobic/yobi 8.5.0-60 → 8.5.0-62

package/dist/cjs/yoo-card-course-row.cjs.entry.js

@@ -3,13 +3,13 @@
 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 localForage = require('./localForage-d0842cbe.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const localForage = require('./localForage-e47d3702.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 
 const cardCourseRowCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host yoo-truncate{--max-lines:2}:host p{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0}:host yoo-img{-ms-flex-negative:0;flex-shrink:0;width:6.625rem;height:5rem;border-radius:var(--spacing-04, 0.25rem)}:host yoo-tag[no-background]{--padding:0;font-size:var(--font-size-16, 1rem)}:host yoo-tag[no-background]:not(:last-child){-ms-flex-negative:0;flex-shrink:0}:host .ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;padding:var(--spacing-08, 0.5rem) 0;background:var(--light-10, rgba(255, 255, 255, 0.1))}:host .outer-container.web{-ms-flex-align:initial;align-items:initial}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:stretch;align-self:stretch;-ms-flex-pack:center;justify-content:center;width:100%;min-width:0;margin:0 0 0 0.75rem;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container.web-content-container{margin:0 0 0 1.2rem;padding-bottom:0;border-bottom:none}:host .outer-container .content-container.web-content-container .info-text{font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container.web-content-container .time{color:var(--app-color, #5a30f4)}:host .outer-container .content-container.web-content-container .description-row{--line-height:1;display:block;margin-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-16, 1rem) !important}:host .outer-container .content-container.web-content-container yoo-progress-bar{max-width:210px;margin-top:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .outer-container .content-container .inner-container .progress-calendar-container{display:-ms-flexbox;display:flex}:host .outer-container .content-container .inner-container .progress-calendar-container .lesson-count{margin:var(--spacing-04, 0.25rem) 0 0 var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container .end-date-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .inner-container .end-date-container .end-date{margin-left:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .inner-container .rating-container{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:end;align-items:flex-end;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .inner-container .rating-container .rating-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color, #5a30f4)}:host .outer-container .content-container .inner-container .rating-container .rating-content yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container .content-container .inner-container .info-row{display:grid;grid-template-columns:minmax(0, 1fr) auto;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .content-container .inner-container .info-row .left-part{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host .outer-container .content-container .inner-container .info-row .left-part .type-tag{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row .left-part .info{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .content-container .inner-container .info-row .left-part .info yoo-tag{padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row.web{gap:var(--spacing-16, 1rem)}:host .outer-container .content-container .inner-container .info-row.web div>yoo-icon{margin-right:var(--spacing-24, 1.5rem)}:host .outer-container .content-container .inner-container .info-row:not(.web){gap:var(--spacing-08, 0.5rem)}:host .outer-container .content-container .inner-container .info-row div{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .content-container .inner-container .info-row yoo-tag{margin-right:var(--spacing-08, 0.5rem);overflow:hidden}:host .outer-container .content-container .inner-container .info-row yoo-icon.enabled{color:var(--app-color, #5a30f4)}:host .outer-container .content-container .inner-container .info-row yoo-icon.disabled{color:var(--stable, #adadad)}:host .outer-container .content-container .inner-container .title-row{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:normal}:host .outer-container .content-container .inner-container .description-row{min-height:1.5rem;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .inner-container .course-points-date{display:-ms-flexbox;display:flex;margin:5px 0}:host .outer-container .content-container .inner-container .course-points-date .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container .inner-container .course-points-date .date .date-label{color:var(--dark, #000000)}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) yoo-img{width:8rem;height:6rem}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) yoo-truncate{--max-lines:1}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container{height:auto}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container{max-height:12rem}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container .inner-container{margin-top:0}:host(.web:not(.autocomplete-selection-mode):not(.selected-content):not(.calendar)) .outer-container .content-container .inner-container .title-row{--line-height:1.6;font-size:var(--font-size-20, 1.25rem)}:host(.web.grid-cell:not(.autocomplete-selection-mode):not(.selected-content)) .outer-container .content-container{width:100%}:host(.selection-mode) .outer-container .content-container{padding-right:var(--spacing-24, 1.5rem)}:host(.autocomplete-selection-mode) .web-content-container .inner-container .title-row{font-size:var(--font-size-14, 0.875rem)}:host(.selected-content) yoo-img{width:2rem;height:1.5rem;padding-right:var(--spacing-08, 0.5rem)}:host(.selected-content) .outer-container{-ms-flex-align:initial;align-items:initial;height:1.5rem;padding:0;border-bottom:none}:host(.selected-content) .outer-container .content-container{width:100%;margin:0;padding-bottom:0}:host(.selected-content) .outer-container .content-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.selected-content) .outer-container .content-container .inner-container .title-row{font-weight:normal}:host(.selected-content) .outer-container .web-content-container .inner-container .title-row{font-size:var(--font-size-14, 0.875rem)}:host(.mobile.courses) .outer-container{padding-top:var(--spacing-24, 1.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--border-color)}:host(.mobile.courses) .outer-container .content-container{width:100%}:host(.mobile.courses) .outer-container .content-container yoo-progress-bar{margin-right:var(--spacing-08, 0.5rem)}:host(.web.calendar) .content-container .title-row{font-size:var(--spacing-16, 1rem)}:host(.mobile.calendar) .outer-container{-ms-flex-align:initial;align-items:initial}:host(.mobile.calendar) .outer-container yoo-progress-bar{max-width:8rem}:host(.mobile.calendar) .outer-container .lesson-count{margin:0 0 0 var(--spacing-04, 0.25rem) !important}:host(.mobile.calendar.framed) yoo-img{width:4rem;height:3rem}:host(.mobile.calendar.framed) .outer-container{border-bottom:unset !important}:host(.no-border-bottom.mobile) .outer-container{-ms-flex-align:initial;align-items:initial;border-bottom:none}:host(.no-border-bottom.mobile) .outer-container .content-container{padding-bottom:0}:host(.rtl) .outer-container .content-container{margin:0 0.75rem 0 0}";
 
@@ -29,13 +29,13 @@ const YooCardCourseRowComponent = class {
     this.isFinished = this.calcIsFinished();
     this.hasRating = this.calcHasRating();
     const backgroundImage = lodash.get(this.actualPlan, 'background._downloadURL', lodash.get(this.actualPlan, 'background', lodash.get(this.actualPlan, 'imageData', null)));
-    this.backgroundImage = overlays.isOffline() ? await localForage.getFromOfflineStorage(backgroundImage) : backgroundImage;
+    this.backgroundImage = index$1.isOffline() ? await localForage.getFromOfflineStorage(backgroundImage) : backgroundImage;
     this.initPlanDates();
   }
   initPlanDates() {
     const creationDate = this.entry['assignmentDate'];
-    const startDate = overlays.getPlanStartDate(this.actualPlan, creationDate);
-    const dueDate = overlays.getPlanDueDate(this.actualPlan, creationDate);
+    const startDate = index$1.getPlanStartDate(this.actualPlan, creationDate);
+    const dueDate = index$1.getPlanDueDate(this.actualPlan, creationDate);
     const calendarEndDate = lodash.get(this.actualPlan, 'endDate', null);
     this.dueDateAfterToday = calendarEndDate ? this.isDateAfterToday(calendarEndDate) : this.isDateAfterToday(dueDate);
     if (dueDate || calendarEndDate) {
@@ -58,15 +58,15 @@ const YooCardCourseRowComponent = class {
   }
   // DD/MM/YYYY at HH:mm
   getScheduledAtFormattedDate(date) {
-    const formattedDate = overlays.dateFormat(date, 'DD/MM/YYYY HH:mm').split(' ');
-    return `${overlays.translate('SCHEDULEDAT', { date: formattedDate[0], time: formattedDate[1] })}`;
+    const formattedDate = index$1.dateFormat(date, 'DD/MM/YYYY HH:mm').split(' ');
+    return `${index$1.translate('SCHEDULEDAT', { date: formattedDate[0], time: formattedDate[1] })}`;
   }
   getTimeAgoFormattedDate(date) {
-    return overlays.pipes.timeAgo.transform(date);
+    return index$1.pipes.timeAgo.transform(date);
   }
   calcIsFinished() {
-    const totalCount = overlays.getPlanTotalItemsCount(this.actualPlan);
-    const finishedCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const totalCount = index$1.getPlanTotalItemsCount(this.actualPlan);
+    const finishedCount = index$1.getCourseFinishedItemsCount(this.entry);
     return totalCount > 0 && finishedCount > 0 && totalCount === finishedCount;
   }
   calcHasRating() {
@@ -78,7 +78,7 @@ const YooCardCourseRowComponent = class {
   }
   isDateAfterToday(date) {
     const now = new Date();
-    return overlays.isDateAfter(date, now);
+    return index$1.isDateAfter(date, now);
   }
   renderCardImage() {
     return (index.h("yoo-img", { type: this.isLocked ? 'background' : 'default', disabled: this.isLocked, instant: this.entry.isGridCell, src: this.backgroundImage }, this.isLocked && index.h("yoo-tag", { icon: "lock", iconOnlyColor: "light", color: "stable", size: "small" })));
@@ -99,13 +99,13 @@ const YooCardCourseRowComponent = class {
     }
   }
   renderCourseContent() {
-    return overlays.isWeb(this.host) ? this.renderCourseContentWeb() : this.renderCourseContentMobile();
+    return index$1.isWeb(this.host) ? this.renderCourseContentWeb() : this.renderCourseContentMobile();
   }
   renderProgress() {
     if (this.forceHideProgressBar) {
       return;
     }
-    const progress = overlays.getCourseProgress(this.entry);
+    const progress = index$1.getCourseProgress(this.entry);
     return (!!progress && progress < 100 || this.forceShowProgressBar) && index.h("yoo-progress-bar", { value: progress, colorsRepartition: {
         colors: ['var(--danger)', 'var(--warning)', 'var(--success)'],
         thresholds: [.39, .79, 1]
@@ -113,10 +113,10 @@ const YooCardCourseRowComponent = class {
   }
   renderItemsCountTag() {
     const key = `SMARTCOUNT${this.entry.type === 'learningpath' ? 'COURSES' : 'LESSONS'}`;
-    const finishedItemsCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const finishedItemsCount = index$1.getCourseFinishedItemsCount(this.entry);
     const finishedItemsText = !this.isFinished && finishedItemsCount > 0 ? finishedItemsCount + '/' : '';
-    const total = overlays.getPlanTotalItemsCount(this.actualPlan);
-    return total > 0 ? (index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", name: "lesson", color: "stable", size: "small" }), overlays.translateMulti(key, { numerator: finishedItemsText, smart_count: total }))) : null;
+    const total = index$1.getPlanTotalItemsCount(this.actualPlan);
+    return total > 0 ? (index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", name: "lesson", color: "stable", size: "small" }), index$1.translateMulti(key, { numerator: finishedItemsText, smart_count: total }))) : null;
   }
   renderPoints() {
     var _a, _b, _c;
@@ -124,21 +124,21 @@ const YooCardCourseRowComponent = class {
       return;
     }
     let points = (_c = (_b = this.actualPlan) === null || _b === void 0 ? void 0 : _b.availablePoints) === null || _c === void 0 ? void 0 : _c.toString();
-    const finishedItemsCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const finishedItemsCount = index$1.getCourseFinishedItemsCount(this.entry);
     if (finishedItemsCount > 0) {
       points = `${Math.round(lodash.get(this.entry, 'earnedPoints', 0))}/${this.actualPlan.availablePoints}`;
     }
     return (index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { slot: "start", name: "star", color: "app-color", size: "small" }), points));
   }
   renderRating() {
-    if (this.isFinished && overlays.isPlanRatingEnabled(this.actualPlan) && !this.hasRating) {
-      return (index.h("div", { class: "rating-container" }, index.h("div", { class: "rating-content", onClick: (ev) => this.onRatingClicked(ev) }, index.h("yoo-icon", { size: "small", name: "right-circle", color: "app-color" }), index.h("span", null, overlays.translate('RATEYOURCOURSE')))));
+    if (this.isFinished && index$1.isPlanRatingEnabled(this.actualPlan) && !this.hasRating) {
+      return (index.h("div", { class: "rating-container" }, index.h("div", { class: "rating-content", onClick: (ev) => this.onRatingClicked(ev) }, index.h("yoo-icon", { size: "small", name: "right-circle", color: "app-color" }), index.h("span", null, index$1.translate('RATEYOURCOURSE')))));
     }
   }
   onRatingClicked(ev) {
     var _a;
     ev.stopPropagation();
-    overlays.showRatingDialog((_a = this.entry) === null || _a === void 0 ? void 0 : _a._id);
+    index$1.showRatingDialog((_a = this.entry) === null || _a === void 0 ? void 0 : _a._id);
   }
   renderCalendarProgress() {
     const ongoing = lodash.get(this.actualPlan, 'ongoingLessons', 0);
@@ -152,19 +152,19 @@ const YooCardCourseRowComponent = class {
   }
   renderCourseContentMobile() {
     var _a;
-    return (index.h("div", { class: "content-container" }, index.h("div", { class: "inner-container" }, !this.isSelectedContent() && (index.h("div", { class: "info-row" }, index.h("div", { class: "left-part" }, index.h("div", { class: "type-tag" }, this.renderTag({ color: 'app-color', icon: 'courses', content: 'COURSE' }), this.isFinished && !this.forceHideProgressTags && this.renderTag({ color: 'success', icon: 'tick', content: 'YOOBICCOMPLETED' }), !this.isFinished && !this.forceHideProgressTags && overlays.getCourseFinishedItemsCount(this.entry) > 0 && this.renderTag({ color: 'info', icon: 'ongoing', content: 'ONGOING' })), index.h("div", { class: "info" }, this.renderPoints(), !this.host.classList.contains('selected-content') && this.renderItemsCountTag())), index.h("div", null, !this.hideLessonsCount && this.renderBookmarkIcon(), this.renderSyncedOffline()))), !this.isSelectedContent() && !this.isFinished && this.dateToDisplay && this.renderDate(), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncate", { class: "title-row" }, overlays.translateMulti(this.actualPlan.title)), this.renderCalendarProgress(), this.renderProgress(), this.renderRating())));
+    return (index.h("div", { class: "content-container" }, index.h("div", { class: "inner-container" }, !this.isSelectedContent() && (index.h("div", { class: "info-row" }, index.h("div", { class: "left-part" }, index.h("div", { class: "type-tag" }, this.renderTag({ color: 'app-color', icon: 'courses', content: 'COURSE' }), this.isFinished && !this.forceHideProgressTags && this.renderTag({ color: 'success', icon: 'tick', content: 'YOOBICCOMPLETED' }), !this.isFinished && !this.forceHideProgressTags && index$1.getCourseFinishedItemsCount(this.entry) > 0 && this.renderTag({ color: 'info', icon: 'ongoing', content: 'ONGOING' })), index.h("div", { class: "info" }, this.renderPoints(), !this.host.classList.contains('selected-content') && this.renderItemsCountTag())), index.h("div", null, !this.hideLessonsCount && this.renderBookmarkIcon(), this.renderSyncedOffline()))), !this.isSelectedContent() && !this.isFinished && this.dateToDisplay && this.renderDate(), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncate", { class: "title-row" }, index$1.translateMulti(this.actualPlan.title)), this.renderCalendarProgress(), this.renderProgress(), this.renderRating())));
   }
   renderTag(tagParams) {
     const { color, icon, content } = tagParams;
     const iconElement = `<yoo-icon slot="start" name="${icon}" color="${color}" size="small"></yoo-icon>`;
-    return (index.h("yoo-tag", { color: color, class: "inverse-color", innerHTML: `${iconElement} ${overlays.translate(content)}` }));
+    return (index.h("yoo-tag", { color: color, class: "inverse-color", innerHTML: `${iconElement} ${index$1.translate(content)}` }));
   }
   renderCourseContentWeb() {
     var _a;
-    return (index.h("div", { class: "content-container web-content-container" }, index.h("div", { class: "inner-container" }, !this.isSelectedContent() && (index.h("div", { class: "info-row web" }, index.h("div", { class: "left-part" }, index.h("div", { class: "type-tag" }, this.renderTag(overlays.getPlanTypeTagProps({ type: this.actualPlan.type }))), index.h("div", { class: "info" }, this.renderPoints(), !this.host.classList.contains('selected-content') && this.renderItemsCountTag(), !this.isFinished && this.dateToDisplay && this.renderDate(), this.actualPlan.isActive === false && (index.h("yoo-tag", { size: "small", color: "stable-light" }, overlays.translate('INACTIVE'))), this.isFinished && !this.forceHideProgressTags && this.renderTag({ color: 'success', icon: 'tick', content: 'YOOBICCOMPLETED' }), !this.isFinished && !this.forceHideProgressTags && overlays.getCourseFinishedItemsCount(this.entry) > 0 && this.renderTag({ color: 'info', icon: 'ongoing', content: 'ONGOING' }))), index.h("div", null, !this.hideLessonsCount && this.renderBookmarkIcon(), this.renderSyncedOffline()))), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncate", { class: "title-row" }, overlays.translateMulti(this.actualPlan.title)), this.renderCalendarProgress(), this.renderProgress(), this.renderRating())));
+    return (index.h("div", { class: "content-container web-content-container" }, index.h("div", { class: "inner-container" }, !this.isSelectedContent() && (index.h("div", { class: "info-row web" }, index.h("div", { class: "left-part" }, index.h("div", { class: "type-tag" }, this.renderTag(index$1.getPlanTypeTagProps({ type: this.actualPlan.type }))), index.h("div", { class: "info" }, this.renderPoints(), !this.host.classList.contains('selected-content') && this.renderItemsCountTag(), !this.isFinished && this.dateToDisplay && this.renderDate(), this.actualPlan.isActive === false && (index.h("yoo-tag", { size: "small", color: "stable-light" }, index$1.translate('INACTIVE'))), this.isFinished && !this.forceHideProgressTags && this.renderTag({ color: 'success', icon: 'tick', content: 'YOOBICCOMPLETED' }), !this.isFinished && !this.forceHideProgressTags && index$1.getCourseFinishedItemsCount(this.entry) > 0 && this.renderTag({ color: 'info', icon: 'ongoing', content: 'ONGOING' }))), index.h("div", null, !this.hideLessonsCount && this.renderBookmarkIcon(), this.renderSyncedOffline()))), ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title) && index.h("yoo-truncate", { class: "title-row" }, index$1.translateMulti(this.actualPlan.title)), this.renderCalendarProgress(), this.renderProgress(), this.renderRating())));
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host), onClick: (ev) => this.isLocked && ev.stopPropagation() }, this.entry && index.h("div", { class: { 'outer-container': true, web: overlays.isWeb(this.host) } }, [this.renderCardImage(), this.renderCourseContent()])));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host), onClick: (ev) => this.isLocked && ev.stopPropagation() }, this.entry && index.h("div", { class: { 'outer-container': true, web: index$1.isWeb(this.host) } }, [this.renderCardImage(), this.renderCourseContent()])));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-card-course.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-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const cardCourseCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host yoo-tag[no-background]{--padding:0;font-size:var(--font-size-16, 1rem)}:host yoo-tag[no-background]:not(:last-child){-ms-flex-negative:0;flex-shrink:0}:host .outer-container{margin-right:0.325rem;margin-bottom:var(--spacing-16, 1rem);margin-left:0.325rem;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-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))}:host .outer-container .image-container{position:relative;height:16.875rem;margin-top:var(--spacing-08, 0.5rem);margin-bottom:0.8rem}:host .outer-container .image-container .image{--border-radius:var(--border-radius-04, 0.25rem) var(--border-radius-04, 0.25rem) 0 0;width:100%;height:100%}:host .outer-container .image-container .image yoo-items{position:absolute;top:var(--spacing-16, 1rem);right:var(--spacing-16, 1rem)}:host .outer-container .content-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container .course-title{padding-top:var(--spacing-04, 0.25rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .content-container .course-description{position:relative;margin:var(--spacing-04, 0.25rem) 0;overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);line-height:normal;white-space:normal}:host .outer-container .content-container .course-points{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .content-container .course-info{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-04, 0.25rem) 0;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .content-container.profile-summary .course-title,:host .outer-container .content-container.profile-summary .course-info{-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--font-size-16, 1rem)}:host .outer-container .content-container.profile-summary .course-title{margin:0;padding-top:var(--spacing-02, 0.125rem);text-align:left}:host .outer-container.summary yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .outer-container.small{position:relative;height:100%;margin:0;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.small yoo-progress-bar{--progress-value-color:var(--light, #ffffff);--progress-value-font-size:var(--font-size-12, 0.75rem);--trail-bar-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host .outer-container.small yoo-tag{font-size:var(--font-size-12, 0.75rem)}:host .outer-container.small .content-container{position:absolute;bottom:0;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem)}:host .outer-container.small .course-description{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container.small .course-info{padding:0}:host .outer-container.small .course-points{-ms-flex-order:-1;order:-1;margin:0}:host .outer-container.small .course-title{overflow:hidden;padding:0;color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem)}@supports (display: -webkit-box){:host .outer-container.small .course-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .outer-container.small .image{--border-radius:var(--border-radius-08, 0.5rem);position:relative}:host .outer-container.small .image:after{position:absolute;width:100%;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(69%, rgba(0, 0, 0, 0.49)), to(rgba(0, 0, 0, 0.7)));background:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)), rgba(0, 0, 0, 0.49) 69%, rgba(0, 0, 0, 0.7));border-radius:var(--border-radius-08, 0.5rem);content:\"\"}:host .outer-container.small .image yoo-items{top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .outer-container.small .image-container{height:100%;margin:0}:host .outer-container.medium{margin:0;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.medium .image-container{height:11.25rem;margin:0}:host .outer-container.large .image-container{height:16.875rem}:host(.offline) .outer-container{opacity:0.7}:host(.offline)::before,:host(.offline)::after{position:absolute;top:0;right:0;border-color:transparent;border-style:solid;content:\"\"}:host(.offline)::after{border-width:0.5em;border-top-color:var(--energized, #ffc043);border-right-color:var(--energized, #ffc043)}:host(.small) .outer-container{display:-ms-flexbox;display:flex;margin:0;padding-bottom:0}:host(.small) .outer-container .image-container{-ms-flex-negative:0;flex-shrink:0;width:8.125rem;height:5.5625rem;margin:0;padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-04, 0.25rem)}:host(.small) .outer-container .image-container .image{--border-radius:var(--border-radius-04, 0.25rem)}:host(.small) .outer-container .content-container{margin:0}:host(.small) .outer-container .content-container yoo-progress-bar{display:none}:host(.small) .outer-container .content-container .course-title{font-weight:var(--font-weight-700, 700)}:host(.no-lessons) .lessons{display:none}";
@@ -36,35 +36,35 @@ const YooCardCourseComponent = class {
     const isLocked = this.entry.isLocked;
     const isSavedOffline = this.entry.isSavedOffline;
     const isSelfAssigned = this.entry.isSelfAssigned;
-    const isFinished = overlays.getCourseProgress(this.entry) === 100;
-    const isOngoing = !isFinished && overlays.getCourseProgress(this.entry) > 0;
+    const isFinished = index$1.getCourseProgress(this.entry) === 100;
+    const isOngoing = !isFinished && index$1.getCourseProgress(this.entry) > 0;
     const hasIcons = isLocked || isSavedOffline || isSelfAssigned || isFinished || isOngoing;
     const iconSize = this.cardSize === 'small' ? 'small' : 'medium';
     return (backgroundImage && (index.h("yoo-img", { type: hasIcons ? 'background' : 'default', disabled: isLocked, class: "image", instant: this.entry.isGridCell, src: backgroundImage }, hasIcons && (index.h("yoo-items", null, isLocked && index.h("yoo-icon", { color: "light", name: "lock", size: iconSize }), isSavedOffline && index.h("yoo-icon", { name: "downloaded", size: iconSize }), isFinished && index.h("yoo-icon", { color: "success", name: "tick", size: iconSize }), isOngoing && index.h("yoo-icon", { color: "info", name: "ongoing", size: iconSize }), isSelfAssigned && !isFinished && !isOngoing && index.h("yoo-icon", { color: "app-color", name: "bookmark", size: iconSize }))))));
   }
   renderProgressBar() {
-    return index.h("yoo-progress-bar", { class: { 'app-color': !this.profileSummary }, value: overlays.getCourseProgress(this.entry) });
+    return index.h("yoo-progress-bar", { class: { 'app-color': !this.profileSummary }, value: index$1.getCourseProgress(this.entry) });
   }
   renderCourseTitle(plan) {
-    return [index.h("div", { class: "course-title" }, overlays.translateMulti(plan.title)), plan.description && index.h("div", { class: "course-description" }, overlays.translateMulti(plan.description))];
+    return [index.h("div", { class: "course-title" }, index$1.translateMulti(plan.title)), plan.description && index.h("div", { class: "course-description" }, index$1.translateMulti(plan.description))];
   }
   renderCourseLessonAndPointInfo(dueDate) {
     var _a, _b, _c, _d, _e, _f;
-    const isFinished = overlays.getCourseProgress(this.entry) === 100;
+    const isFinished = index$1.getCourseProgress(this.entry) === 100;
     const key = `SMARTCOUNT${this.entry.type === 'learningpath' ? 'COURSES' : 'LESSONS'}`;
-    const finishedItemsCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const finishedItemsCount = index$1.getCourseFinishedItemsCount(this.entry);
     const finishedItemsText = !isFinished && finishedItemsCount > 0 ? finishedItemsCount + '/' : '';
-    const total = overlays.getPlanTotalItemsCount((_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan);
+    const total = index$1.getPlanTotalItemsCount((_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan);
     let points = (_d = (_c = (_b = this.entry) === null || _b === void 0 ? void 0 : _b.plan) === null || _c === void 0 ? void 0 : _c.availablePoints) === null || _d === void 0 ? void 0 : _d.toString();
     if (finishedItemsCount > 0) {
       points = `${Math.round(lodash.get(this.entry, 'earnedPoints', 0))}/${(_f = (_e = this.entry) === null || _e === void 0 ? void 0 : _e.plan) === null || _f === void 0 ? void 0 : _f.availablePoints}`;
     }
-    return (index.h("div", { class: "course-info" }, this.profileSummary && (index.h("div", { class: "points" }, index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { color: "app-color", name: "star", size: this.iconSize, slot: "start" }), points))), index.h("div", { class: "lessons" }, index.h("yoo-tag", { color: this.profileSummary ? 'dark' : 'stable', noBackground: true, size: "small" }, index.h("yoo-icon", { color: "stable", name: "lesson", size: this.iconSize, slot: "start" }), overlays.translateMulti(key, { numerator: finishedItemsText, smart_count: total }))), !isFinished && dueDate && !this.profileSummary && (index.h("div", { class: "date" }, index.h("yoo-tag", { color: "danger", noBackground: true, size: "small" }, index.h("yoo-icon", { color: "danger", name: "alarm", size: this.iconSize, slot: "start" }), dueDate.toLocaleDateString())))));
+    return (index.h("div", { class: "course-info" }, this.profileSummary && (index.h("div", { class: "points" }, index.h("yoo-tag", { color: "dark", noBackground: true, size: "small" }, index.h("yoo-icon", { color: "app-color", name: "star", size: this.iconSize, slot: "start" }), points))), index.h("div", { class: "lessons" }, index.h("yoo-tag", { color: this.profileSummary ? 'dark' : 'stable', noBackground: true, size: "small" }, index.h("yoo-icon", { color: "stable", name: "lesson", size: this.iconSize, slot: "start" }), index$1.translateMulti(key, { numerator: finishedItemsText, smart_count: total }))), !isFinished && dueDate && !this.profileSummary && (index.h("div", { class: "date" }, index.h("yoo-tag", { color: "danger", noBackground: true, size: "small" }, index.h("yoo-icon", { color: "danger", name: "alarm", size: this.iconSize, slot: "start" }), dueDate.toLocaleDateString())))));
   }
   renderEarnedCoursePoints() {
     var _a, _b, _c, _d, _e;
     let points = (_c = (_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan) === null || _b === void 0 ? void 0 : _b.availablePoints) === null || _c === void 0 ? void 0 : _c.toString();
-    const finishedItemsCount = overlays.getCourseFinishedItemsCount(this.entry);
+    const finishedItemsCount = index$1.getCourseFinishedItemsCount(this.entry);
     if (finishedItemsCount > 0) {
       points = `${Math.round(lodash.get(this.entry, 'earnedPoints', 0))}/${(_e = (_d = this.entry) === null || _d === void 0 ? void 0 : _d.plan) === null || _e === void 0 ? void 0 : _e.availablePoints}`;
     }
@@ -80,7 +80,7 @@ const YooCardCourseComponent = class {
   }
   renderCourseContainer() {
     const plan = this.entry.plan;
-    const dueDate = overlays.getPlanDueDate(plan, this.entry.assignmentDate);
+    const dueDate = index$1.getPlanDueDate(plan, this.entry.assignmentDate);
     let lessonsCount = lodash.get(plan, 'missiondescriptionsRef', []).length;
     if (lessonsCount === 0) {
       lessonsCount = lodash.get(plan, 'lessonsCount', 0);

package/dist/cjs/yoo-card-feed-row.cjs.entry.js

@@ -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 cardFeedRowCss = "svg:not(:root){overflow:hidden}:host{display:grid;grid-template-columns:minmax(0, 1fr) 4rem;gap:var(--spacing-16, 1rem)}:host yoo-img{height:4rem}:host .details{display:-ms-flexbox;display:flex;gap:var(--spacing-04, 0.25rem);-ms-flex-align:center;align-items:center;overflow:hidden}:host .indicators{display:-ms-flexbox;display:flex;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .information{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-02, 0.125rem)}:host .information>yoo-truncate{--max-lines:2}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}";
@@ -31,7 +31,7 @@ const YooCardFeedRowComponent = class {
     const image = this.image || {};
     const hasDate = this.validated && !!this.date;
     const hasUser = !!this.user;
-    return (index.h(index.Host, null, index.h("div", { class: "information" }, index.h("yoo-truncate", { innerHTML: overlays.translateMulti(this.heading) }), index.h("div", { class: "indicators" }, (hasDate || hasUser) && (index.h("div", { class: "details" }, hasUser && index.h("yoo-avatar", { size: "extra-small", user: this.user }), hasUser && index.h("span", { class: "truncated" }, overlays.getUserDisplayName(this.user)), hasDate && hasUser && ' • ', hasDate && index.h("span", null, overlays.fromNow(this.date, true)))), this.validated && this.featured && index.h("yoo-icon", { color: "app-color", name: "fixed", size: "small" }), this.validated && !!this.hasReadReceipts && index.h("yoo-icon", { color: "text-color", name: "read", size: "small" }), !this.validated && index.h("yoo-tag", { color: "text-color-10" }, overlays.translate('PENDINGVALIDATION')))), index.h("yoo-img", { fallbackIcon: { color: 'text-color', name: 'news', size: 'medium' }, instant: image.instant, src: image.src })));
+    return (index.h(index.Host, null, index.h("div", { class: "information" }, index.h("yoo-truncate", { innerHTML: index$1.translateMulti(this.heading) }), index.h("div", { class: "indicators" }, (hasDate || hasUser) && (index.h("div", { class: "details" }, hasUser && index.h("yoo-avatar", { size: "extra-small", user: this.user }), hasUser && index.h("span", { class: "truncated" }, index$1.getUserDisplayName(this.user)), hasDate && hasUser && ' • ', hasDate && index.h("span", null, index$1.fromNow(this.date, true)))), this.validated && this.featured && index.h("yoo-icon", { color: "app-color", name: "fixed", size: "small" }), this.validated && !!this.hasReadReceipts && index.h("yoo-icon", { color: "text-color", name: "read", size: "small" }), !this.validated && index.h("yoo-tag", { color: "text-color-10" }, index$1.translate('PENDINGVALIDATION')))), index.h("yoo-img", { fallbackIcon: { color: 'text-color', name: 'news', size: 'medium' }, instant: image.instant, src: image.src })));
   }
 };
 YooCardFeedRowComponent.style = cardFeedRowCss;