@yoobic/yobi 8.6.26 → 8.6.27

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-todo-mission.cjs.entry.js +6 -1
  2. package/dist/cjs/yoo-mission-score.cjs.entry.js +4 -4
  3. package/dist/collection/components/form/form-todo-mission/form-todo-mission.css +1 -0
  4. package/dist/collection/components/form/form-todo-mission/form-todo-mission.js +5 -0
  5. package/dist/collection/feature-operate/mission/mission-score/mission-score.css +11 -2
  6. package/dist/collection/feature-operate/mission/mission-score/mission-score.js +3 -3
  7. package/dist/design-system/yoo-form-todo-mission.entry.js +6 -1
  8. package/dist/design-system/yoo-mission-score.entry.js +4 -4
  9. package/dist/esm/yoo-form-todo-mission.entry.js +6 -1
  10. package/dist/esm/yoo-mission-score.entry.js +4 -4
  11. package/package.json +1 -1
package/dist/cjs/yoo-form-todo-mission.cjs.entry.js CHANGED
@@ -9,7 +9,7 @@ const commonHelpers = require('./common-helpers-916b1173.js');
9
9
  const lodash = require('./lodash-1f7fff24.js');
10
10
  require('./_commonjsHelpers-94df2ea7.js');
11
11
 
12
- const formTodoMissionCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .outer-container{position:relative}:host .outer-container .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem);font-weight:bold}:host .outer-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .container:not(:last-child){margin-bottom:var(--spacing-24, 1.5rem)}:host .outer-container .container #task-container{margin:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container #previous menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous menu-left .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);width:var(--spacing-02, 0.125rem);height:100%;margin-bottom:var(--spacing-04, 0.25rem);background-color:var(--app-color, #5a30f4)}:host .outer-container .container #task-container #previous menu-right yoo-form-input-container{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container #previous menu-right yoo-form-text-area{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .linked-task{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--dark-40, rgba(0, 0, 0, 0.4));font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task header task-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .container #task-container .task header task-details .task-title{margin:0;padding:0 var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .container #task-container .task header task-details .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 var(--spacing-04, 0.25rem) 0 0}:host .outer-container .container #task-container .task header task-details .user p{margin:0;font-weight:normal;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task header task-details yoo-tag{padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header yoo-button{position:absolute;margin:0}:host .outer-container .container #task-container .task header yoo-button:not(.rtl){right:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task header yoo-button.rtl{left:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments yoo-form-text-area{font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields #comments[editModeComments] comments-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header[withComments]{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo[editModePhoto] photo-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button{margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button p{color:var(--app-color, #5a30f4)}:host .outer-container .container[status=finished]{background:var(--success-10, rgba(58, 167, 109, 0.1))}:host .outer-container .container[status=unable-to-complete]{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host .outer-container .container[status=unmarked]{background:var(--stable-10, rgba(173, 173, 173, 0.1))}:host .outer-container .container[status=unmarked] #task-container{background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container .title{margin-top:var(--spacing-04, 0.25rem)}:host([readonly]) .outer-container .container .task{padding:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container .container .task line{height:0.0625rem;margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container .container[status=finished] .task line{background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([readonly]) .outer-container .container[status=unable-to-complete] .task line{background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([readonly]) .outer-container .container[status=unmarked] .task line{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.web) .outer-container .container yoo-button.assign{max-width:11.25rem}:host(.web) .outer-container .container yoo-button.assign p{font-size:var(--font-size-14, 0.875rem)}@media print{:host .outer-container .title{page-break-after:avoid}:host .outer-container .container{page-break-inside:avoid}}:host(.modal-view){max-height:65%}:host(.rtl) .outer-container .container #task-container .task header task-details .task-title{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem)}:host(.rtl) .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 0 0 var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .title{margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .container:not(:last-child){margin-bottom:0}:host(.readonly.pdf) .outer-container .container #task-container{margin:0;border:none}";
12
+ const formTodoMissionCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .outer-container{position:relative}:host .outer-container .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem);font-weight:bold}:host .outer-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .container:not(:last-child){margin-bottom:var(--spacing-24, 1.5rem)}:host .outer-container .container #task-container{margin:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container #previous menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous menu-left .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);width:var(--spacing-02, 0.125rem);height:100%;margin-bottom:var(--spacing-04, 0.25rem);background-color:var(--app-color, #5a30f4)}:host .outer-container .container #task-container #previous menu-right yoo-form-input-container{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container #previous menu-right yoo-form-text-area{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .linked-task{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--dark-40, rgba(0, 0, 0, 0.4));font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task header task-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .container #task-container .task header task-details .task-title{margin:0;padding:0 var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .container #task-container .task header task-details .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 var(--spacing-04, 0.25rem) 0 0}:host .outer-container .container #task-container .task header task-details .user p{margin:0;font-weight:normal;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task header task-details yoo-tag{padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header yoo-button{position:absolute;margin:0}:host .outer-container .container #task-container .task header yoo-button:not(.rtl){right:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task header yoo-button.rtl{left:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments yoo-form-text-area{font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields #comments[editModeComments] comments-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header[withComments]{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo[editModePhoto] photo-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button{margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button p{color:var(--app-color, #5a30f4)}:host .outer-container .container[status=finished]{background:var(--success-10, rgba(58, 167, 109, 0.1))}:host .outer-container .container[status=unable-to-complete]{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host .outer-container .container[status=unmarked]{background:var(--stable-10, rgba(173, 173, 173, 0.1))}:host .outer-container .container[status=unmarked] #task-container{background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container .title{margin-top:var(--spacing-04, 0.25rem)}:host([readonly]) .outer-container .container .task{padding:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container .container .task line{height:0.0625rem;margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container .container[status=finished] .task line{background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([readonly]) .outer-container .container[status=unable-to-complete] .task line{background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([readonly]) .outer-container .container[status=unmarked] .task line{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.web) .outer-container .container yoo-button.assign{max-width:11.25rem}:host(.web) .outer-container .container yoo-button.assign p{font-size:var(--font-size-14, 0.875rem)}@media print{:host .outer-container .title{page-break-after:avoid}:host .outer-container .container{page-break-inside:avoid}}:host(.modal-view){max-height:65%}:host(.rtl) .outer-container .container #task-container .task header task-details .task-title{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem)}:host(.rtl) .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 0 0 var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .title{display:none;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .container:not(:last-child){margin-bottom:0}:host(.readonly.pdf) .outer-container .container #task-container{margin:0;border:none}";
13
13
 
