@yoobic/yobi 8.3.1-6 → 8.3.1-7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/cjs/{form-choice-helpers-310cd7b3.js → form-choice-helpers-3f5f2f44.js} +1 -1
  2. package/dist/cjs/yoo-form-choice-button.cjs.entry.js +1 -1
  3. package/dist/cjs/yoo-form-choice-card.cjs.entry.js +1 -1
  4. package/dist/cjs/yoo-form-choice-chat.cjs.entry.js +1 -1
  5. package/dist/cjs/yoo-form-choice-image.cjs.entry.js +1 -1
  6. package/dist/cjs/yoo-form-choice-radio.cjs.entry.js +1 -1
  7. package/dist/cjs/yoo-form-feedback.cjs.entry.js +1 -1
  8. package/dist/cjs/yoo-form-text-area.cjs.entry.js +12 -3
  9. package/dist/cjs/yoo-lesson-question-result.cjs.entry.js +1 -1
  10. package/dist/collection/components/form/form-choice/card/form-choice-card.css +0 -1
  11. package/dist/collection/components/form/form-feedback/form-feedback.css +5 -1
  12. package/dist/collection/components/form/form-text-area/form-text-area.js +12 -3
  13. package/dist/collection/feature-learn/learning/lesson-question-result/lesson-question-result.css +2 -3
  14. package/dist/design-system/{form-choice-helpers-1bf9332c.js → form-choice-helpers-30faba6f.js} +1 -1
  15. package/dist/design-system/yoo-form-choice-button.entry.js +1 -1
  16. package/dist/design-system/yoo-form-choice-card.entry.js +1 -1
  17. package/dist/design-system/yoo-form-choice-chat.entry.js +1 -1
  18. package/dist/design-system/yoo-form-choice-image.entry.js +1 -1
  19. package/dist/design-system/yoo-form-choice-radio.entry.js +1 -1
  20. package/dist/design-system/yoo-form-feedback.entry.js +1 -1
  21. package/dist/design-system/yoo-form-text-area.entry.js +12 -3
  22. package/dist/design-system/yoo-lesson-question-result.entry.js +1 -1
  23. package/dist/esm/{form-choice-helpers-1bf9332c.js → form-choice-helpers-30faba6f.js} +1 -1
  24. package/dist/esm/yoo-form-choice-button.entry.js +1 -1
  25. package/dist/esm/yoo-form-choice-card.entry.js +1 -1
  26. package/dist/esm/yoo-form-choice-chat.entry.js +1 -1
  27. package/dist/esm/yoo-form-choice-image.entry.js +1 -1
  28. package/dist/esm/yoo-form-choice-radio.entry.js +1 -1
  29. package/dist/esm/yoo-form-feedback.entry.js +1 -1
  30. package/dist/esm/yoo-form-text-area.entry.js +12 -3
  31. package/dist/esm/yoo-lesson-question-result.entry.js +1 -1
  32. package/dist/types/components/form/form-text-area/form-text-area.d.ts +1 -0
  33. package/package.json +1 -1
package/dist/cjs/{form-choice-helpers-310cd7b3.js → form-choice-helpers-3f5f2f44.js} RENAMED
@@ -20,7 +20,7 @@ const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
20
20
  })));
21
21
  };
22
22
 
23
- const formChoiceCardCss = ":host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{--card-border-color:var(--stable-alt, #d0d0d0);--card-border-radius:var(--border-radius-04, 0.25rem);--card-check-icon-color-unselected:var(--stable, #adadad);--card-check-icon-position-right:var(--spacing-08, 0.5rem);--card-check-icon-position-top:var(--spacing-16, 1rem);--card-check-icon-size:var(--icon-size-02, 1.5rem);--card-description-color:var(--text-color, #807f83);--card-description-padding-top:var(--spacing-08, 0.5rem);--card-heading-color-selected:var(--app-color, #5a30f4);--card-heading-font-weight:var(--font-weight-900, 900);--card-heading-padding-top:0;--card-text-align:center;--card-width:8rem;--item-spacing:var(--spacing-16, 1rem);width:100%;height:100%}:host yoo-banner{height:0}:host .card-grid{height:100%}:host .card-grid .select{position:relative;-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem);border:solid var(--border-width-01, 0.0625rem) var(--card-border-color);border-radius:var(--card-border-radius);cursor:pointer}:host .card-grid .select yoo-img,:host .card-grid .select yoo-lottie{padding-bottom:var(--spacing-08, 0.5rem)}:host .card-grid .select yoo-img{width:var(--spacing-96, 6rem);margin:0 auto}:host .card-grid .select #heading,:host .card-grid .select #description{margin:0;font-size:var(--font-size-14, 0.875rem);white-space:normal;text-align:var(--card-text-align);word-break:break-word}:host .card-grid .select #heading{padding-top:var(--card-heading-padding-top);font-weight:var(--card-heading-font-weight)}:host .card-grid .select #description{padding-top:var(--card-description-padding-top);color:var(--card-description-color)}:host .card-grid .select #emoji{font-size:var(--font-size-42, 2.625rem);text-align:center}:host .card-grid .select #icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}:host .card-grid .select yoo-icon[name=check]{position:absolute;top:var(--card-check-icon-position-top);right:var(--card-check-icon-position-right);width:var(--card-check-icon-size);height:var(--card-check-icon-size);fill:var(--card-check-icon-color-unselected)}:host .card-grid.selected .select{background:var(--app-color-20, rgba(90, 48, 244, 0.2));border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host .card-grid.selected .select #description{color:var(--app-color, #5a30f4)}:host(:not([readonly])) .card-grid{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(auto-fit, minmax(var(--card-width), 1fr))}:host(.has-one) .card-grid{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.has-checkmark) .select.selected{border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.has-checkmark) .select.selected #heading{color:var(--card-heading-color-selected)}:host(.has-checkmark) .select.selected yoo-icon[name=check]{fill:var(--app-color, #5a30f4)}:host(.has-image) .select.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";
23
+ const formChoiceCardCss = ":host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{--card-border-color:var(--stable-alt, #d0d0d0);--card-border-radius:var(--border-radius-04, 0.25rem);--card-check-icon-color-unselected:var(--stable, #adadad);--card-check-icon-position-right:var(--spacing-08, 0.5rem);--card-check-icon-position-top:var(--spacing-16, 1rem);--card-check-icon-size:var(--icon-size-02, 1.5rem);--card-description-color:var(--text-color, #807f83);--card-description-padding-top:var(--spacing-08, 0.5rem);--card-heading-color-selected:var(--app-color, #5a30f4);--card-heading-font-weight:var(--font-weight-900, 900);--card-heading-padding-top:0;--card-text-align:center;--card-width:8rem;--item-spacing:var(--spacing-16, 1rem);width:100%}:host yoo-banner{height:0}:host .card-grid{height:100%}:host .card-grid .select{position:relative;-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem);border:solid var(--border-width-01, 0.0625rem) var(--card-border-color);border-radius:var(--card-border-radius);cursor:pointer}:host .card-grid .select yoo-img,:host .card-grid .select yoo-lottie{padding-bottom:var(--spacing-08, 0.5rem)}:host .card-grid .select yoo-img{width:var(--spacing-96, 6rem);margin:0 auto}:host .card-grid .select #heading,:host .card-grid .select #description{margin:0;font-size:var(--font-size-14, 0.875rem);white-space:normal;text-align:var(--card-text-align);word-break:break-word}:host .card-grid .select #heading{padding-top:var(--card-heading-padding-top);font-weight:var(--card-heading-font-weight)}:host .card-grid .select #description{padding-top:var(--card-description-padding-top);color:var(--card-description-color)}:host .card-grid .select #emoji{font-size:var(--font-size-42, 2.625rem);text-align:center}:host .card-grid .select #icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}:host .card-grid .select yoo-icon[name=check]{position:absolute;top:var(--card-check-icon-position-top);right:var(--card-check-icon-position-right);width:var(--card-check-icon-size);height:var(--card-check-icon-size);fill:var(--card-check-icon-color-unselected)}:host .card-grid.selected .select{background:var(--app-color-20, rgba(90, 48, 244, 0.2));border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host .card-grid.selected .select #description{color:var(--app-color, #5a30f4)}:host(:not([readonly])) .card-grid{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(auto-fit, minmax(var(--card-width), 1fr))}:host(.has-one) .card-grid{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.has-checkmark) .select.selected{border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.has-checkmark) .select.selected #heading{color:var(--card-heading-color-selected)}:host(.has-checkmark) .select.selected yoo-icon[name=check]{fill:var(--app-color, #5a30f4)}:host(.has-image) .select.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";
24
24
 
