@yoobic/yobi 8.5.0-59 → 8.5.0-60

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 (11) hide show
  1. package/dist/cjs/yoo-form-input-container.cjs.entry.js +5 -5
  2. package/dist/cjs/yoo-incentive-detail.cjs.entry.js +2 -2
  3. package/dist/collection/components/form/form-input-container/form-input-container.js +5 -5
  4. package/dist/collection/feature-learn/incentive/incentive-detail/incentive-detail.css +2 -1
  5. package/dist/collection/feature-learn/incentive/incentive-detail/incentive-detail.js +1 -1
  6. package/dist/design-system/yoo-form-input-container.entry.js +5 -5
  7. package/dist/design-system/yoo-incentive-detail.entry.js +2 -2
  8. package/dist/esm/yoo-form-input-container.entry.js +5 -5
  9. package/dist/esm/yoo-incentive-detail.entry.js +2 -2
  10. package/dist/types/components/form/form-input-container/form-input-container.d.ts +3 -1
  11. package/package.json +1 -1
package/dist/cjs/yoo-form-input-container.cjs.entry.js CHANGED
@@ -224,9 +224,10 @@ const YooFormInputContainerComponent = class {
224
224
  index.forceUpdate(this);
225
225
  }
226
226
  }
227
- onRTEContentClick(ev) {
228
- var _a;
229
- commonHelpers.openImageDetailFromRTE(this.host, this.descriptionElement, (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.src);
227
+ onRTEContentClick({ target }) {
228
+ if ((target === null || target === void 0 ? void 0 : target.tagName) === 'IMG') {
229
+ commonHelpers.openImageDetailFromRTE(this.host, this.descriptionElement, target.src);
230
+ }
230
231
  this.headerClicked.emit();
231
232
  }
232
233
  renderDescription() {
@@ -321,8 +322,7 @@ const YooFormInputContainerComponent = class {
321
322
  return (this.shouldShowComments() && (index.h("yoo-form-input-comments", { class: { 'with-border-bottom': this.displayValidationComments }, readonly: this.readonly, user: this.commentsUser, comments: this.comments, onInputChanged: (ev) => this.onCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev) })));
322
323
  }
323
324
  renderValidationComments() {
324
- const readonly = !this.allowFieldValidation || !this.showValidationComments;
325
- return (this.displayValidationComments && (index.h("yoo-form-input-comments", { readonly: readonly, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));
325
+ return (this.displayValidationComments && (index.h("yoo-form-input-comments", { readonly: !this.allowFieldValidation || !this.showValidationComments, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));
326
326
  }
327
327
  render() {
328
328
  var _a, _b, _c, _d;
package/dist/cjs/yoo-incentive-detail.cjs.entry.js CHANGED
@@ -11,7 +11,7 @@ const overlays = require('./overlays-e5d2ff76.js');
11
11
  require('./lodash-a9050d79.js');
12
12
  require('./_commonjsHelpers-94df2ea7.js');
13
13
 
14
- const incentiveDetailCss = "svg:not(:root){overflow:hidden}:host .outer-container{padding:var(--spacing-16, 1rem)}:host .outer-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .subtitle{padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem)}:host .outer-container .description{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .unvisible{visibility:hidden}:host .outer-container .types>div,:host .outer-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .types>div yoo-icon,:host .outer-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .dates{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .dates .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .dates .date-range{-ms-flex:1;flex:1;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .progress-bar{margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .milestones .summary{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .milestones .summary .progress{font-weight:var(--font-weight-400, 400)}:host .outer-container .milestones .summary .leftover{-ms-flex:1;flex:1;color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);text-align:right}:host .outer-container .milestones .target-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .milestones .target-title .reach{-ms-flex:1;flex:1;font-weight:var(--font-weight-700, 700);text-align:right;cursor:pointer}:host .outer-container .milestones .target-title .reach yoo-icon{display:inline-block;margin-left:var(--spacing-08, 0.5rem);vertical-align:bottom}:host .outer-container .milestones .target-data{margin:var(--spacing-16, 1rem);overflow:hidden}:host .outer-container .milestones .target-data table{width:100%}:host .outer-container .milestones .target-data table tr.reached{color:var(--app-color, #5a30f4)}:host .outer-container .milestones .target-data table tr th,:host .outer-container .milestones .target-data table tr td{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-04, 0.25rem);font-weight:var(--font-weight-400, 400);text-align:left;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .milestones .target-data table tr td{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .milestones .target-data table tr yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web{padding:var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host .outer-container.web .top-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .top-container .image-container yoo-img{width:12.5rem;height:9.375rem;margin-right:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.web .top-container .description-container{-ms-flex:1;flex:1;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .outer-container.web .top-container .description-container .info-container{display:-ms-inline-flexbox;display:inline-flex}:host .outer-container.web .top-container .description-container .info-container div{display:inherit;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .info-container div.date-range,:host .outer-container.web .top-container .description-container .info-container div .owner-title{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .info-container div .owner-title{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web .top-container .description-container .info-container div.date yoo-icon,:host .outer-container.web .top-container .description-container .info-container div yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .description{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .tags-container{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .tags-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .middle-container{display:-ms-flexbox;display:flex;height:100%}:host .outer-container.web .middle-container .left-container{-ms-flex:0;flex:0;-ms-flex-preferred-size:auto;flex-basis:auto;padding-right:3.5rem;padding-bottom:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .left-container .total-number{display:-ms-inline-flexbox;display:inline-flex;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-54, 3.375rem);line-height:1.5;white-space:nowrap}:host .outer-container.web .middle-container .left-container .total-description{margin-left:var(--spacing-16, 1rem);color:var(--stable, #adadad)}:host .outer-container.web .middle-container .left-container .progress-container{display:table}:host .outer-container.web .middle-container .left-container .progress-container yoo-progress-bar{margin-top:var(--spacing-16, 1rem);--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .middle-container .left-container .progress-container .progress-bar-description{display:table-cell;padding-left:var(--spacing-16, 1rem);font-weight:var(--font-weight-900, 900);vertical-align:middle}:host .outer-container.web .middle-container .left-container yoo-progress-bar{width:15rem;--progress-value-font-size:var(--font-size-20, 1.25rem)}:host .outer-container.web .middle-container .left-container yoo-tag{display:-ms-flexbox;display:flex}:host .outer-container.web .middle-container .left-container .position{font-size:var(--font-size-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .middle-container .left-container .position yoo-tag{margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .right-container{-ms-flex:1;flex:1}:host .outer-container.web .middle-container .right-container .kpichart{height:12.5rem}:host .outer-container.web .bottom-container{display:-ms-flexbox;display:flex;background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .outer-container.web .bottom-container .box{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container .box .subtitle{padding:var(--spacing-16, 1rem) 0 0 var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .bottom-container .box .box-content{height:23.75rem;margin:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container.web .bottom-container .box .box-content.targets{padding-right:0}:host .outer-container.web .bottom-container .box .box-content.leaderboard{padding-right:0}:host .outer-container.web .bottom-container .box .box-content .total{display:-ms-flexbox;display:flex;padding:var(--spacing-16, 1rem) 0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container.web .bottom-container .box .box-content .total .value{-ms-flex:1;flex:1;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-14, 0.875rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .bottom-container .box .box-content .item .values{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item .values span{display:block}:host .outer-container.web .bottom-container .box .box-content .item yoo-img{width:3rem;height:3rem;margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .title-category{display:-ms-flexbox;display:flex;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-14, 0.875rem);text-transform:capitalize}.outer-container.mobile yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position{font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}.outer-container.mobile .kpichart{height:12.5rem}:host(.web) .box-content{}:host(.web) .box-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web) .box-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}";
14
+ const incentiveDetailCss = "svg:not(:root){overflow:hidden}:host .outer-container{padding:var(--spacing-16, 1rem)}:host .outer-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .subtitle{padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem)}:host .outer-container .description{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .unvisible{visibility:hidden}:host .outer-container .types>div,:host .outer-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .types>div yoo-icon,:host .outer-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .dates{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .dates .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .dates .date-range{-ms-flex:1;flex:1;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .progress-bar{margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .milestones .summary{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .milestones .summary .progress{font-weight:var(--font-weight-400, 400)}:host .outer-container .milestones .summary .leftover{-ms-flex:1;flex:1;color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);text-align:right}:host .outer-container .milestones .target-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .milestones .target-title .reach{-ms-flex:1;flex:1;font-weight:var(--font-weight-700, 700);text-align:right;cursor:pointer}:host .outer-container .milestones .target-title .reach yoo-icon{display:inline-block;margin-left:var(--spacing-08, 0.5rem);vertical-align:bottom}:host .outer-container .milestones .target-data{margin:var(--spacing-16, 1rem);overflow:hidden}:host .outer-container .milestones .target-data table{width:100%}:host .outer-container .milestones .target-data table tr.reached{color:var(--app-color, #5a30f4)}:host .outer-container .milestones .target-data table tr th,:host .outer-container .milestones .target-data table tr td{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-04, 0.25rem);font-weight:var(--font-weight-400, 400);text-align:left;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .milestones .target-data table tr td{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .milestones .target-data table tr yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web{padding:var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host .outer-container.web .top-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .top-container .image-container yoo-img{width:12.5rem;height:9.375rem;margin-right:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.web .top-container .description-container{-ms-flex:1;flex:1;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .outer-container.web .top-container .description-container .info-container{display:-ms-inline-flexbox;display:inline-flex}:host .outer-container.web .top-container .description-container .info-container div{display:inherit;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .info-container div.date-range,:host .outer-container.web .top-container .description-container .info-container div .owner-title{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .info-container div .owner-title{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web .top-container .description-container .info-container div.date yoo-icon,:host .outer-container.web .top-container .description-container .info-container div yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .description{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .tags-container{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .tags-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .middle-container{display:-ms-flexbox;display:flex;height:100%}:host .outer-container.web .middle-container .left-container{-ms-flex:0;flex:0;-ms-flex-preferred-size:auto;flex-basis:auto;padding-right:3.5rem;padding-bottom:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .left-container .total-number{display:-ms-inline-flexbox;display:inline-flex;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-54, 3.375rem);line-height:1.25;white-space:nowrap}:host .outer-container.web .middle-container .left-container .total-description{margin-left:var(--spacing-16, 1rem);color:var(--stable, #adadad)}:host .outer-container.web .middle-container .left-container .progress-container{display:table}:host .outer-container.web .middle-container .left-container .progress-container yoo-progress-bar{margin-top:var(--spacing-16, 1rem);--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .middle-container .left-container .progress-container .progress-bar-description{display:table-cell;padding-left:var(--spacing-16, 1rem);font-weight:var(--font-weight-900, 900);vertical-align:middle}:host .outer-container.web .middle-container .left-container yoo-progress-bar{width:15rem;--progress-value-font-size:var(--font-size-20, 1.25rem)}:host .outer-container.web .middle-container .left-container yoo-tag{display:-ms-flexbox;display:flex}:host .outer-container.web .middle-container .left-container .position{font-size:var(--font-size-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .middle-container .left-container .position yoo-tag{margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .right-container{-ms-flex:1;flex:1}:host .outer-container.web .middle-container .right-container .kpichart{height:12.5rem}:host .outer-container.web .bottom-container{display:-ms-flexbox;display:flex;background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .outer-container.web .bottom-container .box{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container .box .subtitle{padding:var(--spacing-16, 1rem) 0 0 var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .bottom-container .box .box-content{height:23.75rem;margin:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container.web .bottom-container .box .box-content.targets{padding-right:0}:host .outer-container.web .bottom-container .box .box-content.leaderboard{padding-right:0}:host .outer-container.web .bottom-container .box .box-content .total{display:-ms-flexbox;display:flex;padding:var(--spacing-16, 1rem) 0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container.web .bottom-container .box .box-content .total .value{-ms-flex:1;flex:1;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-14, 0.875rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .bottom-container .box .box-content .item .values{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item .values span{display:block}:host .outer-container.web .bottom-container .box .box-content .item yoo-img{width:3rem;height:3rem;margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .title-category{display:-ms-flexbox;display:flex;margin-top:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-14, 0.875rem);text-transform:capitalize}.outer-container.mobile yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position{font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}.outer-container.mobile .kpichart{height:12.5rem}:host(.web) .box-content{}:host(.web) .box-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web) .box-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}";
15
15
 
16
16
  const YooIncentiveDetailComponent = class {
17
17
  constructor(hostRef) {
@@ -159,7 +159,7 @@ const YooIncentiveDetailComponent = class {
159
159
  const progressPercent = overlays.getIncentiveProgress(this.incentive, this.score, this.showManagerView);
160
160
  const leftOverValue = (progressOfValue - progressBaseValue);
161
161
  const progressLeftOver = overlays.appendIncentiveUnit(leftOverValue > 0 ? leftOverValue : null, this.incentive.unit, this.incentive.isUnitCurrency);
162
- return (index.h("div", { class: "middle-container" }, index.h("div", { class: "left-container" }, !this.showManagerView && isMilestones && positionText && index.h("div", { class: "position" }, index.h("yoo-tag", { color: "app-color-10", icon: "award-trophy-star", size: "extra-large" }), positionText), index.h("span", { class: "title-category" }, overlays.translate(this.showManagerView ? 'TOTALSALES' : 'SALES')), index.h("span", { class: "total-number" }, progressBaseText), isMilestones && progressOfText && index.h("span", { class: "total-description" }, overlays.translate('INCENTIVESOF'), " ", progressOfText), isMilestones && progressLeftOver && index.h("yoo-tag", { color: "app-color-10" }, progressLeftOver, " ", overlays.translate('LEFT')), isMilestones &&
162
+ return (index.h("div", { class: "middle-container" }, index.h("div", { class: "left-container" }, !this.showManagerView && positionText && index.h("div", { class: "position" }, index.h("yoo-tag", { color: "app-color-10", icon: "award-trophy-star", size: "extra-large" }), positionText), index.h("span", { class: "title-category" }, overlays.translate(this.showManagerView ? 'TOTALSALES' : 'SALES')), index.h("span", { class: "total-number" }, progressBaseText), isMilestones && progressOfText && index.h("span", { class: "total-description" }, overlays.translate('INCENTIVESOF'), " ", progressOfText), isMilestones && progressLeftOver && index.h("yoo-tag", { color: "app-color-10" }, progressLeftOver, " ", overlays.translate('LEFT')), isMilestones &&
163
163
  index.h("div", { class: "progress-container" }, index.h("yoo-progress-bar", { value: (progressPercent || 0) * 100, shape: "line", percentValueColorScheme: true }))), index.h("div", { class: "right-container" }, index.h("span", { class: "title-category" }, overlays.translate('PERFORMANCEEVOLUTIONINCENTIVES')), this.renderChart())));
164
164
  }
165
165
  renderWebBottomContainer() {
package/dist/collection/components/form/form-input-container/form-input-container.js CHANGED
@@ -206,9 +206,10 @@ export class YooFormInputContainerComponent {
206
206
  forceUpdate(this);
207
207
  }
208
208
  }
209
- onRTEContentClick(ev) {
210
- var _a;
211
- openImageDetailFromRTE(this.host, this.descriptionElement, (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.src);
209
+ onRTEContentClick({ target }) {
210
+ if ((target === null || target === void 0 ? void 0 : target.tagName) === 'IMG') {
211
+ openImageDetailFromRTE(this.host, this.descriptionElement, target.src);
212
+ }
212
213
  this.headerClicked.emit();
213
214
  }
214
215
  renderDescription() {
@@ -303,8 +304,7 @@ export class YooFormInputContainerComponent {
303
304
  return (this.shouldShowComments() && (h("yoo-form-input-comments", { class: { 'with-border-bottom': this.displayValidationComments }, readonly: this.readonly, user: this.commentsUser, comments: this.comments, onInputChanged: (ev) => this.onCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev) })));
304
305
  }
305
306
  renderValidationComments() {
306
- const readonly = !this.allowFieldValidation || !this.showValidationComments;
307
- return (this.displayValidationComments && (h("yoo-form-input-comments", { readonly: readonly, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));
307
+ return (this.displayValidationComments && (h("yoo-form-input-comments", { readonly: !this.allowFieldValidation || !this.showValidationComments, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));
308
308
  }
309
309
  render() {
310
310
  var _a, _b, _c, _d;
package/dist/collection/feature-learn/incentive/incentive-detail/incentive-detail.css CHANGED
@@ -393,7 +393,7 @@ svg:not(:root) {
393
393
  color: var(--dark, #000000);
394
394
  font-weight: var(--font-weight-900, 900);
395
395
  font-size: var(--font-size-54, 3.375rem);
396
- line-height: 1.5;
396
+ line-height: 1.25;
397
397
  white-space: nowrap;
398
398
  }
399
399
  :host .outer-container.web .middle-container .left-container .total-description {
@@ -492,6 +492,7 @@ svg:not(:root) {
492
492
  }
493
493
  :host .outer-container.web .title-category {
494
494
  display: flex;
495
+ margin-top: var(--spacing-16, 1rem);
495
496
  color: var(--dark, #000000);
496
497
  font-weight: var(--font-weight-900, 900);
497
498
  font-size: var(--font-size-14, 0.875rem);
package/dist/collection/feature-learn/incentive/incentive-detail/incentive-detail.js CHANGED
@@ -148,7 +148,7 @@ export class YooIncentiveDetailComponent {
148
148
  const progressPercent = getIncentiveProgress(this.incentive, this.score, this.showManagerView);
149
149
  const leftOverValue = (progressOfValue - progressBaseValue);
150
150
  const progressLeftOver = appendIncentiveUnit(leftOverValue > 0 ? leftOverValue : null, this.incentive.unit, this.incentive.isUnitCurrency);
151
- return (h("div", { class: "middle-container" }, h("div", { class: "left-container" }, !this.showManagerView && isMilestones && positionText && h("div", { class: "position" }, h("yoo-tag", { color: "app-color-10", icon: "award-trophy-star", size: "extra-large" }), positionText), h("span", { class: "title-category" }, translate(this.showManagerView ? 'TOTALSALES' : 'SALES')), h("span", { class: "total-number" }, progressBaseText), isMilestones && progressOfText && h("span", { class: "total-description" }, translate('INCENTIVESOF'), " ", progressOfText), isMilestones && progressLeftOver && h("yoo-tag", { color: "app-color-10" }, progressLeftOver, " ", translate('LEFT')), isMilestones &&
151
+ return (h("div", { class: "middle-container" }, h("div", { class: "left-container" }, !this.showManagerView && positionText && h("div", { class: "position" }, h("yoo-tag", { color: "app-color-10", icon: "award-trophy-star", size: "extra-large" }), positionText), h("span", { class: "title-category" }, translate(this.showManagerView ? 'TOTALSALES' : 'SALES')), h("span", { class: "total-number" }, progressBaseText), isMilestones && progressOfText && h("span", { class: "total-description" }, translate('INCENTIVESOF'), " ", progressOfText), isMilestones && progressLeftOver && h("yoo-tag", { color: "app-color-10" }, progressLeftOver, " ", translate('LEFT')), isMilestones &&
152
152
  h("div", { class: "progress-container" }, h("yoo-progress-bar", { value: (progressPercent || 0) * 100, shape: "line", percentValueColorScheme: true }))), h("div", { class: "right-container" }, h("span", { class: "title-category" }, translate('PERFORMANCEEVOLUTIONINCENTIVES')), this.renderChart())));
153
153
  }
154
154
  renderWebBottomContainer() {
package/dist/design-system/yoo-form-input-container.entry.js CHANGED
@@ -220,9 +220,10 @@ const YooFormInputContainerComponent = class {
220
220
  forceUpdate(this);
221
221
  }
222
222
  }
223
- onRTEContentClick(ev) {
224
- var _a;
225
- openImageDetailFromRTE(this.host, this.descriptionElement, (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.src);
223
+ onRTEContentClick({ target }) {
224
+ if ((target === null || target === void 0 ? void 0 : target.tagName) === 'IMG') {
225
+ openImageDetailFromRTE(this.host, this.descriptionElement, target.src);
226
+ }
226
227
  this.headerClicked.emit();
227
228
  }
228
229
  renderDescription() {
@@ -317,8 +318,7 @@ const YooFormInputContainerComponent = class {
317
318
  return (this.shouldShowComments() && (h("yoo-form-input-comments", { class: { 'with-border-bottom': this.displayValidationComments }, readonly: this.readonly, user: this.commentsUser, comments: this.comments, onInputChanged: (ev) => this.onCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev) })));
318
319
  }
319
320
  renderValidationComments() {
320
- const readonly = !this.allowFieldValidation || !this.showValidationComments;
321
- return (this.displayValidationComments && (h("yoo-form-input-comments", { readonly: readonly, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));
321
+ return (this.displayValidationComments && (h("yoo-form-input-comments", { readonly: !this.allowFieldValidation || !this.showValidationComments, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));
322
322
  }
323
323
  render() {
324
324
  var _a, _b, _c, _d;
package/dist/design-system/yoo-incentive-detail.entry.js CHANGED
@@ -7,7 +7,7 @@ import { a8 as getSession, c5 as getIncentiveTargetHighestMilestone, aa as appen
7
7
  import './lodash-777f91de.js';
8
8
  import './_commonjsHelpers-f4d11124.js';
9
9
 
10
- const incentiveDetailCss = "svg:not(:root){overflow:hidden}:host .outer-container{padding:var(--spacing-16, 1rem)}:host .outer-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .subtitle{padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem)}:host .outer-container .description{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .unvisible{visibility:hidden}:host .outer-container .types>div,:host .outer-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .types>div yoo-icon,:host .outer-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .dates{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .dates .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .dates .date-range{-ms-flex:1;flex:1;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .progress-bar{margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .milestones .summary{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .milestones .summary .progress{font-weight:var(--font-weight-400, 400)}:host .outer-container .milestones .summary .leftover{-ms-flex:1;flex:1;color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);text-align:right}:host .outer-container .milestones .target-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .milestones .target-title .reach{-ms-flex:1;flex:1;font-weight:var(--font-weight-700, 700);text-align:right;cursor:pointer}:host .outer-container .milestones .target-title .reach yoo-icon{display:inline-block;margin-left:var(--spacing-08, 0.5rem);vertical-align:bottom}:host .outer-container .milestones .target-data{margin:var(--spacing-16, 1rem);overflow:hidden}:host .outer-container .milestones .target-data table{width:100%}:host .outer-container .milestones .target-data table tr.reached{color:var(--app-color, #5a30f4)}:host .outer-container .milestones .target-data table tr th,:host .outer-container .milestones .target-data table tr td{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-04, 0.25rem);font-weight:var(--font-weight-400, 400);text-align:left;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .milestones .target-data table tr td{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .milestones .target-data table tr yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web{padding:var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host .outer-container.web .top-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .top-container .image-container yoo-img{width:12.5rem;height:9.375rem;margin-right:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.web .top-container .description-container{-ms-flex:1;flex:1;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .outer-container.web .top-container .description-container .info-container{display:-ms-inline-flexbox;display:inline-flex}:host .outer-container.web .top-container .description-container .info-container div{display:inherit;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .info-container div.date-range,:host .outer-container.web .top-container .description-container .info-container div .owner-title{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .info-container div .owner-title{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web .top-container .description-container .info-container div.date yoo-icon,:host .outer-container.web .top-container .description-container .info-container div yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .description{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .tags-container{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .tags-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .middle-container{display:-ms-flexbox;display:flex;height:100%}:host .outer-container.web .middle-container .left-container{-ms-flex:0;flex:0;-ms-flex-preferred-size:auto;flex-basis:auto;padding-right:3.5rem;padding-bottom:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .left-container .total-number{display:-ms-inline-flexbox;display:inline-flex;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-54, 3.375rem);line-height:1.5;white-space:nowrap}:host .outer-container.web .middle-container .left-container .total-description{margin-left:var(--spacing-16, 1rem);color:var(--stable, #adadad)}:host .outer-container.web .middle-container .left-container .progress-container{display:table}:host .outer-container.web .middle-container .left-container .progress-container yoo-progress-bar{margin-top:var(--spacing-16, 1rem);--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .middle-container .left-container .progress-container .progress-bar-description{display:table-cell;padding-left:var(--spacing-16, 1rem);font-weight:var(--font-weight-900, 900);vertical-align:middle}:host .outer-container.web .middle-container .left-container yoo-progress-bar{width:15rem;--progress-value-font-size:var(--font-size-20, 1.25rem)}:host .outer-container.web .middle-container .left-container yoo-tag{display:-ms-flexbox;display:flex}:host .outer-container.web .middle-container .left-container .position{font-size:var(--font-size-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .middle-container .left-container .position yoo-tag{margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .right-container{-ms-flex:1;flex:1}:host .outer-container.web .middle-container .right-container .kpichart{height:12.5rem}:host .outer-container.web .bottom-container{display:-ms-flexbox;display:flex;background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .outer-container.web .bottom-container .box{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container .box .subtitle{padding:var(--spacing-16, 1rem) 0 0 var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .bottom-container .box .box-content{height:23.75rem;margin:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container.web .bottom-container .box .box-content.targets{padding-right:0}:host .outer-container.web .bottom-container .box .box-content.leaderboard{padding-right:0}:host .outer-container.web .bottom-container .box .box-content .total{display:-ms-flexbox;display:flex;padding:var(--spacing-16, 1rem) 0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container.web .bottom-container .box .box-content .total .value{-ms-flex:1;flex:1;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-14, 0.875rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .bottom-container .box .box-content .item .values{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item .values span{display:block}:host .outer-container.web .bottom-container .box .box-content .item yoo-img{width:3rem;height:3rem;margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .title-category{display:-ms-flexbox;display:flex;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-14, 0.875rem);text-transform:capitalize}.outer-container.mobile yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position{font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}.outer-container.mobile .kpichart{height:12.5rem}:host(.web) .box-content{}:host(.web) .box-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web) .box-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}";
10
+ const incentiveDetailCss = "svg:not(:root){overflow:hidden}:host .outer-container{padding:var(--spacing-16, 1rem)}:host .outer-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .subtitle{padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem)}:host .outer-container .description{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .unvisible{visibility:hidden}:host .outer-container .types>div,:host .outer-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .types>div yoo-icon,:host .outer-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .dates{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .dates .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .dates .date-range{-ms-flex:1;flex:1;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .progress-bar{margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .milestones .summary{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .milestones .summary .progress{font-weight:var(--font-weight-400, 400)}:host .outer-container .milestones .summary .leftover{-ms-flex:1;flex:1;color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);text-align:right}:host .outer-container .milestones .target-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .milestones .target-title .reach{-ms-flex:1;flex:1;font-weight:var(--font-weight-700, 700);text-align:right;cursor:pointer}:host .outer-container .milestones .target-title .reach yoo-icon{display:inline-block;margin-left:var(--spacing-08, 0.5rem);vertical-align:bottom}:host .outer-container .milestones .target-data{margin:var(--spacing-16, 1rem);overflow:hidden}:host .outer-container .milestones .target-data table{width:100%}:host .outer-container .milestones .target-data table tr.reached{color:var(--app-color, #5a30f4)}:host .outer-container .milestones .target-data table tr th,:host .outer-container .milestones .target-data table tr td{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-04, 0.25rem);font-weight:var(--font-weight-400, 400);text-align:left;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .milestones .target-data table tr td{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .milestones .target-data table tr yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web{padding:var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host .outer-container.web .top-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .top-container .image-container yoo-img{width:12.5rem;height:9.375rem;margin-right:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.web .top-container .description-container{-ms-flex:1;flex:1;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .outer-container.web .top-container .description-container .info-container{display:-ms-inline-flexbox;display:inline-flex}:host .outer-container.web .top-container .description-container .info-container div{display:inherit;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .info-container div.date-range,:host .outer-container.web .top-container .description-container .info-container div .owner-title{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .info-container div .owner-title{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web .top-container .description-container .info-container div.date yoo-icon,:host .outer-container.web .top-container .description-container .info-container div yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .description{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .tags-container{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .tags-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .middle-container{display:-ms-flexbox;display:flex;height:100%}:host .outer-container.web .middle-container .left-container{-ms-flex:0;flex:0;-ms-flex-preferred-size:auto;flex-basis:auto;padding-right:3.5rem;padding-bottom:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .left-container .total-number{display:-ms-inline-flexbox;display:inline-flex;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-54, 3.375rem);line-height:1.25;white-space:nowrap}:host .outer-container.web .middle-container .left-container .total-description{margin-left:var(--spacing-16, 1rem);color:var(--stable, #adadad)}:host .outer-container.web .middle-container .left-container .progress-container{display:table}:host .outer-container.web .middle-container .left-container .progress-container yoo-progress-bar{margin-top:var(--spacing-16, 1rem);--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .middle-container .left-container .progress-container .progress-bar-description{display:table-cell;padding-left:var(--spacing-16, 1rem);font-weight:var(--font-weight-900, 900);vertical-align:middle}:host .outer-container.web .middle-container .left-container yoo-progress-bar{width:15rem;--progress-value-font-size:var(--font-size-20, 1.25rem)}:host .outer-container.web .middle-container .left-container yoo-tag{display:-ms-flexbox;display:flex}:host .outer-container.web .middle-container .left-container .position{font-size:var(--font-size-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .middle-container .left-container .position yoo-tag{margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .right-container{-ms-flex:1;flex:1}:host .outer-container.web .middle-container .right-container .kpichart{height:12.5rem}:host .outer-container.web .bottom-container{display:-ms-flexbox;display:flex;background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .outer-container.web .bottom-container .box{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container .box .subtitle{padding:var(--spacing-16, 1rem) 0 0 var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .bottom-container .box .box-content{height:23.75rem;margin:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container.web .bottom-container .box .box-content.targets{padding-right:0}:host .outer-container.web .bottom-container .box .box-content.leaderboard{padding-right:0}:host .outer-container.web .bottom-container .box .box-content .total{display:-ms-flexbox;display:flex;padding:var(--spacing-16, 1rem) 0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container.web .bottom-container .box .box-content .total .value{-ms-flex:1;flex:1;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-14, 0.875rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .bottom-container .box .box-content .item .values{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item .values span{display:block}:host .outer-container.web .bottom-container .box .box-content .item yoo-img{width:3rem;height:3rem;margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .title-category{display:-ms-flexbox;display:flex;margin-top:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-14, 0.875rem);text-transform:capitalize}.outer-container.mobile yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position{font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}.outer-container.mobile .kpichart{height:12.5rem}:host(.web) .box-content{}:host(.web) .box-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web) .box-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}";
11
11
 
12
12
  const YooIncentiveDetailComponent = class {
13
13
  constructor(hostRef) {
@@ -155,7 +155,7 @@ const YooIncentiveDetailComponent = class {
155
155
  const progressPercent = getIncentiveProgress(this.incentive, this.score, this.showManagerView);
156
156
  const leftOverValue = (progressOfValue - progressBaseValue);
157
157
  const progressLeftOver = appendIncentiveUnit(leftOverValue > 0 ? leftOverValue : null, this.incentive.unit, this.incentive.isUnitCurrency);
158
- return (h("div", { class: "middle-container" }, h("div", { class: "left-container" }, !this.showManagerView && isMilestones && positionText && h("div", { class: "position" }, h("yoo-tag", { color: "app-color-10", icon: "award-trophy-star", size: "extra-large" }), positionText), h("span", { class: "title-category" }, translate(this.showManagerView ? 'TOTALSALES' : 'SALES')), h("span", { class: "total-number" }, progressBaseText), isMilestones && progressOfText && h("span", { class: "total-description" }, translate('INCENTIVESOF'), " ", progressOfText), isMilestones && progressLeftOver && h("yoo-tag", { color: "app-color-10" }, progressLeftOver, " ", translate('LEFT')), isMilestones &&
158
+ return (h("div", { class: "middle-container" }, h("div", { class: "left-container" }, !this.showManagerView && positionText && h("div", { class: "position" }, h("yoo-tag", { color: "app-color-10", icon: "award-trophy-star", size: "extra-large" }), positionText), h("span", { class: "title-category" }, translate(this.showManagerView ? 'TOTALSALES' : 'SALES')), h("span", { class: "total-number" }, progressBaseText), isMilestones && progressOfText && h("span", { class: "total-description" }, translate('INCENTIVESOF'), " ", progressOfText), isMilestones && progressLeftOver && h("yoo-tag", { color: "app-color-10" }, progressLeftOver, " ", translate('LEFT')), isMilestones &&
159
159
  h("div", { class: "progress-container" }, h("yoo-progress-bar", { value: (progressPercent || 0) * 100, shape: "line", percentValueColorScheme: true }))), h("div", { class: "right-container" }, h("span", { class: "title-category" }, translate('PERFORMANCEEVOLUTIONINCENTIVES')), this.renderChart())));
160
160
  }
161
161
  renderWebBottomContainer() {
package/dist/esm/yoo-form-input-container.entry.js CHANGED
@@ -220,9 +220,10 @@ const YooFormInputContainerComponent = class {
220
220
  forceUpdate(this);
221
221
  }
222
222
  }
223
- onRTEContentClick(ev) {
224
- var _a;
225
- openImageDetailFromRTE(this.host, this.descriptionElement, (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.src);
223
+ onRTEContentClick({ target }) {
224
+ if ((target === null || target === void 0 ? void 0 : target.tagName) === 'IMG') {
225
+ openImageDetailFromRTE(this.host, this.descriptionElement, target.src);
226
+ }
226
227
  this.headerClicked.emit();
227
228
  }
228
229
  renderDescription() {
@@ -317,8 +318,7 @@ const YooFormInputContainerComponent = class {
317
318
  return (this.shouldShowComments() && (h("yoo-form-input-comments", { class: { 'with-border-bottom': this.displayValidationComments }, readonly: this.readonly, user: this.commentsUser, comments: this.comments, onInputChanged: (ev) => this.onCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev) })));
318
319
  }
319
320
  renderValidationComments() {
320
- const readonly = !this.allowFieldValidation || !this.showValidationComments;
321
- return (this.displayValidationComments && (h("yoo-form-input-comments", { readonly: readonly, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));
321
+ return (this.displayValidationComments && (h("yoo-form-input-comments", { readonly: !this.allowFieldValidation || !this.showValidationComments, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));
322
322
  }
323
323
  render() {
324
324
  var _a, _b, _c, _d;
package/dist/esm/yoo-incentive-detail.entry.js CHANGED
@@ -7,7 +7,7 @@ import { a8 as getSession, c5 as getIncentiveTargetHighestMilestone, aa as appen
7
7
  import './lodash-777f91de.js';
8
8
  import './_commonjsHelpers-f4d11124.js';
9
9
 
10
- const incentiveDetailCss = "svg:not(:root){overflow:hidden}:host .outer-container{padding:var(--spacing-16, 1rem)}:host .outer-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .subtitle{padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem)}:host .outer-container .description{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .unvisible{visibility:hidden}:host .outer-container .types>div,:host .outer-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .types>div yoo-icon,:host .outer-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .dates{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .dates .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .dates .date-range{-ms-flex:1;flex:1;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .progress-bar{margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .milestones .summary{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .milestones .summary .progress{font-weight:var(--font-weight-400, 400)}:host .outer-container .milestones .summary .leftover{-ms-flex:1;flex:1;color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);text-align:right}:host .outer-container .milestones .target-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .milestones .target-title .reach{-ms-flex:1;flex:1;font-weight:var(--font-weight-700, 700);text-align:right;cursor:pointer}:host .outer-container .milestones .target-title .reach yoo-icon{display:inline-block;margin-left:var(--spacing-08, 0.5rem);vertical-align:bottom}:host .outer-container .milestones .target-data{margin:var(--spacing-16, 1rem);overflow:hidden}:host .outer-container .milestones .target-data table{width:100%}:host .outer-container .milestones .target-data table tr.reached{color:var(--app-color, #5a30f4)}:host .outer-container .milestones .target-data table tr th,:host .outer-container .milestones .target-data table tr td{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-04, 0.25rem);font-weight:var(--font-weight-400, 400);text-align:left;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .milestones .target-data table tr td{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .milestones .target-data table tr yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web{padding:var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host .outer-container.web .top-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .top-container .image-container yoo-img{width:12.5rem;height:9.375rem;margin-right:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.web .top-container .description-container{-ms-flex:1;flex:1;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .outer-container.web .top-container .description-container .info-container{display:-ms-inline-flexbox;display:inline-flex}:host .outer-container.web .top-container .description-container .info-container div{display:inherit;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .info-container div.date-range,:host .outer-container.web .top-container .description-container .info-container div .owner-title{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .info-container div .owner-title{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web .top-container .description-container .info-container div.date yoo-icon,:host .outer-container.web .top-container .description-container .info-container div yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .description{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .tags-container{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .tags-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .middle-container{display:-ms-flexbox;display:flex;height:100%}:host .outer-container.web .middle-container .left-container{-ms-flex:0;flex:0;-ms-flex-preferred-size:auto;flex-basis:auto;padding-right:3.5rem;padding-bottom:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .left-container .total-number{display:-ms-inline-flexbox;display:inline-flex;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-54, 3.375rem);line-height:1.5;white-space:nowrap}:host .outer-container.web .middle-container .left-container .total-description{margin-left:var(--spacing-16, 1rem);color:var(--stable, #adadad)}:host .outer-container.web .middle-container .left-container .progress-container{display:table}:host .outer-container.web .middle-container .left-container .progress-container yoo-progress-bar{margin-top:var(--spacing-16, 1rem);--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .middle-container .left-container .progress-container .progress-bar-description{display:table-cell;padding-left:var(--spacing-16, 1rem);font-weight:var(--font-weight-900, 900);vertical-align:middle}:host .outer-container.web .middle-container .left-container yoo-progress-bar{width:15rem;--progress-value-font-size:var(--font-size-20, 1.25rem)}:host .outer-container.web .middle-container .left-container yoo-tag{display:-ms-flexbox;display:flex}:host .outer-container.web .middle-container .left-container .position{font-size:var(--font-size-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .middle-container .left-container .position yoo-tag{margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .right-container{-ms-flex:1;flex:1}:host .outer-container.web .middle-container .right-container .kpichart{height:12.5rem}:host .outer-container.web .bottom-container{display:-ms-flexbox;display:flex;background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .outer-container.web .bottom-container .box{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container .box .subtitle{padding:var(--spacing-16, 1rem) 0 0 var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .bottom-container .box .box-content{height:23.75rem;margin:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container.web .bottom-container .box .box-content.targets{padding-right:0}:host .outer-container.web .bottom-container .box .box-content.leaderboard{padding-right:0}:host .outer-container.web .bottom-container .box .box-content .total{display:-ms-flexbox;display:flex;padding:var(--spacing-16, 1rem) 0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container.web .bottom-container .box .box-content .total .value{-ms-flex:1;flex:1;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-14, 0.875rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .bottom-container .box .box-content .item .values{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item .values span{display:block}:host .outer-container.web .bottom-container .box .box-content .item yoo-img{width:3rem;height:3rem;margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .title-category{display:-ms-flexbox;display:flex;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-14, 0.875rem);text-transform:capitalize}.outer-container.mobile yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position{font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}.outer-container.mobile .kpichart{height:12.5rem}:host(.web) .box-content{}:host(.web) .box-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web) .box-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}";
10
+ const incentiveDetailCss = "svg:not(:root){overflow:hidden}:host .outer-container{padding:var(--spacing-16, 1rem)}:host .outer-container .title{padding-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--font-size-28, 1.75rem)}:host .outer-container .subtitle{padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-18, 1.125rem)}:host .outer-container .description{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;overflow:hidden;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem);line-height:var(--font-size-20, 1.25rem)}:host .outer-container .types{display:-ms-flexbox;display:flex;font-size:var(--font-size-16, 1rem)}:host .outer-container .unvisible{visibility:hidden}:host .outer-container .types>div,:host .outer-container .date{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-right:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .outer-container .types>div yoo-icon,:host .outer-container .date yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .dates{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .dates .date{color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .dates .date-range{-ms-flex:1;flex:1;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .outer-container .position{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem) 0;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700)}:host .outer-container .progress-bar{margin:var(--spacing-04, 0.25rem) 0}:host .outer-container .milestones .summary{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .milestones .summary .progress{font-weight:var(--font-weight-400, 400)}:host .outer-container .milestones .summary .leftover{-ms-flex:1;flex:1;color:var(--app-color, #5a30f4);font-weight:var(--font-weight-700, 700);text-align:right}:host .outer-container .milestones .target-title{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .outer-container .milestones .target-title .reach{-ms-flex:1;flex:1;font-weight:var(--font-weight-700, 700);text-align:right;cursor:pointer}:host .outer-container .milestones .target-title .reach yoo-icon{display:inline-block;margin-left:var(--spacing-08, 0.5rem);vertical-align:bottom}:host .outer-container .milestones .target-data{margin:var(--spacing-16, 1rem);overflow:hidden}:host .outer-container .milestones .target-data table{width:100%}:host .outer-container .milestones .target-data table tr.reached{color:var(--app-color, #5a30f4)}:host .outer-container .milestones .target-data table tr th,:host .outer-container .milestones .target-data table tr td{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-04, 0.25rem);font-weight:var(--font-weight-400, 400);text-align:left;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .milestones .target-data table tr td{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .milestones .target-data table tr yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web{padding:var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host .outer-container.web .top-container{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .top-container .image-container yoo-img{width:12.5rem;height:9.375rem;margin-right:var(--spacing-16, 1rem);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container.web .top-container .description-container{-ms-flex:1;flex:1;padding-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .outer-container.web .top-container .description-container .info-container{display:-ms-inline-flexbox;display:inline-flex}:host .outer-container.web .top-container .description-container .info-container div{display:inherit;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .info-container div.date-range,:host .outer-container.web .top-container .description-container .info-container div .owner-title{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .info-container div .owner-title{margin-right:var(--spacing-04, 0.25rem)}:host .outer-container.web .top-container .description-container .info-container div.date yoo-icon,:host .outer-container.web .top-container .description-container .info-container div yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .description{color:var(--stable, #adadad)}:host .outer-container.web .top-container .description-container .tags-container{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container.web .top-container .description-container .tags-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container.web .middle-container{display:-ms-flexbox;display:flex;height:100%}:host .outer-container.web .middle-container .left-container{-ms-flex:0;flex:0;-ms-flex-preferred-size:auto;flex-basis:auto;padding-right:3.5rem;padding-bottom:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .left-container .total-number{display:-ms-inline-flexbox;display:inline-flex;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-54, 3.375rem);line-height:1.25;white-space:nowrap}:host .outer-container.web .middle-container .left-container .total-description{margin-left:var(--spacing-16, 1rem);color:var(--stable, #adadad)}:host .outer-container.web .middle-container .left-container .progress-container{display:table}:host .outer-container.web .middle-container .left-container .progress-container yoo-progress-bar{margin-top:var(--spacing-16, 1rem);--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .middle-container .left-container .progress-container .progress-bar-description{display:table-cell;padding-left:var(--spacing-16, 1rem);font-weight:var(--font-weight-900, 900);vertical-align:middle}:host .outer-container.web .middle-container .left-container yoo-progress-bar{width:15rem;--progress-value-font-size:var(--font-size-20, 1.25rem)}:host .outer-container.web .middle-container .left-container yoo-tag{display:-ms-flexbox;display:flex}:host .outer-container.web .middle-container .left-container .position{font-size:var(--font-size-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .middle-container .left-container .position yoo-tag{margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .middle-container .right-container{-ms-flex:1;flex:1}:host .outer-container.web .middle-container .right-container .kpichart{height:12.5rem}:host .outer-container.web .bottom-container{display:-ms-flexbox;display:flex;background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host .outer-container.web .bottom-container .box{-ms-flex:1;flex:1}:host .outer-container.web .bottom-container .box .subtitle{padding:var(--spacing-16, 1rem) 0 0 var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container.web .bottom-container .box .box-content{height:23.75rem;margin:var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container.web .bottom-container .box .box-content.targets{padding-right:0}:host .outer-container.web .bottom-container .box .box-content.leaderboard{padding-right:0}:host .outer-container.web .bottom-container .box .box-content .total{display:-ms-flexbox;display:flex;padding:var(--spacing-16, 1rem) 0;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem)}:host .outer-container.web .bottom-container .box .box-content .total .value{-ms-flex:1;flex:1;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) 0;font-size:var(--font-size-14, 0.875rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container.web .bottom-container .box .box-content .item .values{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;text-align:right}:host .outer-container.web .bottom-container .box .box-content .item .values span{display:block}:host .outer-container.web .bottom-container .box .box-content .item yoo-img{width:3rem;height:3rem;margin-right:var(--spacing-16, 1rem)}:host .outer-container.web .title-category{display:-ms-flexbox;display:flex;margin-top:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-14, 0.875rem);text-transform:capitalize}.outer-container.mobile yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position{font-size:var(--font-size-14, 0.875rem)}.outer-container.mobile .position yoo-tag{margin-right:var(--spacing-08, 0.5rem)}.outer-container.mobile .kpichart{height:12.5rem}:host(.web) .box-content{}:host(.web) .box-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) .box-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web) .box-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}";
11
11
 
12
12
  const YooIncentiveDetailComponent = class {
13
13
  constructor(hostRef) {
@@ -155,7 +155,7 @@ const YooIncentiveDetailComponent = class {
155
155
  const progressPercent = getIncentiveProgress(this.incentive, this.score, this.showManagerView);
156
156
  const leftOverValue = (progressOfValue - progressBaseValue);
157
157
  const progressLeftOver = appendIncentiveUnit(leftOverValue > 0 ? leftOverValue : null, this.incentive.unit, this.incentive.isUnitCurrency);
158
- return (h("div", { class: "middle-container" }, h("div", { class: "left-container" }, !this.showManagerView && isMilestones && positionText && h("div", { class: "position" }, h("yoo-tag", { color: "app-color-10", icon: "award-trophy-star", size: "extra-large" }), positionText), h("span", { class: "title-category" }, translate(this.showManagerView ? 'TOTALSALES' : 'SALES')), h("span", { class: "total-number" }, progressBaseText), isMilestones && progressOfText && h("span", { class: "total-description" }, translate('INCENTIVESOF'), " ", progressOfText), isMilestones && progressLeftOver && h("yoo-tag", { color: "app-color-10" }, progressLeftOver, " ", translate('LEFT')), isMilestones &&
158
+ return (h("div", { class: "middle-container" }, h("div", { class: "left-container" }, !this.showManagerView && positionText && h("div", { class: "position" }, h("yoo-tag", { color: "app-color-10", icon: "award-trophy-star", size: "extra-large" }), positionText), h("span", { class: "title-category" }, translate(this.showManagerView ? 'TOTALSALES' : 'SALES')), h("span", { class: "total-number" }, progressBaseText), isMilestones && progressOfText && h("span", { class: "total-description" }, translate('INCENTIVESOF'), " ", progressOfText), isMilestones && progressLeftOver && h("yoo-tag", { color: "app-color-10" }, progressLeftOver, " ", translate('LEFT')), isMilestones &&
159
159
  h("div", { class: "progress-container" }, h("yoo-progress-bar", { value: (progressPercent || 0) * 100, shape: "line", percentValueColorScheme: true }))), h("div", { class: "right-container" }, h("span", { class: "title-category" }, translate('PERFORMANCEEVOLUTIONINCENTIVES')), this.renderChart())));
160
160
  }
161
161
  renderWebBottomContainer() {
package/dist/types/components/form/form-input-container/form-input-container.d.ts CHANGED
@@ -80,7 +80,9 @@ export declare class YooFormInputContainerComponent implements IFormInputContain
80
80
  getFieldDefaultInstructions(): string;
81
81
  getHelpContent(fieldhelp: string): any;
82
82
  setContent(): Promise<void>;
83
- onRTEContentClick(ev: any): void;
83
+ onRTEContentClick({ target }: {
84
+ target: any;
85
+ }): void;
84
86
  renderDescription(): any;
85
87
  renderOptional(): any;
86
88
  renderRightSide(hideTooltip?: boolean): any;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.5.0-59",
3
+ "version": "8.5.0-60",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",