@yoobic/yobi 8.3.0-33 → 8.3.0-34
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.
- package/dist/cjs/{grid-renderers-5c30b9ab.js → grid-renderers-05b2f69d.js} +1 -1
- package/dist/cjs/{missions-helpers-6e5342df.js → missions-helpers-d86ef2b5.js} +2 -2
- package/dist/cjs/yoo-ag-grid.cjs.entry.js +2 -2
- package/dist/cjs/yoo-announcement-heading.cjs.entry.js +11 -2
- package/dist/cjs/yoo-entity.cjs.entry.js +1 -1
- package/dist/cjs/yoo-form-input.cjs.entry.js +2 -2
- package/dist/cjs/yoo-grid.cjs.entry.js +2 -2
- package/dist/cjs/yoo-mission-details.cjs.entry.js +1 -1
- package/dist/cjs/yoo-mission-heading.cjs.entry.js +2 -2
- package/dist/cjs/yoo-pivot-table.cjs.entry.js +2 -2
- package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.css +19 -4
- package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.js +14 -1
- package/dist/collection/feature-operate/mission/helpers/missions-helpers.js +2 -2
- package/dist/collection/feature-operate/mission/mission-heading/mission-heading.css +3 -3
- package/dist/{esm/grid-renderers-61a83862.js → design-system/grid-renderers-e277f1e5.js} +1 -1
- package/dist/{esm/missions-helpers-8db24e56.js → design-system/missions-helpers-cc964ca1.js} +2 -2
- package/dist/design-system/yoo-ag-grid.entry.js +2 -2
- package/dist/design-system/yoo-announcement-heading.entry.js +11 -2
- package/dist/design-system/yoo-entity.entry.js +1 -1
- package/dist/design-system/yoo-form-input.entry.js +2 -2
- package/dist/design-system/yoo-grid.entry.js +2 -2
- package/dist/design-system/yoo-mission-details.entry.js +1 -1
- package/dist/design-system/yoo-mission-heading.entry.js +2 -2
- package/dist/design-system/yoo-pivot-table.entry.js +2 -2
- package/dist/{design-system/grid-renderers-61a83862.js → esm/grid-renderers-e277f1e5.js} +1 -1
- package/dist/{design-system/missions-helpers-8db24e56.js → esm/missions-helpers-cc964ca1.js} +2 -2
- package/dist/esm/yoo-ag-grid.entry.js +2 -2
- package/dist/esm/yoo-announcement-heading.entry.js +11 -2
- package/dist/esm/yoo-entity.entry.js +1 -1
- package/dist/esm/yoo-form-input.entry.js +2 -2
- package/dist/esm/yoo-grid.entry.js +2 -2
- package/dist/esm/yoo-mission-details.entry.js +1 -1
- package/dist/esm/yoo-mission-heading.entry.js +2 -2
- package/dist/esm/yoo-pivot-table.entry.js +2 -2
- package/dist/types/feature-operate/mission/announcement-heading/announcement-heading.d.ts +1 -0
- package/dist/types/home/runner/work/yoobic-ng-6/yoobic-ng-6/design-system/stencil/.stencil/shared/interfaces/src/entities/algorithm/algorithm.interface.d.ts +2 -0
- package/package.json +1 -1
|
@@ -4,7 +4,7 @@ const index = require('./index-486eab7b.js');
|
|
|
4
4
|
require('./index-3fe8871a.js');
|
|
5
5
|
const lodash = require('./lodash-597bda6d.js');
|
|
6
6
|
const incentiveHelpers = require('./incentive-helpers-2d829892.js');
|
|
7
|
-
const missionsHelpers = require('./missions-helpers-
|
|
7
|
+
const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
|
|
8
8
|
const commonHelpers = require('./common-helpers-cdca5902.js');
|
|
9
9
|
const formHelpers = require('./form-helpers-5d960eec.js');
|
|
10
10
|
const geolocationHelpers = require('./geolocation-helpers-c499cf4c.js');
|
|
@@ -64,8 +64,8 @@ function getMissionDate(mission, isOngoing) {
|
|
|
64
64
|
}
|
|
65
65
|
function getMissionProgress(mission, forceProgressDisplay) {
|
|
66
66
|
var _a, _b;
|
|
67
|
-
const
|
|
68
|
-
if (
|
|
67
|
+
const isTodoMissionWithTodos = !!((_b = (_a = mission === null || mission === void 0 ? void 0 : mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) && isMissionActionPlan(mission);
|
|
68
|
+
if (isTodoMissionWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
|
|
69
69
|
return {
|
|
70
70
|
value: mission.todo.values.filter((todo) => { var _a, _b; return ((_a = todo.finished) === null || _a === void 0 ? void 0 : _a.value) === true || ((_b = todo.finished) === null || _b === void 0 ? void 0 : _b.value) === false; }).length,
|
|
71
71
|
max: mission.todo.values.length,
|
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-6482c595.js');
|
|
6
6
|
const lodash = require('./lodash-597bda6d.js');
|
|
7
7
|
const commonHelpers = require('./common-helpers-cdca5902.js');
|
|
8
|
-
const gridRenderers = require('./grid-renderers-
|
|
8
|
+
const gridRenderers = require('./grid-renderers-05b2f69d.js');
|
|
9
9
|
require('./index-3fe8871a.js');
|
|
10
10
|
const overlays = require('./overlays-9322ea2a.js');
|
|
11
11
|
require('./index-486eab7b.js');
|
|
12
12
|
require('./incentive-helpers-2d829892.js');
|
|
13
|
-
require('./missions-helpers-
|
|
13
|
+
require('./missions-helpers-d86ef2b5.js');
|
|
14
14
|
require('./form-helpers-5d960eec.js');
|
|
15
15
|
require('./geolocation-helpers-c499cf4c.js');
|
|
16
16
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-6482c595.js');
|
|
6
6
|
require('./index-3fe8871a.js');
|
|
7
|
-
const missionsHelpers = require('./missions-helpers-
|
|
7
|
+
const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
|
|
8
8
|
const commonHelpers = require('./common-helpers-cdca5902.js');
|
|
9
9
|
const missionLockedBanner = require('./mission-locked-banner-c0aa7aa3.js');
|
|
10
10
|
const overlays = require('./overlays-9322ea2a.js');
|
|
@@ -12,7 +12,7 @@ require('./lodash-597bda6d.js');
|
|
|
12
12
|
require('./index-486eab7b.js');
|
|
13
13
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
14
14
|
|
|
15
|
-
const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host
|
|
15
|
+
const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .progress{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .progress .quick-task-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:12rem}:host .outer-container .progress .quick-task-progress yoo-progress-bar{--svg-width:1rem;--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .outer-container .progress .quick-task-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host .outer-container .progress .quick-task-progress yoo-truncate.app-color{color:var(--app-color, #5a30f4)}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}";
|
|
16
16
|
|
|
17
17
|
const YooAnnouncementHeadingComponent = class {
|
|
18
18
|
constructor(hostRef) {
|
|
@@ -76,6 +76,14 @@ const YooAnnouncementHeadingComponent = class {
|
|
|
76
76
|
return this.renderTag(overlays.translate((_b = this.announcement.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? overlays.getCssColor('light') : null);
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
|
+
renderAnnouncementProgress() {
|
|
80
|
+
var _a, _b;
|
|
81
|
+
const announcementProgress = missionsHelpers.getMissionProgress(this.announcement);
|
|
82
|
+
const renderProgress = ((_b = (_a = this.announcement.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
83
|
+
if ((announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
|
|
84
|
+
return index.h("div", { class: "progress" }, index.h("div", { class: "quick-task-progress" }, index.h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }), index.h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, index.h("span", null, overlays.translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max })))));
|
|
85
|
+
}
|
|
86
|
+
}
|
|
79
87
|
renderDueDate(dueDate) {
|
|
80
88
|
let dateText = overlays.isToday(dueDate) ? overlays.translate('YOOBICTODAY').toLowerCase() : overlays.fromToday(dueDate);
|
|
81
89
|
dateText = [overlays.translate('YOOBICYESTERDAY'), overlays.translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
|
|
@@ -87,6 +95,7 @@ const YooAnnouncementHeadingComponent = class {
|
|
|
87
95
|
const dueDate = missionsHelpers.getMissionDueDate(this.announcement);
|
|
88
96
|
return [
|
|
89
97
|
index.h("div", { class: "title" }, index.h("yoo-truncate", null, overlays.translateMulti(this.announcement.title))),
|
|
98
|
+
this.renderAnnouncementProgress(),
|
|
90
99
|
index.h("div", { class: "tags" }, this.isLayoutFeed && dueDate && this.renderDueDate(dueDate), !this.isLayoutFeed && this.renderPublicationDate(), this.renderPriority(), this.renderCategory())
|
|
91
100
|
];
|
|
92
101
|
}
|
|
@@ -8,7 +8,7 @@ require('./index-3fe8871a.js');
|
|
|
8
8
|
const lodash = require('./lodash-597bda6d.js');
|
|
9
9
|
const incentiveHelpers = require('./incentive-helpers-2d829892.js');
|
|
10
10
|
const operationHelpers = require('./operation-helpers-448cd435.js');
|
|
11
|
-
const missionsHelpers = require('./missions-helpers-
|
|
11
|
+
const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
|
|
12
12
|
const button_factory = require('./button.factory-70a142d1.js');
|
|
13
13
|
const commonHelpers = require('./common-helpers-cdca5902.js');
|
|
14
14
|
const entitiesHelpers = require('./entities-helpers-225c42d5.js');
|
|
@@ -7,11 +7,11 @@ const index$1 = require('./index-3fe8871a.js');
|
|
|
7
7
|
const lodash = require('./lodash-597bda6d.js');
|
|
8
8
|
const commonHelpers = require('./common-helpers-cdca5902.js');
|
|
9
9
|
const formInputHelpers = require('./form-input-helpers-84107b90.js');
|
|
10
|
-
const gridRenderers = require('./grid-renderers-
|
|
10
|
+
const gridRenderers = require('./grid-renderers-05b2f69d.js');
|
|
11
11
|
const overlays = require('./overlays-9322ea2a.js');
|
|
12
12
|
require('./index-486eab7b.js');
|
|
13
13
|
require('./incentive-helpers-2d829892.js');
|
|
14
|
-
require('./missions-helpers-
|
|
14
|
+
require('./missions-helpers-d86ef2b5.js');
|
|
15
15
|
require('./form-helpers-5d960eec.js');
|
|
16
16
|
require('./geolocation-helpers-c499cf4c.js');
|
|
17
17
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
@@ -13,7 +13,7 @@ const index$2 = require('./index-5fbb1164.js');
|
|
|
13
13
|
const commonHelpers = require('./common-helpers-cdca5902.js');
|
|
14
14
|
const filtersHelpers = require('./filters-helpers-c869c436.js');
|
|
15
15
|
const formInputHelpers = require('./form-input-helpers-84107b90.js');
|
|
16
|
-
const gridRenderers = require('./grid-renderers-
|
|
16
|
+
const gridRenderers = require('./grid-renderers-05b2f69d.js');
|
|
17
17
|
const overlays = require('./overlays-9322ea2a.js');
|
|
18
18
|
const itemSliding_interface = require('./item-sliding.interface-7206925b.js');
|
|
19
19
|
require('./workflow.interface-ffda8358.js');
|
|
@@ -21,7 +21,7 @@ require('./form-field.instance-610e61e1.js');
|
|
|
21
21
|
require('./card-video.interface-70a68a05.js');
|
|
22
22
|
require('./index-666aa0e3.js');
|
|
23
23
|
require('./incentive-helpers-2d829892.js');
|
|
24
|
-
require('./missions-helpers-
|
|
24
|
+
require('./missions-helpers-d86ef2b5.js');
|
|
25
25
|
require('./form-helpers-5d960eec.js');
|
|
26
26
|
require('./geolocation-helpers-c499cf4c.js');
|
|
27
27
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
const index = require('./index-6482c595.js');
|
|
6
6
|
require('./index-3fe8871a.js');
|
|
7
7
|
const lodash = require('./lodash-597bda6d.js');
|
|
8
|
-
const missionsHelpers = require('./missions-helpers-
|
|
8
|
+
const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
|
|
9
9
|
const commonHelpers = require('./common-helpers-cdca5902.js');
|
|
10
10
|
const overlays = require('./overlays-9322ea2a.js');
|
|
11
11
|
require('./index-486eab7b.js');
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-6482c595.js');
|
|
6
6
|
require('./index-3fe8871a.js');
|
|
7
|
-
const missionsHelpers = require('./missions-helpers-
|
|
7
|
+
const missionsHelpers = require('./missions-helpers-d86ef2b5.js');
|
|
8
8
|
const commonHelpers = require('./common-helpers-cdca5902.js');
|
|
9
9
|
const missionLockedBanner = require('./mission-locked-banner-c0aa7aa3.js');
|
|
10
10
|
const overlays = require('./overlays-9322ea2a.js');
|
|
@@ -12,7 +12,7 @@ require('./lodash-597bda6d.js');
|
|
|
12
12
|
require('./index-486eab7b.js');
|
|
13
13
|
require('./_commonjsHelpers-94df2ea7.js');
|
|
14
14
|
|
|
15
|
-
const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:
|
|
15
|
+
const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{--svg-width:1rem;--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
|
|
16
16
|
|
|
17
17
|
const YooMissionHeadingComponent = class {
|
|
18
18
|
constructor(hostRef) {
|
|
@@ -6,11 +6,11 @@ const index = require('./index-6482c595.js');
|
|
|
6
6
|
require('./index-3fe8871a.js');
|
|
7
7
|
const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
|
|
8
8
|
const lodash = require('./lodash-597bda6d.js');
|
|
9
|
-
const gridRenderers = require('./grid-renderers-
|
|
9
|
+
const gridRenderers = require('./grid-renderers-05b2f69d.js');
|
|
10
10
|
const overlays = require('./overlays-9322ea2a.js');
|
|
11
11
|
require('./index-486eab7b.js');
|
|
12
12
|
require('./incentive-helpers-2d829892.js');
|
|
13
|
-
require('./missions-helpers-
|
|
13
|
+
require('./missions-helpers-d86ef2b5.js');
|
|
14
14
|
require('./common-helpers-cdca5902.js');
|
|
15
15
|
require('./form-helpers-5d960eec.js');
|
|
16
16
|
require('./geolocation-helpers-c499cf4c.js');
|
package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.css
CHANGED
|
@@ -225,6 +225,25 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
|
|
|
225
225
|
--max-lines: 4;
|
|
226
226
|
--line-height: initial;
|
|
227
227
|
}
|
|
228
|
+
:host .outer-container .progress {
|
|
229
|
+
display: flex;
|
|
230
|
+
justify-content: space-between;
|
|
231
|
+
}
|
|
232
|
+
:host .outer-container .progress .quick-task-progress {
|
|
233
|
+
display: flex;
|
|
234
|
+
align-items: center;
|
|
235
|
+
max-width: 12rem;
|
|
236
|
+
}
|
|
237
|
+
:host .outer-container .progress .quick-task-progress yoo-progress-bar {
|
|
238
|
+
--svg-width: 1rem;
|
|
239
|
+
--trail-bar-color: var(--app-color-20, rgba(90, 48, 244, 0.2));
|
|
240
|
+
}
|
|
241
|
+
:host .outer-container .progress .quick-task-progress yoo-truncate {
|
|
242
|
+
margin: 0 var(--spacing-08, 0.5rem);
|
|
243
|
+
}
|
|
244
|
+
:host .outer-container .progress .quick-task-progress yoo-truncate.app-color {
|
|
245
|
+
color: var(--app-color, #5a30f4);
|
|
246
|
+
}
|
|
228
247
|
:host .outer-container .tags yoo-tag {
|
|
229
248
|
margin-right: var(--spacing-08, 0.5rem);
|
|
230
249
|
margin-bottom: var(--spacing-08, 0.5rem);
|
|
@@ -233,10 +252,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
|
|
|
233
252
|
margin-bottom: var(--spacing-08, 0.5rem);
|
|
234
253
|
border-bottom: 1px solid var(--announcement-color);
|
|
235
254
|
}
|
|
236
|
-
:host .outer-container .progress {
|
|
237
|
-
display: flex;
|
|
238
|
-
justify-content: space-between;
|
|
239
|
-
}
|
|
240
255
|
|
|
241
256
|
:host(.feed) {
|
|
242
257
|
display: flex;
|
package/dist/collection/feature-operate/mission/announcement-heading/announcement-heading.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { dateFormat, fromToday, getCssColor, getMissionPublicationDate, isDateAfter, isPresent, isToday, translate, translateMulti } from '@shared/utils';
|
|
2
2
|
import { Component, h, Host, Prop } from '@stencil/core';
|
|
3
|
-
import { getMissionDueDate } from '../../../feature-operate/mission/helpers/missions-helpers';
|
|
3
|
+
import { getMissionDueDate, getMissionProgress } from '../../../feature-operate/mission/helpers/missions-helpers';
|
|
4
4
|
import { execHandlerAndStopEvent } from '../../../utils/helpers/common-helpers';
|
|
5
5
|
import { MissionLockedBanner } from '../mission-locked-banner/mission-locked-banner';
|
|
6
6
|
export class YooAnnouncementHeadingComponent {
|
|
@@ -64,6 +64,18 @@ export class YooAnnouncementHeadingComponent {
|
|
|
64
64
|
return this.renderTag(translate((_b = this.announcement.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? getCssColor('light') : null);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
+
renderAnnouncementProgress() {
|
|
68
|
+
var _a, _b;
|
|
69
|
+
const announcementProgress = getMissionProgress(this.announcement);
|
|
70
|
+
const renderProgress = ((_b = (_a = this.announcement.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
71
|
+
if ((announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
|
|
72
|
+
return h("div", { class: "progress" },
|
|
73
|
+
h("div", { class: "quick-task-progress" },
|
|
74
|
+
h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }),
|
|
75
|
+
h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } },
|
|
76
|
+
h("span", null, translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max })))));
|
|
77
|
+
}
|
|
78
|
+
}
|
|
67
79
|
renderDueDate(dueDate) {
|
|
68
80
|
let dateText = isToday(dueDate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(dueDate);
|
|
69
81
|
dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
|
|
@@ -76,6 +88,7 @@ export class YooAnnouncementHeadingComponent {
|
|
|
76
88
|
return [
|
|
77
89
|
h("div", { class: "title" },
|
|
78
90
|
h("yoo-truncate", null, translateMulti(this.announcement.title))),
|
|
91
|
+
this.renderAnnouncementProgress(),
|
|
79
92
|
h("div", { class: "tags" },
|
|
80
93
|
this.isLayoutFeed && dueDate && this.renderDueDate(dueDate),
|
|
81
94
|
!this.isLayoutFeed && this.renderPublicationDate(),
|
|
@@ -60,8 +60,8 @@ export function getMissionDate(mission, isOngoing) {
|
|
|
60
60
|
}
|
|
61
61
|
export function getMissionProgress(mission, forceProgressDisplay) {
|
|
62
62
|
var _a, _b;
|
|
63
|
-
const
|
|
64
|
-
if (
|
|
63
|
+
const isTodoMissionWithTodos = !!((_b = (_a = mission === null || mission === void 0 ? void 0 : mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) && isMissionActionPlan(mission);
|
|
64
|
+
if (isTodoMissionWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
|
|
65
65
|
return {
|
|
66
66
|
value: mission.todo.values.filter((todo) => { var _a, _b; return ((_a = todo.finished) === null || _a === void 0 ? void 0 : _a.value) === true || ((_b = todo.finished) === null || _b === void 0 ? void 0 : _b.value) === false; }).length,
|
|
67
67
|
max: mission.todo.values.length,
|
|
@@ -241,11 +241,11 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
|
|
|
241
241
|
:host .sub-heading .action-plan-progress {
|
|
242
242
|
display: flex;
|
|
243
243
|
align-items: center;
|
|
244
|
-
max-width:
|
|
245
|
-
margin-right: var(--spacing-08, 0.5rem);
|
|
244
|
+
max-width: 12rem;
|
|
246
245
|
}
|
|
247
246
|
:host .sub-heading .action-plan-progress yoo-progress-bar {
|
|
248
|
-
width:
|
|
247
|
+
--svg-width: 1rem;
|
|
248
|
+
--trail-bar-color: var(--app-color-20, rgba(90, 48, 244, 0.2));
|
|
249
249
|
}
|
|
250
250
|
:host .sub-heading .action-plan-progress yoo-truncate {
|
|
251
251
|
margin: 0 var(--spacing-08, 0.5rem);
|
|
@@ -2,7 +2,7 @@ import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as
|
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
3
|
import { a2 as findKey, i as isArray, b as isFunction, a as isNumber, n as compact, q as isString, B as get, x as isEmpty, E as indexOf, v as isObject, k as keys, h as map, r as round } from './lodash-f839ddb6.js';
|
|
4
4
|
import { a as getPositionText } from './incentive-helpers-cd9067be.js';
|
|
5
|
-
import { e as getWorkflowStepBadge } from './missions-helpers-
|
|
5
|
+
import { e as getWorkflowStepBadge } from './missions-helpers-cc964ca1.js';
|
|
6
6
|
import { d as dateRangeState } from './common-helpers-7572b8db.js';
|
|
7
7
|
import { g as getJSONHighlighted } from './form-helpers-db554989.js';
|
|
8
8
|
import { f as formatDistance } from './geolocation-helpers-476129aa.js';
|
package/dist/{esm/missions-helpers-8db24e56.js → design-system/missions-helpers-cc964ca1.js}
RENAMED
|
@@ -62,8 +62,8 @@ function getMissionDate(mission, isOngoing) {
|
|
|
62
62
|
}
|
|
63
63
|
function getMissionProgress(mission, forceProgressDisplay) {
|
|
64
64
|
var _a, _b;
|
|
65
|
-
const
|
|
66
|
-
if (
|
|
65
|
+
const isTodoMissionWithTodos = !!((_b = (_a = mission === null || mission === void 0 ? void 0 : mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) && isMissionActionPlan(mission);
|
|
66
|
+
if (isTodoMissionWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
|
|
67
67
|
return {
|
|
68
68
|
value: mission.todo.values.filter((todo) => { var _a, _b; return ((_a = todo.finished) === null || _a === void 0 ? void 0 : _a.value) === true || ((_b = todo.finished) === null || _b === void 0 ? void 0 : _b.value) === false; }).length,
|
|
69
69
|
max: mission.todo.values.length,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
|
|
2
2
|
import { g as global, n as compact, v as isObject$1, a8 as min, a9 as max, a as isNumber$2, a7 as sum$1, k as keys$1, A as sortBy, K as reduce, c as cloneDeep, B as get$1, H as omit, q as isString$2 } from './lodash-f839ddb6.js';
|
|
3
3
|
import { g as getAppContext } from './common-helpers-7572b8db.js';
|
|
4
|
-
import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-
|
|
4
|
+
import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-e277f1e5.js';
|
|
5
5
|
import './index-bfa34b4f.js';
|
|
6
6
|
import { bF as dateParse, ay as isPresent, N as getAsyncExtraData, t as translate } from './overlays-8db3bed4.js';
|
|
7
7
|
import './index-76818c72.js';
|
|
8
8
|
import './incentive-helpers-cd9067be.js';
|
|
9
|
-
import './missions-helpers-
|
|
9
|
+
import './missions-helpers-cc964ca1.js';
|
|
10
10
|
import './form-helpers-db554989.js';
|
|
11
11
|
import './geolocation-helpers-476129aa.js';
|
|
12
12
|
import './_commonjsHelpers-f4d11124.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host } from './index-54cb3c5d.js';
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
|
-
import { b as getMissionDueDate } from './missions-helpers-
|
|
3
|
+
import { d as getMissionProgress, b as getMissionDueDate } from './missions-helpers-cc964ca1.js';
|
|
4
4
|
import { h as execHandlerAndStopEvent } from './common-helpers-7572b8db.js';
|
|
5
5
|
import { M as MissionLockedBanner } from './mission-locked-banner-3a9216cc.js';
|
|
6
6
|
import { I as getCssColor, cB as getMissionPublicationDate, cz as isToday, t as translate, cA as fromToday, ad as dateFormat, ay as isPresent, M as isDateAfter, V as translateMulti } from './overlays-8db3bed4.js';
|
|
@@ -8,7 +8,7 @@ import './lodash-f839ddb6.js';
|
|
|
8
8
|
import './index-76818c72.js';
|
|
9
9
|
import './_commonjsHelpers-f4d11124.js';
|
|
10
10
|
|
|
11
|
-
const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host
|
|
11
|
+
const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .progress{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .progress .quick-task-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:12rem}:host .outer-container .progress .quick-task-progress yoo-progress-bar{--svg-width:1rem;--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .outer-container .progress .quick-task-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host .outer-container .progress .quick-task-progress yoo-truncate.app-color{color:var(--app-color, #5a30f4)}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}";
|
|
12
12
|
|
|
13
13
|
const YooAnnouncementHeadingComponent = class {
|
|
14
14
|
constructor(hostRef) {
|
|
@@ -72,6 +72,14 @@ const YooAnnouncementHeadingComponent = class {
|
|
|
72
72
|
return this.renderTag(translate((_b = this.announcement.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? getCssColor('light') : null);
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
+
renderAnnouncementProgress() {
|
|
76
|
+
var _a, _b;
|
|
77
|
+
const announcementProgress = getMissionProgress(this.announcement);
|
|
78
|
+
const renderProgress = ((_b = (_a = this.announcement.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
79
|
+
if ((announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
|
|
80
|
+
return h("div", { class: "progress" }, h("div", { class: "quick-task-progress" }, h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }), h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, h("span", null, translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max })))));
|
|
81
|
+
}
|
|
82
|
+
}
|
|
75
83
|
renderDueDate(dueDate) {
|
|
76
84
|
let dateText = isToday(dueDate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(dueDate);
|
|
77
85
|
dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
|
|
@@ -83,6 +91,7 @@ const YooAnnouncementHeadingComponent = class {
|
|
|
83
91
|
const dueDate = getMissionDueDate(this.announcement);
|
|
84
92
|
return [
|
|
85
93
|
h("div", { class: "title" }, h("yoo-truncate", null, translateMulti(this.announcement.title))),
|
|
94
|
+
this.renderAnnouncementProgress(),
|
|
86
95
|
h("div", { class: "tags" }, this.isLayoutFeed && dueDate && this.renderDueDate(dueDate), !this.isLayoutFeed && this.renderPublicationDate(), this.renderPriority(), this.renderCategory())
|
|
87
96
|
];
|
|
88
97
|
}
|
|
@@ -4,7 +4,7 @@ import './index-bfa34b4f.js';
|
|
|
4
4
|
import { k as keys, a as isNumber, n as compact, i as isArray, G as isNil, q as isString, ac as partition, B as get, b as isFunction } from './lodash-f839ddb6.js';
|
|
5
5
|
import { e as getIncentiveStatusBadgeSettings } from './incentive-helpers-cd9067be.js';
|
|
6
6
|
import { e as getCampaignStateTags, f as getCampaignTemplateTags, h as getMissionDataStateTags, i as getWaitlistVisitTags, g as getProductBatchDateTag, j as getProductBatchProgressColor } from './operation-helpers-55154d6d.js';
|
|
7
|
-
import { f as getMissionStateTags, h as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-
|
|
7
|
+
import { f as getMissionStateTags, h as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-cc964ca1.js';
|
|
8
8
|
import { g as getButton } from './button.factory-ce9f5896.js';
|
|
9
9
|
import { v as getNotificationIcon, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-7572b8db.js';
|
|
10
10
|
import { a as getCalendarCourseDueDate, p as parseEntityForCardChat, o as onUserClick, b as getFolderIcon, c as parseEntityCommentsForCardList, d as parseEntityForCardMedia } from './entities-helpers-a9eca0ab.js';
|
|
@@ -3,11 +3,11 @@ import { r as resizeObserve } from './index-bfa34b4f.js';
|
|
|
3
3
|
import { q as isString, b as isFunction, a as isNumber } from './lodash-f839ddb6.js';
|
|
4
4
|
import { g as getAppContext } from './common-helpers-7572b8db.js';
|
|
5
5
|
import { v as validate, i as initNumber, a as setValueAndValidateInput, s as setValidator, c as convertValueForInputType, h as onIconClicked, o as onInputClear, b as onInputBlurred, d as onInputFocused, j as clearFocused } from './form-input-helpers-fcc6367d.js';
|
|
6
|
-
import { g as getRenderer } from './grid-renderers-
|
|
6
|
+
import { g as getRenderer } from './grid-renderers-e277f1e5.js';
|
|
7
7
|
import { y as isWeb, U as isNullOrUndefined, z as debounce, f as isNativeMobile, F as isIOS, a4 as enableKeyboardResize, bC as isSafari, h as isAndroid, dq as isHTML, fm as extractTextFromStringHTML, ai as copyToClipboard, aT as showToast, t as translate, c$ as isAnimationsDisabled } from './overlays-8db3bed4.js';
|
|
8
8
|
import './index-76818c72.js';
|
|
9
9
|
import './incentive-helpers-cd9067be.js';
|
|
10
|
-
import './missions-helpers-
|
|
10
|
+
import './missions-helpers-cc964ca1.js';
|
|
11
11
|
import './form-helpers-db554989.js';
|
|
12
12
|
import './geolocation-helpers-476129aa.js';
|
|
13
13
|
import './_commonjsHelpers-f4d11124.js';
|
|
@@ -9,7 +9,7 @@ import { a as assignPressActions } from './index-40df0cc2.js';
|
|
|
9
9
|
import { c as querySelectorAllDeep, r as hideShowSearchBar, t as getNextValueInArray, g as getAppContext } from './common-helpers-7572b8db.js';
|
|
10
10
|
import { m as mapCustomViewToButton, l as isKanbanColumnField } from './filters-helpers-7fdfdc59.js';
|
|
11
11
|
import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-fcc6367d.js';
|
|
12
|
-
import { g as getRenderer } from './grid-renderers-
|
|
12
|
+
import { g as getRenderer } from './grid-renderers-e277f1e5.js';
|
|
13
13
|
import { el as HorizontalSlidesAnimation, y as isWeb, ah as pipes, ay as isPresent, dK as safeScrollIntoView, N as getAsyncExtraData, em as MONGODB_ID_REGEX, br as filterListByText, X as getSession, c$ as isAnimationsDisabled, en as isMapField, U as isNullOrUndefined, t as translate, x as showModal, V as translateMulti, as as toButton, cG as getAuthentication, a8 as showActionSheet, b7 as isOffline, bo as isDateTimeField, ae as dispatchCustomEvent, dH as isFirefox, eo as isForceScrollbar } from './overlays-8db3bed4.js';
|
|
14
14
|
import { I as ItemSlidingType } from './item-sliding.interface-85f6790e.js';
|
|
15
15
|
import './workflow.interface-79064a52.js';
|
|
@@ -17,7 +17,7 @@ import './form-field.instance-8fd6f2a1.js';
|
|
|
17
17
|
import './card-video.interface-5572358c.js';
|
|
18
18
|
import './index-85ea6716.js';
|
|
19
19
|
import './incentive-helpers-cd9067be.js';
|
|
20
|
-
import './missions-helpers-
|
|
20
|
+
import './missions-helpers-cc964ca1.js';
|
|
21
21
|
import './form-helpers-db554989.js';
|
|
22
22
|
import './geolocation-helpers-476129aa.js';
|
|
23
23
|
import './_commonjsHelpers-f4d11124.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-54cb3c5d.js';
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
3
|
import { c as cloneDeep } from './lodash-f839ddb6.js';
|
|
4
|
-
import { g as getMissionAddress, a as getMissionPriority, b as getMissionDueDate, m as mapMissionToCardInboxEntry, c as getMissionTags } from './missions-helpers-
|
|
4
|
+
import { g as getMissionAddress, a as getMissionPriority, b as getMissionDueDate, m as mapMissionToCardInboxEntry, c as getMissionTags } from './missions-helpers-cc964ca1.js';
|
|
5
5
|
import { g as getAppContext } from './common-helpers-7572b8db.js';
|
|
6
6
|
import { X as getSession, N as getAsyncExtraData, y as isWeb, t as translate, ch as isIonic, ay as isPresent, I as getCssColor, cz as isToday, cA as fromToday, ad as dateFormat, cB as getMissionPublicationDate, cC as isDateSame, M as isDateAfter, V as translateMulti, ah as pipes } from './overlays-8db3bed4.js';
|
|
7
7
|
import './index-76818c72.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
|
-
import { d as getMissionProgress, c as getMissionTags } from './missions-helpers-
|
|
3
|
+
import { d as getMissionProgress, c as getMissionTags } from './missions-helpers-cc964ca1.js';
|
|
4
4
|
import { g as getAppContext } from './common-helpers-7572b8db.js';
|
|
5
5
|
import { M as MissionLockedBanner } from './mission-locked-banner-3a9216cc.js';
|
|
6
6
|
import { ch as isIonic, t as translate, V as translateMulti } from './overlays-8db3bed4.js';
|
|
@@ -8,7 +8,7 @@ import './lodash-f839ddb6.js';
|
|
|
8
8
|
import './index-76818c72.js';
|
|
9
9
|
import './_commonjsHelpers-f4d11124.js';
|
|
10
10
|
|
|
11
|
-
const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:
|
|
11
|
+
const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{--svg-width:1rem;--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
|
|
12
12
|
|
|
13
13
|
const YooMissionHeadingComponent = class {
|
|
14
14
|
constructor(hostRef) {
|
|
@@ -2,11 +2,11 @@ import { r as registerInstance, i as createEvent, h, g as getElement } from './i
|
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
3
|
import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
|
|
4
4
|
import { W as debounce, c as cloneDeep, s as assign, A as sortBy, z as isEqual } from './lodash-f839ddb6.js';
|
|
5
|
-
import { g as getRenderer } from './grid-renderers-
|
|
5
|
+
import { g as getRenderer } from './grid-renderers-e277f1e5.js';
|
|
6
6
|
import { t as translate } from './overlays-8db3bed4.js';
|
|
7
7
|
import './index-76818c72.js';
|
|
8
8
|
import './incentive-helpers-cd9067be.js';
|
|
9
|
-
import './missions-helpers-
|
|
9
|
+
import './missions-helpers-cc964ca1.js';
|
|
10
10
|
import './common-helpers-7572b8db.js';
|
|
11
11
|
import './form-helpers-db554989.js';
|
|
12
12
|
import './geolocation-helpers-476129aa.js';
|
|
@@ -2,7 +2,7 @@ import { c as FormFieldType, h as IncentiveStatus, n as IncentivePartType, i as
|
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
3
|
import { a2 as findKey, i as isArray, b as isFunction, a as isNumber, n as compact, q as isString, B as get, x as isEmpty, E as indexOf, v as isObject, k as keys, h as map, r as round } from './lodash-f839ddb6.js';
|
|
4
4
|
import { a as getPositionText } from './incentive-helpers-cd9067be.js';
|
|
5
|
-
import { e as getWorkflowStepBadge } from './missions-helpers-
|
|
5
|
+
import { e as getWorkflowStepBadge } from './missions-helpers-cc964ca1.js';
|
|
6
6
|
import { d as dateRangeState } from './common-helpers-7572b8db.js';
|
|
7
7
|
import { g as getJSONHighlighted } from './form-helpers-db554989.js';
|
|
8
8
|
import { f as formatDistance } from './geolocation-helpers-476129aa.js';
|
package/dist/{design-system/missions-helpers-8db24e56.js → esm/missions-helpers-cc964ca1.js}
RENAMED
|
@@ -62,8 +62,8 @@ function getMissionDate(mission, isOngoing) {
|
|
|
62
62
|
}
|
|
63
63
|
function getMissionProgress(mission, forceProgressDisplay) {
|
|
64
64
|
var _a, _b;
|
|
65
|
-
const
|
|
66
|
-
if (
|
|
65
|
+
const isTodoMissionWithTodos = !!((_b = (_a = mission === null || mission === void 0 ? void 0 : mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) && isMissionActionPlan(mission);
|
|
66
|
+
if (isTodoMissionWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
|
|
67
67
|
return {
|
|
68
68
|
value: mission.todo.values.filter((todo) => { var _a, _b; return ((_a = todo.finished) === null || _a === void 0 ? void 0 : _a.value) === true || ((_b = todo.finished) === null || _b === void 0 ? void 0 : _b.value) === false; }).length,
|
|
69
69
|
max: mission.todo.values.length,
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
|
|
2
2
|
import { g as global, n as compact, v as isObject$1, a8 as min, a9 as max, a as isNumber$2, a7 as sum$1, k as keys$1, A as sortBy, K as reduce, c as cloneDeep, B as get$1, H as omit, q as isString$2 } from './lodash-f839ddb6.js';
|
|
3
3
|
import { g as getAppContext } from './common-helpers-7572b8db.js';
|
|
4
|
-
import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-
|
|
4
|
+
import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-e277f1e5.js';
|
|
5
5
|
import './index-bfa34b4f.js';
|
|
6
6
|
import { bF as dateParse, ay as isPresent, N as getAsyncExtraData, t as translate } from './overlays-8db3bed4.js';
|
|
7
7
|
import './index-76818c72.js';
|
|
8
8
|
import './incentive-helpers-cd9067be.js';
|
|
9
|
-
import './missions-helpers-
|
|
9
|
+
import './missions-helpers-cc964ca1.js';
|
|
10
10
|
import './form-helpers-db554989.js';
|
|
11
11
|
import './geolocation-helpers-476129aa.js';
|
|
12
12
|
import './_commonjsHelpers-f4d11124.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host } from './index-54cb3c5d.js';
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
|
-
import { b as getMissionDueDate } from './missions-helpers-
|
|
3
|
+
import { d as getMissionProgress, b as getMissionDueDate } from './missions-helpers-cc964ca1.js';
|
|
4
4
|
import { h as execHandlerAndStopEvent } from './common-helpers-7572b8db.js';
|
|
5
5
|
import { M as MissionLockedBanner } from './mission-locked-banner-3a9216cc.js';
|
|
6
6
|
import { I as getCssColor, cB as getMissionPublicationDate, cz as isToday, t as translate, cA as fromToday, ad as dateFormat, ay as isPresent, M as isDateAfter, V as translateMulti } from './overlays-8db3bed4.js';
|
|
@@ -8,7 +8,7 @@ import './lodash-f839ddb6.js';
|
|
|
8
8
|
import './index-76818c72.js';
|
|
9
9
|
import './_commonjsHelpers-f4d11124.js';
|
|
10
10
|
|
|
11
|
-
const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host
|
|
11
|
+
const announcementHeadingCss = ":host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .progress{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .progress .quick-task-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:12rem}:host .outer-container .progress .quick-task-progress yoo-progress-bar{--svg-width:1rem;--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .outer-container .progress .quick-task-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host .outer-container .progress .quick-task-progress yoo-truncate.app-color{color:var(--app-color, #5a30f4)}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:1px solid var(--announcement-color)}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}";
|
|
12
12
|
|
|
13
13
|
const YooAnnouncementHeadingComponent = class {
|
|
14
14
|
constructor(hostRef) {
|
|
@@ -72,6 +72,14 @@ const YooAnnouncementHeadingComponent = class {
|
|
|
72
72
|
return this.renderTag(translate((_b = this.announcement.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? getCssColor('light') : null);
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
|
+
renderAnnouncementProgress() {
|
|
76
|
+
var _a, _b;
|
|
77
|
+
const announcementProgress = getMissionProgress(this.announcement);
|
|
78
|
+
const renderProgress = ((_b = (_a = this.announcement.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
|
|
79
|
+
if ((announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
|
|
80
|
+
return h("div", { class: "progress" }, h("div", { class: "quick-task-progress" }, h("yoo-progress-bar", { class: "app-color", shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }), h("yoo-truncate", { class: "app-color", style: { cssText: '--max-lines: 1' } }, h("span", null, translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max })))));
|
|
81
|
+
}
|
|
82
|
+
}
|
|
75
83
|
renderDueDate(dueDate) {
|
|
76
84
|
let dateText = isToday(dueDate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(dueDate);
|
|
77
85
|
dateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
|
|
@@ -83,6 +91,7 @@ const YooAnnouncementHeadingComponent = class {
|
|
|
83
91
|
const dueDate = getMissionDueDate(this.announcement);
|
|
84
92
|
return [
|
|
85
93
|
h("div", { class: "title" }, h("yoo-truncate", null, translateMulti(this.announcement.title))),
|
|
94
|
+
this.renderAnnouncementProgress(),
|
|
86
95
|
h("div", { class: "tags" }, this.isLayoutFeed && dueDate && this.renderDueDate(dueDate), !this.isLayoutFeed && this.renderPublicationDate(), this.renderPriority(), this.renderCategory())
|
|
87
96
|
];
|
|
88
97
|
}
|
|
@@ -4,7 +4,7 @@ import './index-bfa34b4f.js';
|
|
|
4
4
|
import { k as keys, a as isNumber, n as compact, i as isArray, G as isNil, q as isString, ac as partition, B as get, b as isFunction } from './lodash-f839ddb6.js';
|
|
5
5
|
import { e as getIncentiveStatusBadgeSettings } from './incentive-helpers-cd9067be.js';
|
|
6
6
|
import { e as getCampaignStateTags, f as getCampaignTemplateTags, h as getMissionDataStateTags, i as getWaitlistVisitTags, g as getProductBatchDateTag, j as getProductBatchProgressColor } from './operation-helpers-55154d6d.js';
|
|
7
|
-
import { f as getMissionStateTags, h as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-
|
|
7
|
+
import { f as getMissionStateTags, h as getMissionUniqueKey, g as getMissionAddress, m as mapMissionToCardInboxEntry } from './missions-helpers-cc964ca1.js';
|
|
8
8
|
import { g as getButton } from './button.factory-ce9f5896.js';
|
|
9
9
|
import { v as getNotificationIcon, h as execHandlerAndStopEvent, g as getAppContext } from './common-helpers-7572b8db.js';
|
|
10
10
|
import { a as getCalendarCourseDueDate, p as parseEntityForCardChat, o as onUserClick, b as getFolderIcon, c as parseEntityCommentsForCardList, d as parseEntityForCardMedia } from './entities-helpers-a9eca0ab.js';
|
|
@@ -3,11 +3,11 @@ import { r as resizeObserve } from './index-bfa34b4f.js';
|
|
|
3
3
|
import { q as isString, b as isFunction, a as isNumber } from './lodash-f839ddb6.js';
|
|
4
4
|
import { g as getAppContext } from './common-helpers-7572b8db.js';
|
|
5
5
|
import { v as validate, i as initNumber, a as setValueAndValidateInput, s as setValidator, c as convertValueForInputType, h as onIconClicked, o as onInputClear, b as onInputBlurred, d as onInputFocused, j as clearFocused } from './form-input-helpers-fcc6367d.js';
|
|
6
|
-
import { g as getRenderer } from './grid-renderers-
|
|
6
|
+
import { g as getRenderer } from './grid-renderers-e277f1e5.js';
|
|
7
7
|
import { y as isWeb, U as isNullOrUndefined, z as debounce, f as isNativeMobile, F as isIOS, a4 as enableKeyboardResize, bC as isSafari, h as isAndroid, dq as isHTML, fm as extractTextFromStringHTML, ai as copyToClipboard, aT as showToast, t as translate, c$ as isAnimationsDisabled } from './overlays-8db3bed4.js';
|
|
8
8
|
import './index-76818c72.js';
|
|
9
9
|
import './incentive-helpers-cd9067be.js';
|
|
10
|
-
import './missions-helpers-
|
|
10
|
+
import './missions-helpers-cc964ca1.js';
|
|
11
11
|
import './form-helpers-db554989.js';
|
|
12
12
|
import './geolocation-helpers-476129aa.js';
|
|
13
13
|
import './_commonjsHelpers-f4d11124.js';
|
|
@@ -9,7 +9,7 @@ import { a as assignPressActions } from './index-40df0cc2.js';
|
|
|
9
9
|
import { c as querySelectorAllDeep, r as hideShowSearchBar, t as getNextValueInArray, g as getAppContext } from './common-helpers-7572b8db.js';
|
|
10
10
|
import { m as mapCustomViewToButton, l as isKanbanColumnField } from './filters-helpers-7fdfdc59.js';
|
|
11
11
|
import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-fcc6367d.js';
|
|
12
|
-
import { g as getRenderer } from './grid-renderers-
|
|
12
|
+
import { g as getRenderer } from './grid-renderers-e277f1e5.js';
|
|
13
13
|
import { el as HorizontalSlidesAnimation, y as isWeb, ah as pipes, ay as isPresent, dK as safeScrollIntoView, N as getAsyncExtraData, em as MONGODB_ID_REGEX, br as filterListByText, X as getSession, c$ as isAnimationsDisabled, en as isMapField, U as isNullOrUndefined, t as translate, x as showModal, V as translateMulti, as as toButton, cG as getAuthentication, a8 as showActionSheet, b7 as isOffline, bo as isDateTimeField, ae as dispatchCustomEvent, dH as isFirefox, eo as isForceScrollbar } from './overlays-8db3bed4.js';
|
|
14
14
|
import { I as ItemSlidingType } from './item-sliding.interface-85f6790e.js';
|
|
15
15
|
import './workflow.interface-79064a52.js';
|
|
@@ -17,7 +17,7 @@ import './form-field.instance-8fd6f2a1.js';
|
|
|
17
17
|
import './card-video.interface-5572358c.js';
|
|
18
18
|
import './index-85ea6716.js';
|
|
19
19
|
import './incentive-helpers-cd9067be.js';
|
|
20
|
-
import './missions-helpers-
|
|
20
|
+
import './missions-helpers-cc964ca1.js';
|
|
21
21
|
import './form-helpers-db554989.js';
|
|
22
22
|
import './geolocation-helpers-476129aa.js';
|
|
23
23
|
import './_commonjsHelpers-f4d11124.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { h, r as registerInstance, i as createEvent, e as Host, g as getElement } from './index-54cb3c5d.js';
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
3
|
import { c as cloneDeep } from './lodash-f839ddb6.js';
|
|
4
|
-
import { g as getMissionAddress, a as getMissionPriority, b as getMissionDueDate, m as mapMissionToCardInboxEntry, c as getMissionTags } from './missions-helpers-
|
|
4
|
+
import { g as getMissionAddress, a as getMissionPriority, b as getMissionDueDate, m as mapMissionToCardInboxEntry, c as getMissionTags } from './missions-helpers-cc964ca1.js';
|
|
5
5
|
import { g as getAppContext } from './common-helpers-7572b8db.js';
|
|
6
6
|
import { X as getSession, N as getAsyncExtraData, y as isWeb, t as translate, ch as isIonic, ay as isPresent, I as getCssColor, cz as isToday, cA as fromToday, ad as dateFormat, cB as getMissionPublicationDate, cC as isDateSame, M as isDateAfter, V as translateMulti, ah as pipes } from './overlays-8db3bed4.js';
|
|
7
7
|
import './index-76818c72.js';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
|
-
import { d as getMissionProgress, c as getMissionTags } from './missions-helpers-
|
|
3
|
+
import { d as getMissionProgress, c as getMissionTags } from './missions-helpers-cc964ca1.js';
|
|
4
4
|
import { g as getAppContext } from './common-helpers-7572b8db.js';
|
|
5
5
|
import { M as MissionLockedBanner } from './mission-locked-banner-3a9216cc.js';
|
|
6
6
|
import { ch as isIonic, t as translate, V as translateMulti } from './overlays-8db3bed4.js';
|
|
@@ -8,7 +8,7 @@ import './lodash-f839ddb6.js';
|
|
|
8
8
|
import './index-76818c72.js';
|
|
9
9
|
import './_commonjsHelpers-f4d11124.js';
|
|
10
10
|
|
|
11
|
-
const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:
|
|
11
|
+
const missionHeadingCss = ":host .background-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 -1rem 0;border-bottom:solid 1px var(--stable-light, #f1f1f1)}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-truncate{color:var(--app-color, #5a30f4)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin-top:var(--spacing-08, 0.5rem)}:host .content-container{-ms-flex:1;flex:1;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .mission-title{margin-top:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem);line-height:var(--spacing-32, 2rem)}:host .sub-heading{display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;margin-top:var(--spacing-08, 0.5rem)}:host .sub-heading .mission-progress{max-width:10rem;margin-right:var(--spacing-08, 0.5rem)}:host .sub-heading .action-plan-progress{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:12rem}:host .sub-heading .action-plan-progress yoo-progress-bar{--svg-width:1rem;--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .sub-heading .action-plan-progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem)}:host div:last-child{margin-bottom:0}:host(.mission-results) .background-container{margin:-1rem -1rem 0}";
|
|
12
12
|
|
|
13
13
|
const YooMissionHeadingComponent = class {
|
|
14
14
|
constructor(hostRef) {
|
|
@@ -2,11 +2,11 @@ import { r as registerInstance, i as createEvent, h, g as getElement } from './i
|
|
|
2
2
|
import './index-bfa34b4f.js';
|
|
3
3
|
import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
|
|
4
4
|
import { W as debounce, c as cloneDeep, s as assign, A as sortBy, z as isEqual } from './lodash-f839ddb6.js';
|
|
5
|
-
import { g as getRenderer } from './grid-renderers-
|
|
5
|
+
import { g as getRenderer } from './grid-renderers-e277f1e5.js';
|
|
6
6
|
import { t as translate } from './overlays-8db3bed4.js';
|
|
7
7
|
import './index-76818c72.js';
|
|
8
8
|
import './incentive-helpers-cd9067be.js';
|
|
9
|
-
import './missions-helpers-
|
|
9
|
+
import './missions-helpers-cc964ca1.js';
|
|
10
10
|
import './common-helpers-7572b8db.js';
|
|
11
11
|
import './form-helpers-db554989.js';
|
|
12
12
|
import './geolocation-helpers-476129aa.js';
|
|
@@ -15,6 +15,7 @@ export declare class YooAnnouncementHeadingComponent {
|
|
|
15
15
|
renderPublicationDate(): any;
|
|
16
16
|
renderPriority(): any;
|
|
17
17
|
renderCategory(): any;
|
|
18
|
+
renderAnnouncementProgress(): any;
|
|
18
19
|
renderDueDate(dueDate: Date): any;
|
|
19
20
|
renderContentDetails(): any[];
|
|
20
21
|
renderContent(): any;
|
|
@@ -20,6 +20,8 @@ export declare class IAlgorithm extends IEntity {
|
|
|
20
20
|
shelf_detector_url?: string;
|
|
21
21
|
return_bbox?: boolean;
|
|
22
22
|
kpis_offline?: boolean;
|
|
23
|
+
catalog_id?: string;
|
|
24
|
+
catalog?: Record<string, any>;
|
|
23
25
|
}
|
|
24
26
|
export declare type StitchDirection = 'from-left' | 'from-right' | 'from-bottom' | 'from-top';
|
|
25
27
|
export declare type ServerStitchDirection = 'vertical' | 'horizontal';
|