25
25
  const YooFormChoiceCardComponent = class {
26
26
  constructor(hostRef) {
package/dist/cjs/yoo-form-choice-button.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-2e1afd31.js');
6
6
  require('./index-8eccfdfc.js');
7
7
  const highcharts = require('./highcharts-874d9bd2.js');
8
- const formChoiceHelpers = require('./form-choice-helpers-310cd7b3.js');
8
+ const formChoiceHelpers = require('./form-choice-helpers-3f5f2f44.js');
9
9
  const overlays = require('./overlays-f9be67f3.js');
10
10
  require('./lodash-72d493b9.js');
11
11
  require('./_commonjsHelpers-94df2ea7.js');
package/dist/cjs/yoo-form-choice-card.cjs.entry.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const formChoiceHelpers = require('./form-choice-helpers-310cd7b3.js');
5
+ const formChoiceHelpers = require('./form-choice-helpers-3f5f2f44.js');
6
6
  require('./index-8eccfdfc.js');
7
7
  require('./overlays-f9be67f3.js');
8
8
  require('./lodash-72d493b9.js');
package/dist/cjs/yoo-form-choice-chat.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-2e1afd31.js');
6
6
  const index$1 = require('./index-ab0f1725.js');
7
7
  require('./index-8eccfdfc.js');
8
- const formChoiceHelpers = require('./form-choice-helpers-310cd7b3.js');
8
+ const formChoiceHelpers = require('./form-choice-helpers-3f5f2f44.js');
9
9
  const overlays = require('./overlays-f9be67f3.js');
10
10
  require('./lodash-72d493b9.js');
11
11
  require('./draggable-tags-helpers-16d53d2d.js');
package/dist/cjs/yoo-form-choice-image.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-2e1afd31.js');
6
6
  require('./index-8eccfdfc.js');
7
7
  const commonHelpers = require('./common-helpers-84670c00.js');
8
- const formChoiceHelpers = require('./form-choice-helpers-310cd7b3.js');
8
+ const formChoiceHelpers = require('./form-choice-helpers-3f5f2f44.js');
9
9
  const overlays = require('./overlays-f9be67f3.js');
10
10
  require('./lodash-72d493b9.js');
11
11
  require('./draggable-tags-helpers-16d53d2d.js');
package/dist/cjs/yoo-form-choice-radio.cjs.entry.js CHANGED
@@ -6,7 +6,7 @@ const index = require('./index-2e1afd31.js');
6
6
  require('./index-8eccfdfc.js');
7
7
  const lodash = require('./lodash-72d493b9.js');
8
8
  const formInputHelpers = require('./form-input-helpers-b905fd2e.js');
9
- const formChoiceHelpers = require('./form-choice-helpers-310cd7b3.js');
9
+ const formChoiceHelpers = require('./form-choice-helpers-3f5f2f44.js');
10
10
  const overlays = require('./overlays-f9be67f3.js');
11
11
  require('./index-ab0f1725.js');
12
12
  require('./common-helpers-84670c00.js');
package/dist/cjs/yoo-form-feedback.cjs.entry.js CHANGED
@@ -12,7 +12,7 @@ const overlays = require('./overlays-f9be67f3.js');
12
12
  require('./index-ab0f1725.js');
13
13
  require('./_commonjsHelpers-94df2ea7.js');
14
14
 
15
- const formFeedbackCss = ":host .heading{padding-bottom:var(--spacing-48, 3rem);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-28, 1.75rem);text-align:center}:host .feedback-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly}:host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}:host .readonly span{font-size:var(--font-size-36, 2.25rem)}:host([type=confidence]) yoo-form-choice-card{--card-border-color:transparent}:host([type=confidence]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-width:25rem;height:100%}:host([type=confidence]) .container .heading{margin:0 var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([type=confidence]) .container .feedback-container,:host([type=confidence]) .container .readonly{-ms-flex-pack:justify;justify-content:space-between;margin:0 var(--spacing-24, 1.5rem)}:host([type=confidence]) .container .feedback-container .feedback,:host([type=confidence]) .container .readonly .feedback{width:4.375rem;margin-right:var(--spacing-16, 1rem)}:host([type=confidence]) .container .feedback-container .feedback .description,:host([type=confidence]) .container .readonly .feedback .description{margin:0;padding-top:var(--spacing-16, 1rem);color:var(--light, #ffffff);line-height:var(--spacing-24, 1.5rem);text-align:center;word-break:break-word}:host([type=confidence]) .container .button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-64, 4rem)}:host([type=confidence]) .container .readonly{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));margin:0;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.mobile) .button-container{position:absolute;bottom:0.375rem;left:0;width:100%}:host(.mobile) .button-container yoo-button{width:100%;margin:var(--spacing-16, 1rem)}:host(.web) .container{margin:0 auto}";
15
+ const formFeedbackCss = ":host .heading{padding-bottom:var(--spacing-48, 3rem);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-28, 1.75rem);text-align:center}:host .feedback-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly}:host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}:host .readonly span{font-size:var(--font-size-36, 2.25rem)}:host([type=confidence]) yoo-form-choice-card{--card-border-color:transparent}:host([type=confidence]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-width:25rem;margin:var(--spacing-16, 1rem) auto}:host([type=confidence]) .container .heading{margin:0 var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([type=confidence]) .container .feedback-container,:host([type=confidence]) .container .readonly{-ms-flex-pack:justify;justify-content:space-between;margin:0 var(--spacing-24, 1.5rem)}:host([type=confidence]) .container .feedback-container .feedback,:host([type=confidence]) .container .readonly .feedback{width:4.375rem;margin-right:var(--spacing-16, 1rem)}:host([type=confidence]) .container .feedback-container .feedback .description,:host([type=confidence]) .container .readonly .feedback .description{margin:0;padding-top:var(--spacing-16, 1rem);color:var(--light, #ffffff);line-height:var(--spacing-24, 1.5rem);text-align:center;word-break:break-word}:host([type=confidence]) .container .button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-64, 4rem)}:host([type=confidence]) .container .readonly{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));margin:0;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.mobile) .button-container{position:absolute;bottom:0.375rem;left:0;width:100%}:host(.mobile) .button-container yoo-button{width:100%;margin:var(--spacing-16, 1rem)}:host(.web) .container{margin:0 auto}:host([isLesson]) .container{height:100%}";
16
16
 
17
17
  const YooFormFeedbackComponent = class {
18
18
  constructor(hostRef) {
package/dist/cjs/yoo-form-text-area.cjs.entry.js CHANGED
@@ -43,12 +43,21 @@ const YooFormTextAreaComponent = class {
43
43
  this.updateSegmentsCountDebounce = overlays.debounce(() => this.updateSegmentsCount(), 2000);
44
44
  this.scrollIntoViewOnFocus = false;
45
45
  }
46
+ get isRichText() {
47
+ return this.allowMention || this.allowCustomInput;
48
+ }
46
49
  onValueChanged(value) {
50
+ if (!this.inputEl) {
51
+ return;
52
+ }
47
53
  // clean input and sync mention ids when the value is cleared from outside
48
- if (this.allowMention && this.inputEl && !value) {
54
+ if (this.isRichText && !value) {
49
55
  this.inputEl.innerHTML = overlays.replaceAtTagToMentionTag(value, this.mentions);
50
56
  this.syncMentionIds();
51
57
  }
58
+ else if (!this.isRichText) {
59
+ this.inputEl.value = value;
60
+ }
52
61
  }
53
62
  allowMentionChanged() {
54
63
  index.forceUpdate(this);
@@ -125,7 +134,7 @@ const YooFormTextAreaComponent = class {
125
134
  }
126
135
  }
127
136
  componentDidLoad() {
128
- if (this.allowMention || this.allowCustomInput) {
137
+ if (this.isRichText) {
129
138
  // block click event when editing the tag
130
139
  if (this.inputEl) {
131
140
  if (this.value) {
@@ -417,7 +426,7 @@ const YooFormTextAreaComponent = class {
417
426
  renderEditable() {
418
427
  var _a;
419
428
  return [
420
- index.h("div", { class: "outer-container" }, index.h("div", { class: "inner-container" }, this.allowMention || this.allowCustomInput ? this.renderMentionContainer() : this.renderTextArea(), index.h("slot", { name: "placeholder" })), index.h("slot", { name: "right" }), ((_a = this.inlineActions) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
429
+ index.h("div", { class: "outer-container" }, index.h("div", { class: "inner-container" }, this.isRichText ? this.renderMentionContainer() : this.renderTextArea(), index.h("slot", { name: "placeholder" })), index.h("slot", { name: "right" }), ((_a = this.inlineActions) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
421
430
  this.inlineActions.map((action) => (index.h("yoo-tooltip", { content: overlays.translate(action.text), placement: "top" }, index.h("div", { class: "icon-suffix", onClick: () => action.handler() }, index.h("yoo-icon", { name: action.icon, color: action.iconColor })))))),
422
431
  this.renderSegmentsCount(),
423
432
  this.allowLinkPreview && this.renderLinkPreviews()
package/dist/cjs/yoo-lesson-question-result.cjs.entry.js CHANGED
@@ -9,7 +9,7 @@ const overlays = require('./overlays-f9be67f3.js');
9
9
  require('./index-ab0f1725.js');
10
10
  require('./_commonjsHelpers-94df2ea7.js');
11
11
 
12
- const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{width:100%;padding-bottom:var(--spacing-16, 1rem)}:host .answers .title{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}";
12
+ const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .answers .title{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-24, 1.5rem)}";
13
13
 
14
14
  const YooLessonQuestionResultComponent = class {
15
15
  constructor(hostRef) {
package/dist/collection/components/form/form-choice/card/form-choice-card.css CHANGED
@@ -330,7 +330,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
330
330
  --card-width: 8rem;
331
331
  --item-spacing: var(--spacing-16, 1rem);
332
332
  width: 100%;
333
- height: 100%;
334
333
  }
335
334
  :host yoo-banner {
336
335
  height: 0;
package/dist/collection/components/form/form-feedback/form-feedback.css CHANGED
@@ -229,7 +229,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
229
229
  flex-direction: column;
230
230
  justify-content: center;
231
231
  max-width: 25rem;
232
- height: 100%;
232
+ margin: var(--spacing-16, 1rem) auto;
233
233
  }
234
234
  :host([type=confidence]) .container .heading {
235
235
  margin: 0 var(--spacing-16, 1rem);
@@ -276,4 +276,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
276
276
 
277
277
  :host(.web) .container {
278
278
  margin: 0 auto;
279
+ }
280
+
281
+ :host([isLesson]) .container {
282
+ height: 100%;
279
283
  }
package/dist/collection/components/form/form-text-area/form-text-area.js CHANGED
@@ -24,12 +24,21 @@ export class YooFormTextAreaComponent {
24
24
  this.updateSegmentsCountDebounce = debounce(() => this.updateSegmentsCount(), 2000);
25
25
  this.scrollIntoViewOnFocus = false;
26
26
  }
27
+ get isRichText() {
28
+ return this.allowMention || this.allowCustomInput;
29
+ }
27
30
  onValueChanged(value) {
31
+ if (!this.inputEl) {
32
+ return;
33
+ }
28
34
  // clean input and sync mention ids when the value is cleared from outside
29
- if (this.allowMention && this.inputEl && !value) {
35
+ if (this.isRichText && !value) {
30
36
  this.inputEl.innerHTML = replaceAtTagToMentionTag(value, this.mentions);
31
37
  this.syncMentionIds();
32
38
  }
39
+ else if (!this.isRichText) {
40
+ this.inputEl.value = value;
41
+ }
33
42
  }
34
43
  allowMentionChanged() {
35
44
  forceUpdate(this);
@@ -106,7 +115,7 @@ export class YooFormTextAreaComponent {
106
115
  }
107
116
  }
108
117
  componentDidLoad() {
109
- if (this.allowMention || this.allowCustomInput) {
118
+ if (this.isRichText) {
110
119
  // block click event when editing the tag
111
120
  if (this.inputEl) {
112
121
  if (this.value) {
@@ -404,7 +413,7 @@ export class YooFormTextAreaComponent {
404
413
  return [
405
414
  h("div", { class: "outer-container" },
406
415
  h("div", { class: "inner-container" },
407
- this.allowMention || this.allowCustomInput ? this.renderMentionContainer() : this.renderTextArea(),
416
+ this.isRichText ? this.renderMentionContainer() : this.renderTextArea(),
408
417
  h("slot", { name: "placeholder" })),
409
418
  h("slot", { name: "right" }),
410
419
  ((_a = this.inlineActions) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
package/dist/collection/feature-learn/learning/lesson-question-result/lesson-question-result.css CHANGED
@@ -330,10 +330,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
330
330
  padding-top: calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem));
331
331
  }
332
332
  :host .answers {
333
- width: 100%;
334
- padding-bottom: var(--spacing-16, 1rem);
333
+ padding: var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);
335
334
  }
336
335
  :host .answers .title {
337
- padding: var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);
336
+ padding-bottom: var(--spacing-08, 0.5rem);
338
337
  font-size: var(--font-size-24, 1.5rem);
339
338
  }
package/dist/design-system/{form-choice-helpers-1bf9332c.js → form-choice-helpers-30faba6f.js} RENAMED
@@ -18,7 +18,7 @@ const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
18
18
  })));
19
19
  };
20
20
 
21
- const formChoiceCardCss = ":host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{--card-border-color:var(--stable-alt, #d0d0d0);--card-border-radius:var(--border-radius-04, 0.25rem);--card-check-icon-color-unselected:var(--stable, #adadad);--card-check-icon-position-right:var(--spacing-08, 0.5rem);--card-check-icon-position-top:var(--spacing-16, 1rem);--card-check-icon-size:var(--icon-size-02, 1.5rem);--card-description-color:var(--text-color, #807f83);--card-description-padding-top:var(--spacing-08, 0.5rem);--card-heading-color-selected:var(--app-color, #5a30f4);--card-heading-font-weight:var(--font-weight-900, 900);--card-heading-padding-top:0;--card-text-align:center;--card-width:8rem;--item-spacing:var(--spacing-16, 1rem);width:100%;height:100%}:host yoo-banner{height:0}:host .card-grid{height:100%}:host .card-grid .select{position:relative;-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem);border:solid var(--border-width-01, 0.0625rem) var(--card-border-color);border-radius:var(--card-border-radius);cursor:pointer}:host .card-grid .select yoo-img,:host .card-grid .select yoo-lottie{padding-bottom:var(--spacing-08, 0.5rem)}:host .card-grid .select yoo-img{width:var(--spacing-96, 6rem);margin:0 auto}:host .card-grid .select #heading,:host .card-grid .select #description{margin:0;font-size:var(--font-size-14, 0.875rem);white-space:normal;text-align:var(--card-text-align);word-break:break-word}:host .card-grid .select #heading{padding-top:var(--card-heading-padding-top);font-weight:var(--card-heading-font-weight)}:host .card-grid .select #description{padding-top:var(--card-description-padding-top);color:var(--card-description-color)}:host .card-grid .select #emoji{font-size:var(--font-size-42, 2.625rem);text-align:center}:host .card-grid .select #icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}:host .card-grid .select yoo-icon[name=check]{position:absolute;top:var(--card-check-icon-position-top);right:var(--card-check-icon-position-right);width:var(--card-check-icon-size);height:var(--card-check-icon-size);fill:var(--card-check-icon-color-unselected)}:host .card-grid.selected .select{background:var(--app-color-20, rgba(90, 48, 244, 0.2));border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host .card-grid.selected .select #description{color:var(--app-color, #5a30f4)}:host(:not([readonly])) .card-grid{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(auto-fit, minmax(var(--card-width), 1fr))}:host(.has-one) .card-grid{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.has-checkmark) .select.selected{border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.has-checkmark) .select.selected #heading{color:var(--card-heading-color-selected)}:host(.has-checkmark) .select.selected yoo-icon[name=check]{fill:var(--app-color, #5a30f4)}:host(.has-image) .select.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";
21
+ const formChoiceCardCss = ":host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{--card-border-color:var(--stable-alt, #d0d0d0);--card-border-radius:var(--border-radius-04, 0.25rem);--card-check-icon-color-unselected:var(--stable, #adadad);--card-check-icon-position-right:var(--spacing-08, 0.5rem);--card-check-icon-position-top:var(--spacing-16, 1rem);--card-check-icon-size:var(--icon-size-02, 1.5rem);--card-description-color:var(--text-color, #807f83);--card-description-padding-top:var(--spacing-08, 0.5rem);--card-heading-color-selected:var(--app-color, #5a30f4);--card-heading-font-weight:var(--font-weight-900, 900);--card-heading-padding-top:0;--card-text-align:center;--card-width:8rem;--item-spacing:var(--spacing-16, 1rem);width:100%}:host yoo-banner{height:0}:host .card-grid{height:100%}:host .card-grid .select{position:relative;-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem);border:solid var(--border-width-01, 0.0625rem) var(--card-border-color);border-radius:var(--card-border-radius);cursor:pointer}:host .card-grid .select yoo-img,:host .card-grid .select yoo-lottie{padding-bottom:var(--spacing-08, 0.5rem)}:host .card-grid .select yoo-img{width:var(--spacing-96, 6rem);margin:0 auto}:host .card-grid .select #heading,:host .card-grid .select #description{margin:0;font-size:var(--font-size-14, 0.875rem);white-space:normal;text-align:var(--card-text-align);word-break:break-word}:host .card-grid .select #heading{padding-top:var(--card-heading-padding-top);font-weight:var(--card-heading-font-weight)}:host .card-grid .select #description{padding-top:var(--card-description-padding-top);color:var(--card-description-color)}:host .card-grid .select #emoji{font-size:var(--font-size-42, 2.625rem);text-align:center}:host .card-grid .select #icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}:host .card-grid .select yoo-icon[name=check]{position:absolute;top:var(--card-check-icon-position-top);right:var(--card-check-icon-position-right);width:var(--card-check-icon-size);height:var(--card-check-icon-size);fill:var(--card-check-icon-color-unselected)}:host .card-grid.selected .select{background:var(--app-color-20, rgba(90, 48, 244, 0.2));border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host .card-grid.selected .select #description{color:var(--app-color, #5a30f4)}:host(:not([readonly])) .card-grid{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(auto-fit, minmax(var(--card-width), 1fr))}:host(.has-one) .card-grid{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.has-checkmark) .select.selected{border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.has-checkmark) .select.selected #heading{color:var(--card-heading-color-selected)}:host(.has-checkmark) .select.selected yoo-icon[name=check]{fill:var(--app-color, #5a30f4)}:host(.has-image) .select.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";
22
22
 
23
23
  const YooFormChoiceCardComponent = class {
24
24
  constructor(hostRef) {
package/dist/design-system/yoo-form-choice-button.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
2
2
  import './index-cca9747a.js';
3
3
  import { h as highcharts } from './highcharts-c1be7540.js';
4
- import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, g as getColor, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-1bf9332c.js';
4
+ import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, g as getColor, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-30faba6f.js';
5
5
  import { t as translate, Z as translateMulti } from './overlays-41605277.js';
6
6
  import './lodash-f6e59a8e.js';
7
7
  import './_commonjsHelpers-f4d11124.js';
package/dist/design-system/yoo-form-choice-card.entry.js CHANGED
@@ -1,4 +1,4 @@
1
- export { Y as yoo_form_choice_card } from './form-choice-helpers-1bf9332c.js';
1
+ export { Y as yoo_form_choice_card } from './form-choice-helpers-30faba6f.js';
2
2
  import './index-cca9747a.js';
3
3
  import './overlays-41605277.js';
4
4
  import './lodash-f6e59a8e.js';
package/dist/design-system/yoo-form-choice-chat.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
2
2
  import { M as MessageType } from './index-e917d10e.js';
3
3
  import './index-cca9747a.js';
4
- import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-1bf9332c.js';
4
+ import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-30faba6f.js';
5
5
  import { t as translate, Z as translateMulti } from './overlays-41605277.js';
6
6
  import './lodash-f6e59a8e.js';
7
7
  import './draggable-tags-helpers-da436380.js';
package/dist/design-system/yoo-form-choice-image.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
2
2
  import './index-cca9747a.js';
3
3
  import { a as showSlidesMedia } from './common-helpers-121c454f.js';
4
- import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, i as isSelected } from './form-choice-helpers-1bf9332c.js';
4
+ import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, i as isSelected } from './form-choice-helpers-30faba6f.js';
5
5
  import { Z as translateMulti } from './overlays-41605277.js';
6
6
  import './lodash-f6e59a8e.js';
7
7
  import './draggable-tags-helpers-da436380.js';
package/dist/design-system/yoo-form-choice-radio.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, i as createEvent, h, e as Host, g as getElement
2
2
  import './index-cca9747a.js';
3
3
  import { n as compact, q as isString } from './lodash-f6e59a8e.js';
4
4
  import { a as setValueAndValidateInput } from './form-input-helpers-53dcea3a.js';
5
- import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-1bf9332c.js';
5
+ import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-30faba6f.js';
6
6
  import { t as translate, X as isNullOrUndefined, Z as translateMulti } from './overlays-41605277.js';
7
7
  import './index-e917d10e.js';
8
8
  import './common-helpers-121c454f.js';
package/dist/design-system/yoo-form-feedback.entry.js CHANGED
@@ -8,7 +8,7 @@ import { t as translate, cA as getConfidenceDescriptionKey } from './overlays-41
8
8
  import './index-e917d10e.js';
9
9
  import './_commonjsHelpers-f4d11124.js';
10
10
 
11
- const formFeedbackCss = ":host .heading{padding-bottom:var(--spacing-48, 3rem);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-28, 1.75rem);text-align:center}:host .feedback-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly}:host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}:host .readonly span{font-size:var(--font-size-36, 2.25rem)}:host([type=confidence]) yoo-form-choice-card{--card-border-color:transparent}:host([type=confidence]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-width:25rem;height:100%}:host([type=confidence]) .container .heading{margin:0 var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([type=confidence]) .container .feedback-container,:host([type=confidence]) .container .readonly{-ms-flex-pack:justify;justify-content:space-between;margin:0 var(--spacing-24, 1.5rem)}:host([type=confidence]) .container .feedback-container .feedback,:host([type=confidence]) .container .readonly .feedback{width:4.375rem;margin-right:var(--spacing-16, 1rem)}:host([type=confidence]) .container .feedback-container .feedback .description,:host([type=confidence]) .container .readonly .feedback .description{margin:0;padding-top:var(--spacing-16, 1rem);color:var(--light, #ffffff);line-height:var(--spacing-24, 1.5rem);text-align:center;word-break:break-word}:host([type=confidence]) .container .button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-64, 4rem)}:host([type=confidence]) .container .readonly{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));margin:0;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.mobile) .button-container{position:absolute;bottom:0.375rem;left:0;width:100%}:host(.mobile) .button-container yoo-button{width:100%;margin:var(--spacing-16, 1rem)}:host(.web) .container{margin:0 auto}";
11
+ const formFeedbackCss = ":host .heading{padding-bottom:var(--spacing-48, 3rem);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-28, 1.75rem);text-align:center}:host .feedback-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly}:host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}:host .readonly span{font-size:var(--font-size-36, 2.25rem)}:host([type=confidence]) yoo-form-choice-card{--card-border-color:transparent}:host([type=confidence]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-width:25rem;margin:var(--spacing-16, 1rem) auto}:host([type=confidence]) .container .heading{margin:0 var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([type=confidence]) .container .feedback-container,:host([type=confidence]) .container .readonly{-ms-flex-pack:justify;justify-content:space-between;margin:0 var(--spacing-24, 1.5rem)}:host([type=confidence]) .container .feedback-container .feedback,:host([type=confidence]) .container .readonly .feedback{width:4.375rem;margin-right:var(--spacing-16, 1rem)}:host([type=confidence]) .container .feedback-container .feedback .description,:host([type=confidence]) .container .readonly .feedback .description{margin:0;padding-top:var(--spacing-16, 1rem);color:var(--light, #ffffff);line-height:var(--spacing-24, 1.5rem);text-align:center;word-break:break-word}:host([type=confidence]) .container .button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-64, 4rem)}:host([type=confidence]) .container .readonly{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));margin:0;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.mobile) .button-container{position:absolute;bottom:0.375rem;left:0;width:100%}:host(.mobile) .button-container yoo-button{width:100%;margin:var(--spacing-16, 1rem)}:host(.web) .container{margin:0 auto}:host([isLesson]) .container{height:100%}";
12
12
 
13
13
  const YooFormFeedbackComponent = class {
14
14
  constructor(hostRef) {
package/dist/design-system/yoo-form-text-area.entry.js CHANGED
@@ -39,12 +39,21 @@ const YooFormTextAreaComponent = class {
39
39
  this.updateSegmentsCountDebounce = debounce(() => this.updateSegmentsCount(), 2000);
40
40
  this.scrollIntoViewOnFocus = false;
41
41
  }
42
+ get isRichText() {
43
+ return this.allowMention || this.allowCustomInput;
44
+ }
42
45
  onValueChanged(value) {
46
+ if (!this.inputEl) {
47
+ return;
48
+ }
43
49
  // clean input and sync mention ids when the value is cleared from outside
44
- if (this.allowMention && this.inputEl && !value) {
50
+ if (this.isRichText && !value) {
45
51
  this.inputEl.innerHTML = replaceAtTagToMentionTag(value, this.mentions);
46
52
  this.syncMentionIds();
47
53
  }
54
+ else if (!this.isRichText) {
55
+ this.inputEl.value = value;
56
+ }
48
57
  }
49
58
  allowMentionChanged() {
50
59
  forceUpdate(this);
@@ -121,7 +130,7 @@ const YooFormTextAreaComponent = class {
121
130
  }
122
131
  }
123
132
  componentDidLoad() {
124
- if (this.allowMention || this.allowCustomInput) {
133
+ if (this.isRichText) {
125
134
  // block click event when editing the tag
126
135
  if (this.inputEl) {
127
136
  if (this.value) {
@@ -413,7 +422,7 @@ const YooFormTextAreaComponent = class {
413
422
  renderEditable() {
414
423
  var _a;
415
424
  return [
416
- h("div", { class: "outer-container" }, h("div", { class: "inner-container" }, this.allowMention || this.allowCustomInput ? this.renderMentionContainer() : this.renderTextArea(), h("slot", { name: "placeholder" })), h("slot", { name: "right" }), ((_a = this.inlineActions) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
425
+ h("div", { class: "outer-container" }, h("div", { class: "inner-container" }, this.isRichText ? this.renderMentionContainer() : this.renderTextArea(), h("slot", { name: "placeholder" })), h("slot", { name: "right" }), ((_a = this.inlineActions) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
417
426
  this.inlineActions.map((action) => (h("yoo-tooltip", { content: translate(action.text), placement: "top" }, h("div", { class: "icon-suffix", onClick: () => action.handler() }, h("yoo-icon", { name: action.icon, color: action.iconColor })))))),
418
427
  this.renderSegmentsCount(),
419
428
  this.allowLinkPreview && this.renderLinkPreviews()
package/dist/design-system/yoo-lesson-question-result.entry.js CHANGED
@@ -5,7 +5,7 @@ import { cy as isContentOnly, cz as getConfidencePoints, cA as getConfidenceDesc
5
5
  import './index-e917d10e.js';
6
6
  import './_commonjsHelpers-f4d11124.js';
7
7
 
8
- const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{width:100%;padding-bottom:var(--spacing-16, 1rem)}:host .answers .title{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}";
8
+ const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .answers .title{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-24, 1.5rem)}";
9
9
 
10
10
  const YooLessonQuestionResultComponent = class {
11
11
  constructor(hostRef) {
package/dist/esm/{form-choice-helpers-1bf9332c.js → form-choice-helpers-30faba6f.js} RENAMED
@@ -18,7 +18,7 @@ const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
18
18
  })));
19
19
  };
20
20
 
21
- const formChoiceCardCss = ":host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{--card-border-color:var(--stable-alt, #d0d0d0);--card-border-radius:var(--border-radius-04, 0.25rem);--card-check-icon-color-unselected:var(--stable, #adadad);--card-check-icon-position-right:var(--spacing-08, 0.5rem);--card-check-icon-position-top:var(--spacing-16, 1rem);--card-check-icon-size:var(--icon-size-02, 1.5rem);--card-description-color:var(--text-color, #807f83);--card-description-padding-top:var(--spacing-08, 0.5rem);--card-heading-color-selected:var(--app-color, #5a30f4);--card-heading-font-weight:var(--font-weight-900, 900);--card-heading-padding-top:0;--card-text-align:center;--card-width:8rem;--item-spacing:var(--spacing-16, 1rem);width:100%;height:100%}:host yoo-banner{height:0}:host .card-grid{height:100%}:host .card-grid .select{position:relative;-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem);border:solid var(--border-width-01, 0.0625rem) var(--card-border-color);border-radius:var(--card-border-radius);cursor:pointer}:host .card-grid .select yoo-img,:host .card-grid .select yoo-lottie{padding-bottom:var(--spacing-08, 0.5rem)}:host .card-grid .select yoo-img{width:var(--spacing-96, 6rem);margin:0 auto}:host .card-grid .select #heading,:host .card-grid .select #description{margin:0;font-size:var(--font-size-14, 0.875rem);white-space:normal;text-align:var(--card-text-align);word-break:break-word}:host .card-grid .select #heading{padding-top:var(--card-heading-padding-top);font-weight:var(--card-heading-font-weight)}:host .card-grid .select #description{padding-top:var(--card-description-padding-top);color:var(--card-description-color)}:host .card-grid .select #emoji{font-size:var(--font-size-42, 2.625rem);text-align:center}:host .card-grid .select #icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}:host .card-grid .select yoo-icon[name=check]{position:absolute;top:var(--card-check-icon-position-top);right:var(--card-check-icon-position-right);width:var(--card-check-icon-size);height:var(--card-check-icon-size);fill:var(--card-check-icon-color-unselected)}:host .card-grid.selected .select{background:var(--app-color-20, rgba(90, 48, 244, 0.2));border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host .card-grid.selected .select #description{color:var(--app-color, #5a30f4)}:host(:not([readonly])) .card-grid{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(auto-fit, minmax(var(--card-width), 1fr))}:host(.has-one) .card-grid{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.has-checkmark) .select.selected{border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.has-checkmark) .select.selected #heading{color:var(--card-heading-color-selected)}:host(.has-checkmark) .select.selected yoo-icon[name=check]{fill:var(--app-color, #5a30f4)}:host(.has-image) .select.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";
21
+ const formChoiceCardCss = ":host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{--card-border-color:var(--stable-alt, #d0d0d0);--card-border-radius:var(--border-radius-04, 0.25rem);--card-check-icon-color-unselected:var(--stable, #adadad);--card-check-icon-position-right:var(--spacing-08, 0.5rem);--card-check-icon-position-top:var(--spacing-16, 1rem);--card-check-icon-size:var(--icon-size-02, 1.5rem);--card-description-color:var(--text-color, #807f83);--card-description-padding-top:var(--spacing-08, 0.5rem);--card-heading-color-selected:var(--app-color, #5a30f4);--card-heading-font-weight:var(--font-weight-900, 900);--card-heading-padding-top:0;--card-text-align:center;--card-width:8rem;--item-spacing:var(--spacing-16, 1rem);width:100%}:host yoo-banner{height:0}:host .card-grid{height:100%}:host .card-grid .select{position:relative;-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem);border:solid var(--border-width-01, 0.0625rem) var(--card-border-color);border-radius:var(--card-border-radius);cursor:pointer}:host .card-grid .select yoo-img,:host .card-grid .select yoo-lottie{padding-bottom:var(--spacing-08, 0.5rem)}:host .card-grid .select yoo-img{width:var(--spacing-96, 6rem);margin:0 auto}:host .card-grid .select #heading,:host .card-grid .select #description{margin:0;font-size:var(--font-size-14, 0.875rem);white-space:normal;text-align:var(--card-text-align);word-break:break-word}:host .card-grid .select #heading{padding-top:var(--card-heading-padding-top);font-weight:var(--card-heading-font-weight)}:host .card-grid .select #description{padding-top:var(--card-description-padding-top);color:var(--card-description-color)}:host .card-grid .select #emoji{font-size:var(--font-size-42, 2.625rem);text-align:center}:host .card-grid .select #icon{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}:host .card-grid .select yoo-icon[name=check]{position:absolute;top:var(--card-check-icon-position-top);right:var(--card-check-icon-position-right);width:var(--card-check-icon-size);height:var(--card-check-icon-size);fill:var(--card-check-icon-color-unselected)}:host .card-grid.selected .select{background:var(--app-color-20, rgba(90, 48, 244, 0.2));border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host .card-grid.selected .select #description{color:var(--app-color, #5a30f4)}:host(:not([readonly])) .card-grid{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(auto-fit, minmax(var(--card-width), 1fr))}:host(.has-one) .card-grid{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.has-checkmark) .select.selected{border:solid var(--border-width-01, 0.0625rem) var(--app-color, #5a30f4)}:host(.has-checkmark) .select.selected #heading{color:var(--card-heading-color-selected)}:host(.has-checkmark) .select.selected yoo-icon[name=check]{fill:var(--app-color, #5a30f4)}:host(.has-image) .select.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4);-webkit-transition:background-color 250ms ease-in;transition:background-color 250ms ease-in}";
22
22
 
23
23
  const YooFormChoiceCardComponent = class {
24
24
  constructor(hostRef) {
package/dist/esm/yoo-form-choice-button.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
2
2
  import './index-cca9747a.js';
3
3
  import { h as highcharts } from './highcharts-c1be7540.js';
4
- import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, g as getColor, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-1bf9332c.js';
4
+ import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, g as getColor, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-30faba6f.js';
5
5
  import { t as translate, Z as translateMulti } from './overlays-41605277.js';
6
6
  import './lodash-f6e59a8e.js';
7
7
  import './_commonjsHelpers-f4d11124.js';
package/dist/esm/yoo-form-choice-card.entry.js CHANGED
@@ -1,4 +1,4 @@
1
- export { Y as yoo_form_choice_card } from './form-choice-helpers-1bf9332c.js';
1
+ export { Y as yoo_form_choice_card } from './form-choice-helpers-30faba6f.js';
2
2
  import './index-cca9747a.js';
3
3
  import './overlays-41605277.js';
4
4
  import './lodash-f6e59a8e.js';
package/dist/esm/yoo-form-choice-chat.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
2
2
  import { M as MessageType } from './index-e917d10e.js';
3
3
  import './index-cca9747a.js';
4
- import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-1bf9332c.js';
4
+ import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, i as isSelected, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-30faba6f.js';
5
5
  import { t as translate, Z as translateMulti } from './overlays-41605277.js';
6
6
  import './lodash-f6e59a8e.js';
7
7
  import './draggable-tags-helpers-da436380.js';
package/dist/esm/yoo-form-choice-image.entry.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
2
2
  import './index-cca9747a.js';
3
3
  import { a as showSlidesMedia } from './common-helpers-121c454f.js';
4
- import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, i as isSelected } from './form-choice-helpers-1bf9332c.js';
4
+ import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, i as isSelected } from './form-choice-helpers-30faba6f.js';
5
5
  import { Z as translateMulti } from './overlays-41605277.js';
6
6
  import './lodash-f6e59a8e.js';
7
7
  import './draggable-tags-helpers-da436380.js';
package/dist/esm/yoo-form-choice-radio.entry.js CHANGED
@@ -2,7 +2,7 @@ import { r as registerInstance, i as createEvent, h, e as Host, g as getElement
2
2
  import './index-cca9747a.js';
3
3
  import { n as compact, q as isString } from './lodash-f6e59a8e.js';
4
4
  import { a as setValueAndValidateInput } from './form-input-helpers-53dcea3a.js';
5
- import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-1bf9332c.js';
5
+ import { u as updateValues, a as updateValue, p as prepareChoice, h as hasWarnings, o as onItemSelect, R as ReadonlyCard } from './form-choice-helpers-30faba6f.js';
6
6
  import { t as translate, X as isNullOrUndefined, Z as translateMulti } from './overlays-41605277.js';
7
7
  import './index-e917d10e.js';
8
8
  import './common-helpers-121c454f.js';
package/dist/esm/yoo-form-feedback.entry.js CHANGED
@@ -8,7 +8,7 @@ import { t as translate, cA as getConfidenceDescriptionKey } from './overlays-41
8
8
  import './index-e917d10e.js';
9
9
  import './_commonjsHelpers-f4d11124.js';
10
10
 
11
- const formFeedbackCss = ":host .heading{padding-bottom:var(--spacing-48, 3rem);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-28, 1.75rem);text-align:center}:host .feedback-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly}:host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}:host .readonly span{font-size:var(--font-size-36, 2.25rem)}:host([type=confidence]) yoo-form-choice-card{--card-border-color:transparent}:host([type=confidence]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-width:25rem;height:100%}:host([type=confidence]) .container .heading{margin:0 var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([type=confidence]) .container .feedback-container,:host([type=confidence]) .container .readonly{-ms-flex-pack:justify;justify-content:space-between;margin:0 var(--spacing-24, 1.5rem)}:host([type=confidence]) .container .feedback-container .feedback,:host([type=confidence]) .container .readonly .feedback{width:4.375rem;margin-right:var(--spacing-16, 1rem)}:host([type=confidence]) .container .feedback-container .feedback .description,:host([type=confidence]) .container .readonly .feedback .description{margin:0;padding-top:var(--spacing-16, 1rem);color:var(--light, #ffffff);line-height:var(--spacing-24, 1.5rem);text-align:center;word-break:break-word}:host([type=confidence]) .container .button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-64, 4rem)}:host([type=confidence]) .container .readonly{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));margin:0;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.mobile) .button-container{position:absolute;bottom:0.375rem;left:0;width:100%}:host(.mobile) .button-container yoo-button{width:100%;margin:var(--spacing-16, 1rem)}:host(.web) .container{margin:0 auto}";
11
+ const formFeedbackCss = ":host .heading{padding-bottom:var(--spacing-48, 3rem);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-28, 1.75rem);text-align:center}:host .feedback-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly}:host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}:host .readonly span{font-size:var(--font-size-36, 2.25rem)}:host([type=confidence]) yoo-form-choice-card{--card-border-color:transparent}:host([type=confidence]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-width:25rem;margin:var(--spacing-16, 1rem) auto}:host([type=confidence]) .container .heading{margin:0 var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([type=confidence]) .container .feedback-container,:host([type=confidence]) .container .readonly{-ms-flex-pack:justify;justify-content:space-between;margin:0 var(--spacing-24, 1.5rem)}:host([type=confidence]) .container .feedback-container .feedback,:host([type=confidence]) .container .readonly .feedback{width:4.375rem;margin-right:var(--spacing-16, 1rem)}:host([type=confidence]) .container .feedback-container .feedback .description,:host([type=confidence]) .container .readonly .feedback .description{margin:0;padding-top:var(--spacing-16, 1rem);color:var(--light, #ffffff);line-height:var(--spacing-24, 1.5rem);text-align:center;word-break:break-word}:host([type=confidence]) .container .button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-64, 4rem)}:host([type=confidence]) .container .readonly{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));margin:0;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.mobile) .button-container{position:absolute;bottom:0.375rem;left:0;width:100%}:host(.mobile) .button-container yoo-button{width:100%;margin:var(--spacing-16, 1rem)}:host(.web) .container{margin:0 auto}:host([isLesson]) .container{height:100%}";
12
12
 
13
13
  const YooFormFeedbackComponent = class {
14
14
  constructor(hostRef) {
package/dist/esm/yoo-form-text-area.entry.js CHANGED
@@ -39,12 +39,21 @@ const YooFormTextAreaComponent = class {
39
39
  this.updateSegmentsCountDebounce = debounce(() => this.updateSegmentsCount(), 2000);
40
40
  this.scrollIntoViewOnFocus = false;
41
41
  }
42
+ get isRichText() {
43
+ return this.allowMention || this.allowCustomInput;
44
+ }
42
45
  onValueChanged(value) {
46
+ if (!this.inputEl) {
47
+ return;
48
+ }
43
49
  // clean input and sync mention ids when the value is cleared from outside
44
- if (this.allowMention && this.inputEl && !value) {
50
+ if (this.isRichText && !value) {
45
51
  this.inputEl.innerHTML = replaceAtTagToMentionTag(value, this.mentions);
46
52
  this.syncMentionIds();
47
53
  }
54
+ else if (!this.isRichText) {
55
+ this.inputEl.value = value;
56
+ }
48
57
  }
49
58
  allowMentionChanged() {
50
59
  forceUpdate(this);
@@ -121,7 +130,7 @@ const YooFormTextAreaComponent = class {
121
130
  }
122
131
  }
123
132
  componentDidLoad() {
124
- if (this.allowMention || this.allowCustomInput) {
133
+ if (this.isRichText) {
125
134
  // block click event when editing the tag
126
135
  if (this.inputEl) {
127
136
  if (this.value) {
@@ -413,7 +422,7 @@ const YooFormTextAreaComponent = class {
413
422
  renderEditable() {
414
423
  var _a;
415
424
  return [
416
- h("div", { class: "outer-container" }, h("div", { class: "inner-container" }, this.allowMention || this.allowCustomInput ? this.renderMentionContainer() : this.renderTextArea(), h("slot", { name: "placeholder" })), h("slot", { name: "right" }), ((_a = this.inlineActions) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
425
+ h("div", { class: "outer-container" }, h("div", { class: "inner-container" }, this.isRichText ? this.renderMentionContainer() : this.renderTextArea(), h("slot", { name: "placeholder" })), h("slot", { name: "right" }), ((_a = this.inlineActions) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
417
426
  this.inlineActions.map((action) => (h("yoo-tooltip", { content: translate(action.text), placement: "top" }, h("div", { class: "icon-suffix", onClick: () => action.handler() }, h("yoo-icon", { name: action.icon, color: action.iconColor })))))),
418
427
  this.renderSegmentsCount(),
419
428
  this.allowLinkPreview && this.renderLinkPreviews()
package/dist/esm/yoo-lesson-question-result.entry.js CHANGED
@@ -5,7 +5,7 @@ import { cy as isContentOnly, cz as getConfidencePoints, cA as getConfidenceDesc
5
5
  import './index-e917d10e.js';
6
6
  import './_commonjsHelpers-f4d11124.js';
7
7
 
8
- const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{width:100%;padding-bottom:var(--spacing-16, 1rem)}:host .answers .title{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);font-size:var(--font-size-24, 1.5rem)}";
8
+ const lessonQuestionResultCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%;background-color:var(--light, #ffffff)}:host yoo-navbar{background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-scroll{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}:host yoo-ion-scroll .result-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--app-color, #5a30f4);text-align:center}:host yoo-ion-scroll .result-text{margin:0 var(--spacing-64, 4rem);padding-bottom:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);line-height:1.5625rem;text-align:center}:host yoo-ion-scroll .result-explanation{margin:var(--spacing-08, 0.5rem) var(--spacing-64, 4rem);text-align:center}:host yoo-ion-scroll .result-explanation .explanation-value{color:var(--text-color, #807f83);line-height:1.5625rem}:host yoo-ion-scroll .result-explanation .explanation-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold}:host yoo-ion-scroll .separator{width:90%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host yoo-ion-scroll .result-document{margin:var(--spacing-16, 1rem)}:host yoo-ion-scroll .result-document .document-title{padding-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-ion-scroll .result-tag{padding:var(--spacing-08, 0.5rem);text-align:center}:host yoo-ion-scroll .result-tag span{color:var(--dark, #000000);font-size:var(--font-size-16, 1rem)}:host yoo-ion-scroll .result-tag span.action{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host yoo-ion-scroll .result-tag .tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:auto;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tag .tag-title{text-align:center}:host yoo-ion-scroll .result-tag .tags{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center}:host yoo-ion-scroll .result-tag .tags .badge-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-12, 0.75rem)}:host yoo-ion-scroll .result-tag .tags .badge-container yoo-tag{padding:var(--spacing-04, 0.25rem);background:var(--light, #ffffff);border-radius:var(--spacing-40, 2.5rem)}:host yoo-ion-scroll .document-image{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);overflow:hidden;--border-radius:var(--border-radius-08, 0.5rem)}:host yoo-ion-scroll yoo-progress-recap,:host yoo-ion-scroll yoo-points-recap{display:block;width:calc(100% - 2rem);max-width:30rem;margin:0 auto;padding:var(--spacing-08, 0.5rem)}:host .wall{position:absolute;width:100%;height:16rem;background-image:-webkit-gradient(linear, left bottom, left top, from(var(--light, #ffffff)), to(var(--stable-light, #f1f1f1)));background-image:linear-gradient(to top, var(--light, #ffffff), var(--stable-light, #f1f1f1));mix-blend-mode:multiply}:host yoo-lottie{height:12.5rem}:host yoo-tag{display:block;margin:0 auto}:host main{width:100%;padding-top:calc(var(--safe-area-inset-top) + var(--spacing-32, 2rem))}:host .answers{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .answers .title{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-24, 1.5rem)}";
9
9
 
10
10
  const YooLessonQuestionResultComponent = class {
11
11
  constructor(hostRef) {
package/dist/types/components/form/form-text-area/form-text-area.d.ts CHANGED
@@ -67,6 +67,7 @@ export declare class YooFormTextAreaComponent implements IFormInputBase<string>
67
67
  private scrollIntoViewOnFocus;
68
68
  private translationKey;
69
69
  protected emitValueAndSetValidity: (value: any, inputElement: any, forceNullValidation: boolean, validateInput: boolean, skipValueAssignment: boolean, preventInputChangedEvent?: boolean) => void;
70
+ private get isRichText();
70
71
  onValueChanged(value: string): void;
71
72
  allowMentionChanged(): void;
72
73
  onKeyboardShown(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.3.1-6",
3
+ "version": "8.3.1-7",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",