14
14
  const YooFormTodoMissionComponent = class {
15
15
  constructor(hostRef) {
@@ -273,6 +273,7 @@ const YooFormTodoMissionComponent = class {
273
273
  return (index.h("yoo-button", { shape: "circular", size: "small", color: "stable-alt", fill: "transparent", slot: "end", ref: (el) => (plusButtonRef = el), onClick: (ev) => index$2.showActionSheet(this.getEditableOptions(task, index$1), null, null, plusButtonRef, ev) }, index.h("yoo-icon", { name: "circle-plus", color: "app-color", size: "medium" })));
274
274
  }
275
275
  renderIcon(task, index$1) {
276
+ var _a, _b;
276
277
  const isAssignedToSomeoneElse = this.isAssignedToSomeoneElse(task);
277
278
  let iconName;
278
279
  let iconColor;
@@ -284,6 +285,10 @@ const YooFormTodoMissionComponent = class {
284
285
  iconName = 'circle-minor';
285
286
  iconColor = 'danger';
286
287
  }
288
+ else if ((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('pdf')) {
289
+ iconName = 'circle';
290
+ iconColor = 'dark';
291
+ }
287
292
  else if (this.readonly || isAssignedToSomeoneElse) {
288
293
  iconName = 'lock';
289
294
  iconColor = 'stable';
package/dist/cjs/yoo-mission-score.cjs.entry.js CHANGED
@@ -8,7 +8,7 @@ require('./lodash-1f7fff24.js');
8
8
  require('./_commonjsHelpers-94df2ea7.js');
9
9
  require('./index-c09665da.js');
10
10
 
11
- const missionScoreCss = "svg:not(:root){overflow:hidden}:host .mission-score-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:4rem;margin:0 -1rem;padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);background:var(--stable-ultralight, #fafafa)}:host .mission-score-title.pdf{margin-bottom:1rem;background:transparent}:host .healthscore-container{margin:auto;padding:var(--spacing-08, 0.5rem);padding-top:1.5rem;background:var(--light, #ffffff)}:host .score-container{display:grid;grid-gap:0.3rem 2rem;grid-template-columns:1fr 10rem;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--spacing-16, 1rem);background:repeating-linear-gradient(var(--stable-20, rgba(173, 173, 173, 0.2)) 0 1.875rem, transparent 1.875rem 4.125rem)}:host(.mission-detail) .mission-score-title{margin:0;margin-bottom:0;padding-left:0}:host(.mission-detail) .healthscore-container{max-width:100%;margin:0;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail) .healthscore-container yoo-healthscore{max-width:21.25rem;margin:auto}";
11
+ const missionScoreCss = "svg:not(:root){overflow:hidden}:host .mission-score-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:4rem;margin:0 -1rem;padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);background:var(--stable-ultralight, #fafafa)}:host .mission-score-title.pdf{margin-bottom:1rem;background:transparent}:host .healthscore-container{margin:auto;padding:var(--spacing-08, 0.5rem);padding-top:1.5rem;background:var(--light, #ffffff)}:host .score-container{display:grid;grid-template-columns:1fr 10rem;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--spacing-16, 1rem)}:host .score-container .title,:host .score-container .progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;padding:0 var(--spacing-08, 0.5rem)}:host .score-container .title.odd,:host .score-container .progress.odd{background:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.mission-detail) .mission-score-title{margin:0;margin-bottom:0;padding-left:0}:host(.mission-detail) .healthscore-container{max-width:100%;margin:0;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail) .healthscore-container yoo-healthscore{max-width:21.25rem;margin:auto}";
12
12
 
13
13
  const YooMissionScoreComponent = class {
14
14
  constructor(hostRef) {
@@ -101,10 +101,10 @@ const YooMissionScoreComponent = class {
101
101
  }
102
102
  renderForPdf() {
103
103
  var _a, _b;
104
- return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry) => {
104
+ return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry, i) => {
105
105
  return [
106
- index.h("div", { class: "title" }, index.h("b", null, entry.labelConfig.value + ': ')),
107
- index.h("div", { class: "progress" }, index.h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
106
+ index.h("div", { class: { title: true, odd: i % 2 === 1 } }, index.h("b", null, entry.labelConfig.value + ': ')),
107
+ index.h("div", { class: { progress: true, odd: i % 2 === 1 } }, index.h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
108
108
  ];
109
109
  });
110
110
  }
package/dist/collection/components/form/form-todo-mission/form-todo-mission.css CHANGED
@@ -430,6 +430,7 @@ svg:not(:root) {
430
430
  }
431
431
 
432
432
  :host(.readonly.pdf) .outer-container .title {
433
+ display: none;
433
434
  margin-top: var(--spacing-08, 0.5rem);
434
435
  margin-bottom: var(--spacing-04, 0.25rem);
435
436
  }
package/dist/collection/components/form/form-todo-mission/form-todo-mission.js CHANGED
@@ -261,6 +261,7 @@ export class YooFormTodoMissionComponent {
261
261
  return (h("yoo-button", { shape: "circular", size: "small", color: "stable-alt", fill: "transparent", slot: "end", ref: (el) => (plusButtonRef = el), onClick: (ev) => showActionSheet(this.getEditableOptions(task, index), null, null, plusButtonRef, ev) }, h("yoo-icon", { name: "circle-plus", color: "app-color", size: "medium" })));
262
262
  }
263
263
  renderIcon(task, index) {
264
+ var _a, _b;
264
265
  const isAssignedToSomeoneElse = this.isAssignedToSomeoneElse(task);
265
266
  let iconName;
266
267
  let iconColor;
@@ -272,6 +273,10 @@ export class YooFormTodoMissionComponent {
272
273
  iconName = 'circle-minor';
273
274
  iconColor = 'danger';
274
275
  }
276
+ else if ((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('pdf')) {
277
+ iconName = 'circle';
278
+ iconColor = 'dark';
279
+ }
275
280
  else if (this.readonly || isAssignedToSomeoneElse) {
276
281
  iconName = 'lock';
277
282
  iconColor = 'stable';
package/dist/collection/feature-operate/mission/mission-score/mission-score.css CHANGED
@@ -226,11 +226,20 @@ svg:not(:root) {
226
226
  }
227
227
  :host .score-container {
228
228
  display: grid;
229
- grid-gap: 0.3rem 2rem;
230
229
  grid-template-columns: 1fr 10rem;
231
230
  align-items: flex-end;
232
231
  margin-bottom: var(--spacing-16, 1rem);
233
- background: repeating-linear-gradient(var(--stable-20, rgba(173, 173, 173, 0.2)) 0 1.875rem, transparent 1.875rem 4.125rem);
232
+ }
233
+ :host .score-container .title,
234
+ :host .score-container .progress {
235
+ display: flex;
236
+ align-items: center;
237
+ height: 2.5rem;
238
+ padding: 0 var(--spacing-08, 0.5rem);
239
+ }
240
+ :host .score-container .title.odd,
241
+ :host .score-container .progress.odd {
242
+ background: var(--stable-20, rgba(173, 173, 173, 0.2));
234
243
  }
235
244
 
236
245
  :host(.mission-detail) .mission-score-title {
package/dist/collection/feature-operate/mission/mission-score/mission-score.js CHANGED
@@ -89,10 +89,10 @@ export class YooMissionScoreComponent {
89
89
  }
90
90
  renderForPdf() {
91
91
  var _a, _b;
92
- return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry) => {
92
+ return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry, i) => {
93
93
  return [
94
- h("div", { class: "title" }, h("b", null, entry.labelConfig.value + ': ')),
95
- h("div", { class: "progress" }, h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
94
+ h("div", { class: { title: true, odd: i % 2 === 1 } }, h("b", null, entry.labelConfig.value + ': ')),
95
+ h("div", { class: { progress: true, odd: i % 2 === 1 } }, h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
96
96
  ];
97
97
  });
98
98
  }
package/dist/design-system/yoo-form-todo-mission.entry.js CHANGED
@@ -5,7 +5,7 @@ import { g as getAppContext } from './common-helpers-94524ad7.js';
5
5
  import { K as pick, n as compact, a4 as lowerFirst, D as cloneDeep } from './lodash-cd4a9ba3.js';
6
6
  import './_commonjsHelpers-f4d11124.js';
7
7
 
8
- const formTodoMissionCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .outer-container{position:relative}:host .outer-container .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem);font-weight:bold}:host .outer-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .container:not(:last-child){margin-bottom:var(--spacing-24, 1.5rem)}:host .outer-container .container #task-container{margin:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container #previous menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous menu-left .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);width:var(--spacing-02, 0.125rem);height:100%;margin-bottom:var(--spacing-04, 0.25rem);background-color:var(--app-color, #5a30f4)}:host .outer-container .container #task-container #previous menu-right yoo-form-input-container{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container #previous menu-right yoo-form-text-area{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .linked-task{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--dark-40, rgba(0, 0, 0, 0.4));font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task header task-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .container #task-container .task header task-details .task-title{margin:0;padding:0 var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .container #task-container .task header task-details .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 var(--spacing-04, 0.25rem) 0 0}:host .outer-container .container #task-container .task header task-details .user p{margin:0;font-weight:normal;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task header task-details yoo-tag{padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header yoo-button{position:absolute;margin:0}:host .outer-container .container #task-container .task header yoo-button:not(.rtl){right:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task header yoo-button.rtl{left:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments yoo-form-text-area{font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields #comments[editModeComments] comments-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header[withComments]{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo[editModePhoto] photo-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button{margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button p{color:var(--app-color, #5a30f4)}:host .outer-container .container[status=finished]{background:var(--success-10, rgba(58, 167, 109, 0.1))}:host .outer-container .container[status=unable-to-complete]{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host .outer-container .container[status=unmarked]{background:var(--stable-10, rgba(173, 173, 173, 0.1))}:host .outer-container .container[status=unmarked] #task-container{background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container .title{margin-top:var(--spacing-04, 0.25rem)}:host([readonly]) .outer-container .container .task{padding:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container .container .task line{height:0.0625rem;margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container .container[status=finished] .task line{background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([readonly]) .outer-container .container[status=unable-to-complete] .task line{background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([readonly]) .outer-container .container[status=unmarked] .task line{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.web) .outer-container .container yoo-button.assign{max-width:11.25rem}:host(.web) .outer-container .container yoo-button.assign p{font-size:var(--font-size-14, 0.875rem)}@media print{:host .outer-container .title{page-break-after:avoid}:host .outer-container .container{page-break-inside:avoid}}:host(.modal-view){max-height:65%}:host(.rtl) .outer-container .container #task-container .task header task-details .task-title{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem)}:host(.rtl) .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 0 0 var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .title{margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .container:not(:last-child){margin-bottom:0}:host(.readonly.pdf) .outer-container .container #task-container{margin:0;border:none}";
8
+ const formTodoMissionCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .outer-container{position:relative}:host .outer-container .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem);font-weight:bold}:host .outer-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .container:not(:last-child){margin-bottom:var(--spacing-24, 1.5rem)}:host .outer-container .container #task-container{margin:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container #previous menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous menu-left .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);width:var(--spacing-02, 0.125rem);height:100%;margin-bottom:var(--spacing-04, 0.25rem);background-color:var(--app-color, #5a30f4)}:host .outer-container .container #task-container #previous menu-right yoo-form-input-container{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container #previous menu-right yoo-form-text-area{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .linked-task{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--dark-40, rgba(0, 0, 0, 0.4));font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task header task-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .container #task-container .task header task-details .task-title{margin:0;padding:0 var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .container #task-container .task header task-details .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 var(--spacing-04, 0.25rem) 0 0}:host .outer-container .container #task-container .task header task-details .user p{margin:0;font-weight:normal;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task header task-details yoo-tag{padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header yoo-button{position:absolute;margin:0}:host .outer-container .container #task-container .task header yoo-button:not(.rtl){right:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task header yoo-button.rtl{left:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments yoo-form-text-area{font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields #comments[editModeComments] comments-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header[withComments]{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo[editModePhoto] photo-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button{margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button p{color:var(--app-color, #5a30f4)}:host .outer-container .container[status=finished]{background:var(--success-10, rgba(58, 167, 109, 0.1))}:host .outer-container .container[status=unable-to-complete]{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host .outer-container .container[status=unmarked]{background:var(--stable-10, rgba(173, 173, 173, 0.1))}:host .outer-container .container[status=unmarked] #task-container{background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container .title{margin-top:var(--spacing-04, 0.25rem)}:host([readonly]) .outer-container .container .task{padding:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container .container .task line{height:0.0625rem;margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container .container[status=finished] .task line{background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([readonly]) .outer-container .container[status=unable-to-complete] .task line{background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([readonly]) .outer-container .container[status=unmarked] .task line{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.web) .outer-container .container yoo-button.assign{max-width:11.25rem}:host(.web) .outer-container .container yoo-button.assign p{font-size:var(--font-size-14, 0.875rem)}@media print{:host .outer-container .title{page-break-after:avoid}:host .outer-container .container{page-break-inside:avoid}}:host(.modal-view){max-height:65%}:host(.rtl) .outer-container .container #task-container .task header task-details .task-title{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem)}:host(.rtl) .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 0 0 var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .title{display:none;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .container:not(:last-child){margin-bottom:0}:host(.readonly.pdf) .outer-container .container #task-container{margin:0;border:none}";
9
9
 
10
10
  const YooFormTodoMissionComponent = class {
11
11
  constructor(hostRef) {
@@ -269,6 +269,7 @@ const YooFormTodoMissionComponent = class {
269
269
  return (h("yoo-button", { shape: "circular", size: "small", color: "stable-alt", fill: "transparent", slot: "end", ref: (el) => (plusButtonRef = el), onClick: (ev) => showActionSheet(this.getEditableOptions(task, index), null, null, plusButtonRef, ev) }, h("yoo-icon", { name: "circle-plus", color: "app-color", size: "medium" })));
270
270
  }
271
271
  renderIcon(task, index) {
272
+ var _a, _b;
272
273
  const isAssignedToSomeoneElse = this.isAssignedToSomeoneElse(task);
273
274
  let iconName;
274
275
  let iconColor;
@@ -280,6 +281,10 @@ const YooFormTodoMissionComponent = class {
280
281
  iconName = 'circle-minor';
281
282
  iconColor = 'danger';
282
283
  }
284
+ else if ((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('pdf')) {
285
+ iconName = 'circle';
286
+ iconColor = 'dark';
287
+ }
283
288
  else if (this.readonly || isAssignedToSomeoneElse) {
284
289
  iconName = 'lock';
285
290
  iconColor = 'stable';
package/dist/design-system/yoo-mission-score.entry.js CHANGED
@@ -4,7 +4,7 @@ import './lodash-cd4a9ba3.js';
4
4
  import './_commonjsHelpers-f4d11124.js';
5
5
  import './index-ee2b347f.js';
6
6
 
7
- const missionScoreCss = "svg:not(:root){overflow:hidden}:host .mission-score-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:4rem;margin:0 -1rem;padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);background:var(--stable-ultralight, #fafafa)}:host .mission-score-title.pdf{margin-bottom:1rem;background:transparent}:host .healthscore-container{margin:auto;padding:var(--spacing-08, 0.5rem);padding-top:1.5rem;background:var(--light, #ffffff)}:host .score-container{display:grid;grid-gap:0.3rem 2rem;grid-template-columns:1fr 10rem;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--spacing-16, 1rem);background:repeating-linear-gradient(var(--stable-20, rgba(173, 173, 173, 0.2)) 0 1.875rem, transparent 1.875rem 4.125rem)}:host(.mission-detail) .mission-score-title{margin:0;margin-bottom:0;padding-left:0}:host(.mission-detail) .healthscore-container{max-width:100%;margin:0;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail) .healthscore-container yoo-healthscore{max-width:21.25rem;margin:auto}";
7
+ const missionScoreCss = "svg:not(:root){overflow:hidden}:host .mission-score-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:4rem;margin:0 -1rem;padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);background:var(--stable-ultralight, #fafafa)}:host .mission-score-title.pdf{margin-bottom:1rem;background:transparent}:host .healthscore-container{margin:auto;padding:var(--spacing-08, 0.5rem);padding-top:1.5rem;background:var(--light, #ffffff)}:host .score-container{display:grid;grid-template-columns:1fr 10rem;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--spacing-16, 1rem)}:host .score-container .title,:host .score-container .progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;padding:0 var(--spacing-08, 0.5rem)}:host .score-container .title.odd,:host .score-container .progress.odd{background:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.mission-detail) .mission-score-title{margin:0;margin-bottom:0;padding-left:0}:host(.mission-detail) .healthscore-container{max-width:100%;margin:0;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail) .healthscore-container yoo-healthscore{max-width:21.25rem;margin:auto}";
8
8
 
9
9
  const YooMissionScoreComponent = class {
10
10
  constructor(hostRef) {
@@ -97,10 +97,10 @@ const YooMissionScoreComponent = class {
97
97
  }
98
98
  renderForPdf() {
99
99
  var _a, _b;
100
- return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry) => {
100
+ return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry, i) => {
101
101
  return [
102
- h("div", { class: "title" }, h("b", null, entry.labelConfig.value + ': ')),
103
- h("div", { class: "progress" }, h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
102
+ h("div", { class: { title: true, odd: i % 2 === 1 } }, h("b", null, entry.labelConfig.value + ': ')),
103
+ h("div", { class: { progress: true, odd: i % 2 === 1 } }, h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
104
104
  ];
105
105
  });
106
106
  }
package/dist/esm/yoo-form-todo-mission.entry.js CHANGED
@@ -5,7 +5,7 @@ import { g as getAppContext } from './common-helpers-94524ad7.js';
5
5
  import { K as pick, n as compact, a4 as lowerFirst, D as cloneDeep } from './lodash-cd4a9ba3.js';
6
6
  import './_commonjsHelpers-f4d11124.js';
7
7
 
8
- const formTodoMissionCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .outer-container{position:relative}:host .outer-container .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem);font-weight:bold}:host .outer-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .container:not(:last-child){margin-bottom:var(--spacing-24, 1.5rem)}:host .outer-container .container #task-container{margin:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container #previous menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous menu-left .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);width:var(--spacing-02, 0.125rem);height:100%;margin-bottom:var(--spacing-04, 0.25rem);background-color:var(--app-color, #5a30f4)}:host .outer-container .container #task-container #previous menu-right yoo-form-input-container{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container #previous menu-right yoo-form-text-area{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .linked-task{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--dark-40, rgba(0, 0, 0, 0.4));font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task header task-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .container #task-container .task header task-details .task-title{margin:0;padding:0 var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .container #task-container .task header task-details .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 var(--spacing-04, 0.25rem) 0 0}:host .outer-container .container #task-container .task header task-details .user p{margin:0;font-weight:normal;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task header task-details yoo-tag{padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header yoo-button{position:absolute;margin:0}:host .outer-container .container #task-container .task header yoo-button:not(.rtl){right:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task header yoo-button.rtl{left:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments yoo-form-text-area{font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields #comments[editModeComments] comments-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header[withComments]{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo[editModePhoto] photo-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button{margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button p{color:var(--app-color, #5a30f4)}:host .outer-container .container[status=finished]{background:var(--success-10, rgba(58, 167, 109, 0.1))}:host .outer-container .container[status=unable-to-complete]{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host .outer-container .container[status=unmarked]{background:var(--stable-10, rgba(173, 173, 173, 0.1))}:host .outer-container .container[status=unmarked] #task-container{background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container .title{margin-top:var(--spacing-04, 0.25rem)}:host([readonly]) .outer-container .container .task{padding:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container .container .task line{height:0.0625rem;margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container .container[status=finished] .task line{background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([readonly]) .outer-container .container[status=unable-to-complete] .task line{background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([readonly]) .outer-container .container[status=unmarked] .task line{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.web) .outer-container .container yoo-button.assign{max-width:11.25rem}:host(.web) .outer-container .container yoo-button.assign p{font-size:var(--font-size-14, 0.875rem)}@media print{:host .outer-container .title{page-break-after:avoid}:host .outer-container .container{page-break-inside:avoid}}:host(.modal-view){max-height:65%}:host(.rtl) .outer-container .container #task-container .task header task-details .task-title{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem)}:host(.rtl) .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 0 0 var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .title{margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .container:not(:last-child){margin-bottom:0}:host(.readonly.pdf) .outer-container .container #task-container{margin:0;border:none}";
8
+ const formTodoMissionCss = "svg:not(:root){overflow:hidden}:host{display:block}:host .outer-container{position:relative}:host .outer-container .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem);font-weight:bold}:host .outer-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .container:not(:last-child){margin-bottom:var(--spacing-24, 1.5rem)}:host .outer-container .container #task-container{margin:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container #previous menu-left{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container #previous menu-left .border{width:100%;height:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);width:var(--spacing-02, 0.125rem);height:100%;margin-bottom:var(--spacing-04, 0.25rem);background-color:var(--app-color, #5a30f4)}:host .outer-container .container #task-container #previous menu-right yoo-form-input-container{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container #previous menu-right yoo-form-text-area{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .linked-task{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);color:var(--dark-40, rgba(0, 0, 0, 0.4));font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task header task-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .container #task-container .task header task-details .task-title{margin:0;padding:0 var(--spacing-16, 1rem) 0 var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .container #task-container .task header task-details .user{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin:0;padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 var(--spacing-04, 0.25rem) 0 0}:host .outer-container .container #task-container .task header task-details .user p{margin:0;font-weight:normal;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task header task-details yoo-tag{padding:var(--spacing-08, 0.5rem) 0 0 var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task header yoo-button{position:absolute;margin:0}:host .outer-container .container #task-container .task header yoo-button:not(.rtl){right:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task header yoo-button.rtl{left:var(--spacing-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments comments-header .comments-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #comments yoo-form-text-area{font-size:var(--font-size-16, 1rem)}:host .outer-container .container #task-container .task additionnal-fields #comments[editModeComments] comments-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header{display:-ms-flexbox;display:flex}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-title{margin:0;font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header .photo-optional{margin:0;padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .container #task-container .task additionnal-fields #photo photo-header[withComments]{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .container #task-container .task additionnal-fields #photo[editModePhoto] photo-header{padding-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button{margin:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .outer-container .container yoo-button p{color:var(--app-color, #5a30f4)}:host .outer-container .container[status=finished]{background:var(--success-10, rgba(58, 167, 109, 0.1))}:host .outer-container .container[status=unable-to-complete]{background:var(--danger-10, rgba(212, 67, 51, 0.1))}:host .outer-container .container[status=unmarked]{background:var(--stable-10, rgba(173, 173, 173, 0.1))}:host .outer-container .container[status=unmarked] #task-container{background:var(--light, #ffffff);border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .outer-container .title{margin-top:var(--spacing-04, 0.25rem)}:host([readonly]) .outer-container .container .task{padding:var(--spacing-08, 0.5rem)}:host([readonly]) .outer-container .container .task line{height:0.0625rem;margin-top:var(--spacing-16, 1rem)}:host([readonly]) .outer-container .container[status=finished] .task line{background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host([readonly]) .outer-container .container[status=unable-to-complete] .task line{background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host([readonly]) .outer-container .container[status=unmarked] .task line{background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.web) .outer-container .container yoo-button.assign{max-width:11.25rem}:host(.web) .outer-container .container yoo-button.assign p{font-size:var(--font-size-14, 0.875rem)}@media print{:host .outer-container .title{page-break-after:avoid}:host .outer-container .container{page-break-inside:avoid}}:host(.modal-view){max-height:65%}:host(.rtl) .outer-container .container #task-container .task header task-details .task-title{padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem)}:host(.rtl) .outer-container .container #task-container .task header task-details .task-description{margin:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.rtl) .outer-container .container #task-container .task header task-details .user yoo-avatar{padding:0 0 0 var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .title{display:none;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-04, 0.25rem)}:host(.readonly.pdf) .outer-container .container:not(:last-child){margin-bottom:0}:host(.readonly.pdf) .outer-container .container #task-container{margin:0;border:none}";
9
9
 
10
10
  const YooFormTodoMissionComponent = class {
11
11
  constructor(hostRef) {
@@ -269,6 +269,7 @@ const YooFormTodoMissionComponent = class {
269
269
  return (h("yoo-button", { shape: "circular", size: "small", color: "stable-alt", fill: "transparent", slot: "end", ref: (el) => (plusButtonRef = el), onClick: (ev) => showActionSheet(this.getEditableOptions(task, index), null, null, plusButtonRef, ev) }, h("yoo-icon", { name: "circle-plus", color: "app-color", size: "medium" })));
270
270
  }
271
271
  renderIcon(task, index) {
272
+ var _a, _b;
272
273
  const isAssignedToSomeoneElse = this.isAssignedToSomeoneElse(task);
273
274
  let iconName;
274
275
  let iconColor;
@@ -280,6 +281,10 @@ const YooFormTodoMissionComponent = class {
280
281
  iconName = 'circle-minor';
281
282
  iconColor = 'danger';
282
283
  }
284
+ else if ((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('pdf')) {
285
+ iconName = 'circle';
286
+ iconColor = 'dark';
287
+ }
283
288
  else if (this.readonly || isAssignedToSomeoneElse) {
284
289
  iconName = 'lock';
285
290
  iconColor = 'stable';
package/dist/esm/yoo-mission-score.entry.js CHANGED
@@ -4,7 +4,7 @@ import './lodash-cd4a9ba3.js';
4
4
  import './_commonjsHelpers-f4d11124.js';
5
5
  import './index-ee2b347f.js';
6
6
 
7
- const missionScoreCss = "svg:not(:root){overflow:hidden}:host .mission-score-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:4rem;margin:0 -1rem;padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);background:var(--stable-ultralight, #fafafa)}:host .mission-score-title.pdf{margin-bottom:1rem;background:transparent}:host .healthscore-container{margin:auto;padding:var(--spacing-08, 0.5rem);padding-top:1.5rem;background:var(--light, #ffffff)}:host .score-container{display:grid;grid-gap:0.3rem 2rem;grid-template-columns:1fr 10rem;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--spacing-16, 1rem);background:repeating-linear-gradient(var(--stable-20, rgba(173, 173, 173, 0.2)) 0 1.875rem, transparent 1.875rem 4.125rem)}:host(.mission-detail) .mission-score-title{margin:0;margin-bottom:0;padding-left:0}:host(.mission-detail) .healthscore-container{max-width:100%;margin:0;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail) .healthscore-container yoo-healthscore{max-width:21.25rem;margin:auto}";
7
+ const missionScoreCss = "svg:not(:root){overflow:hidden}:host .mission-score-title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:4rem;margin:0 -1rem;padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-28, 1.75rem);background:var(--stable-ultralight, #fafafa)}:host .mission-score-title.pdf{margin-bottom:1rem;background:transparent}:host .healthscore-container{margin:auto;padding:var(--spacing-08, 0.5rem);padding-top:1.5rem;background:var(--light, #ffffff)}:host .score-container{display:grid;grid-template-columns:1fr 10rem;-ms-flex-align:end;align-items:flex-end;margin-bottom:var(--spacing-16, 1rem)}:host .score-container .title,:host .score-container .progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.5rem;padding:0 var(--spacing-08, 0.5rem)}:host .score-container .title.odd,:host .score-container .progress.odd{background:var(--stable-20, rgba(173, 173, 173, 0.2))}:host(.mission-detail) .mission-score-title{margin:0;margin-bottom:0;padding-left:0}:host(.mission-detail) .healthscore-container{max-width:100%;margin:0;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.mission-detail) .healthscore-container yoo-healthscore{max-width:21.25rem;margin:auto}";
8
8
 
9
9
  const YooMissionScoreComponent = class {
10
10
  constructor(hostRef) {
@@ -97,10 +97,10 @@ const YooMissionScoreComponent = class {
97
97
  }
98
98
  renderForPdf() {
99
99
  var _a, _b;
100
- return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry) => {
100
+ return (_b = (_a = this.charts) === null || _a === void 0 ? void 0 : _a.map((entry) => entry && this.prepareCardProgressMissionScoringData(entry.score, entry.chart))) === null || _b === void 0 ? void 0 : _b.map((entry, i) => {
101
101
  return [
102
- h("div", { class: "title" }, h("b", null, entry.labelConfig.value + ': ')),
103
- h("div", { class: "progress" }, h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
102
+ h("div", { class: { title: true, odd: i % 2 === 1 } }, h("b", null, entry.labelConfig.value + ': ')),
103
+ h("div", { class: { progress: true, odd: i % 2 === 1 } }, h("yoo-progress-bar", { class: entry.extraClasses, animated: false, ...entry.progressBarParams }))
104
104
  ];
105
105
  });
106
106
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.6.26",
3
+ "version": "8.6.27",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",