@yoobic/yobi 8.2.13-0 → 8.2.13-1

package/dist/cjs/yoo-form-dynamic.cjs.entry.js

@@ -3289,6 +3289,7 @@ const YooFormDynamicComponent = class {
         extraAttrs = {
           min: field.min,
           max: field.max,
+          allowDecimals: field.allowDecimals,
           maxCharacters: field.maxCharacters,
           type: field.type === index.FormFieldType.number && index$1.isSamsung() ? index.FormFieldType.text : getInputType(field),
           inputmode: field.type === index.FormFieldType.number && index$1.isSamsung() ? 'numeric' : '',

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

@@ -219,7 +219,7 @@ const YooLessonQuestionResultComponent = class {
     }
     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;
+        var _a, _b, _c, _d, _e, _f, _g;
         return ({
           name: `${index$1.translate('QUESTION')} ${i + 1}`,
           description: index$1.translateMulti(field.sentence || field.description || field.title),
@@ -231,11 +231,12 @@ const YooLessonQuestionResultComponent = class {
               ? ((_d = this.lessonData[field.name]) === null || _d === void 0 ? void 0 : _d.earnedConfidencePoints) + ((_e = this.lessonData[field.name]) === null || _e === void 0 ? void 0 : _e.earnedQuestionPoints)
               : ((_f = this.lessonData[field.name]) === null || _f === void 0 ? void 0 : _f.fieldValidity)
                 ? Math.round(this.points)
-                : 0
+                : 0,
+          isCorrect: (_g = this.lessonData[field.name]) === null || _g === void 0 ? void 0 : _g.fieldValidity
         });
       });
     }
-    return index.h("yoo-points-recap", { heading: index$1.translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints), items: items, showItemIcon: showItemIcon });
+    return index.h("yoo-points-recap", { heading: index$1.translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints), items: items, showItemIcon: showItemIcon, forceTotalPoints: true });
   }
   renderProgressBarLessonRecap() {
     var _a;

package/dist/cjs/yoo-points-recap.cjs.entry.js

@@ -10,6 +10,7 @@ const YooPointsRecap = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.showItemIcon = true;
+    this.forceTotalPoints = false;
   }
   onItemsUpdated() {
     this.updatePoints();
@@ -35,8 +36,8 @@ const YooPointsRecap = class {
       return 'success';
     }
   }
-  getItemIconAttr(points) {
-    if (points <= 0) {
+  getItemIconAttr(isCorrect) {
+    if (!isCorrect) {
       return { name: 'close', color: 'danger' };
     }
     else {
@@ -46,7 +47,7 @@ const YooPointsRecap = class {
   renderTitle(title) {
     var _a, _b;
     const titleClass = `item ${((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.heading ? 'heading' : this.footer && 'footer' : 'content'}`;
-    const points = (this.footer || !((_b = this.items) === null || _b === void 0 ? void 0 : _b.length)) ? this.totalPoints : this.totalItemsPoints;
+    const points = (this.footer || !((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) || this.forceTotalPoints) ? this.totalPoints : this.totalItemsPoints;
     const tagColor = this.getTagColor(points);
     return (index.h("div", { class: "row" }, this.footer && this.renderSeparator(), index.h("div", { class: titleClass }, index.h("div", null, index.h("b", null, title)), index.h("div", null, index.h("yoo-tag", { size: "medium", color: `${tagColor}-10` }, index.h("yoo-icon", { slot: "start", name: "star", size: "small", color: tagColor }), index.h("div", null, points)))), this.heading && this.renderSeparator()));
   }
@@ -57,7 +58,7 @@ const YooPointsRecap = class {
   renderItem(item, index$1) {
     var _a;
     const tagColor = this.getTagColor(item.points);
-    const itemIcon = this.getItemIconAttr(item.points);
+    const itemIcon = this.getItemIconAttr(item.isCorrect);
     return (index.h("div", { class: "row" }, index.h("div", { class: "item content" }, index.h("div", { class: "sub-item" }, this.showItemIcon && index.h("yoo-icon", { slot: "start", name: itemIcon.name, size: "medium", color: itemIcon.color }), item.subItem ? this.renderSubItem(item) :
       index.h("yoo-tooltip", { placement: "top", content: item.description }, index.h("div", { class: "name" }, item.name))), index.h("div", null, index.h("yoo-tag", { size: "medium", color: `${tagColor}-10` }, index.h("yoo-icon", { slot: "start", name: "star", size: "small", color: tagColor }), index.h("div", null, item.points)))), (((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) - 1) !== index$1 && index.h("div", { class: "separator" })));
   }

package/dist/collection/components/2.molecules/points-recap/points-recap.js

@@ -2,6 +2,7 @@ import { Component, h, Host, Prop, State, Watch } from '@stencil/core';
 export class YooPointsRecap {
   constructor() {
     this.showItemIcon = true;
+    this.forceTotalPoints = false;
   }
   onItemsUpdated() {
     this.updatePoints();
@@ -27,8 +28,8 @@ export class YooPointsRecap {
       return 'success';
     }
   }
-  getItemIconAttr(points) {
-    if (points <= 0) {
+  getItemIconAttr(isCorrect) {
+    if (!isCorrect) {
       return { name: 'close', color: 'danger' };
     }
     else {
@@ -38,7 +39,7 @@ export class YooPointsRecap {
   renderTitle(title) {
     var _a, _b;
     const titleClass = `item ${((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > 0 ? this.heading ? 'heading' : this.footer && 'footer' : 'content'}`;
-    const points = (this.footer || !((_b = this.items) === null || _b === void 0 ? void 0 : _b.length)) ? this.totalPoints : this.totalItemsPoints;
+    const points = (this.footer || !((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) || this.forceTotalPoints) ? this.totalPoints : this.totalItemsPoints;
     const tagColor = this.getTagColor(points);
     return (h("div", { class: "row" },
       this.footer && this.renderSeparator(),
@@ -58,7 +59,7 @@ export class YooPointsRecap {
   renderItem(item, index) {
     var _a;
     const tagColor = this.getTagColor(item.points);
-    const itemIcon = this.getItemIconAttr(item.points);
+    const itemIcon = this.getItemIconAttr(item.isCorrect);
     return (h("div", { class: "row" },
       h("div", { class: "item content" },
         h("div", { class: "sub-item" },
@@ -182,6 +183,24 @@ export class YooPointsRecap {
       "attribute": "show-item-icon",
       "reflect": false,
       "defaultValue": "true"
+    },
+    "forceTotalPoints": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "force-total-points",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
   static get states() { return {

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -3152,6 +3152,7 @@ export class YooFormDynamicComponent {
         extraAttrs = {
           min: field.min,
           max: field.max,
+          allowDecimals: field.allowDecimals,
           maxCharacters: field.maxCharacters,
           type: field.type === FormFieldType.number && isSamsung() ? FormFieldType.text : getInputType(field),
           inputmode: field.type === FormFieldType.number && isSamsung() ? 'numeric' : '',

package/dist/collection/feature-learn/learning/lesson-question-result/lesson-question-result.js

@@ -219,7 +219,7 @@ export class YooLessonQuestionResultComponent {
     }
     else if (!isContentOnly(this.lessonType)) {
       items = (_b = this.fields) === null || _b === void 0 ? void 0 : _b.map((field, i) => {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         return ({
           name: `${translate('QUESTION')} ${i + 1}`,
           description: translateMulti(field.sentence || field.description || field.title),
@@ -231,11 +231,12 @@ export class YooLessonQuestionResultComponent {
               ? ((_d = this.lessonData[field.name]) === null || _d === void 0 ? void 0 : _d.earnedConfidencePoints) + ((_e = this.lessonData[field.name]) === null || _e === void 0 ? void 0 : _e.earnedQuestionPoints)
               : ((_f = this.lessonData[field.name]) === null || _f === void 0 ? void 0 : _f.fieldValidity)
                 ? Math.round(this.points)
-                : 0
+                : 0,
+          isCorrect: (_g = this.lessonData[field.name]) === null || _g === void 0 ? void 0 : _g.fieldValidity
         });
       });
     }
-    return h("yoo-points-recap", { heading: translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints), items: items, showItemIcon: showItemIcon });
+    return h("yoo-points-recap", { heading: translate('TOTALPOINTSEARNED'), totalPoints: Math.round(this.earnedPoints), items: items, showItemIcon: showItemIcon, forceTotalPoints: true });
   }
   renderProgressBarLessonRecap() {
     var _a;