@yoobic/yobi 8.5.0-36 → 8.5.0-37

package/dist/cjs/yoo-videoplayer-dailymotion.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const videoPlayerHelpers = require('./video-player-helpers-b6913ae8.js');
+const videoPlayerHelpers = require('./video-player-helpers-87a04d87.js');
 const index$1 = require('./index-dbc0dad6.js');
-const overlays = require('./overlays-16c0e214.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
-require('./common-helpers-3654a19e.js');
+require('./common-helpers-eef55d89.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerDailymotionCss = "svg:not(:root){overflow:hidden}:host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";

package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-95f4392b.js');
+const index$1 = require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const overlays = require('./overlays-16c0e214.js');
+const overlays = require('./overlays-16c90c34.js');
 const bufferEs6 = require('./buffer-es6-f8668f31.js');
-const localForage = require('./localForage-370b5c9c.js');
-const commonHelpers = require('./common-helpers-3654a19e.js');
-const videoPlayerHelpers = require('./video-player-helpers-b6913ae8.js');
+const localForage = require('./localForage-6e4a4508.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
+const videoPlayerHelpers = require('./video-player-helpers-87a04d87.js');
 const index$2 = require('./index-dbc0dad6.js');
 require('./index-5da3d711.js');
 

package/dist/cjs/yoo-videoplayer-vimeo.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const videoPlayerHelpers = require('./video-player-helpers-b6913ae8.js');
+const videoPlayerHelpers = require('./video-player-helpers-87a04d87.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./overlays-16c0e214.js');
+require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-95f4392b.js');
-require('./common-helpers-3654a19e.js');
+require('./index-d23da915.js');
+require('./common-helpers-eef55d89.js');
 
 const videoplayerVimeoCss = "svg:not(:root){overflow:hidden}:host iframe{width:100%;background:var(--dark, #000000)}";
 

package/dist/cjs/yoo-videoplayer-youtube.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
-const videoPlayerHelpers = require('./video-player-helpers-b6913ae8.js');
+require('./index-d23da915.js');
+const videoPlayerHelpers = require('./video-player-helpers-87a04d87.js');
 const index$1 = require('./index-dbc0dad6.js');
-const overlays = require('./overlays-16c0e214.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
-require('./common-helpers-3654a19e.js');
+require('./common-helpers-eef55d89.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerYoutubeCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";

package/dist/cjs/yoo-virtual-item.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-95f4392b.js');
-const overlays = require('./overlays-16c0e214.js');
+const index$1 = require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-virtual-scroll.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-3654a19e.js');
-const overlays = require('./overlays-16c0e214.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-waitlist-location-result.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
-const overlays = require('./overlays-16c0e214.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-waitlist-location-start.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-16c0e214.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-walkthrough.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
-const overlays = require('./overlays-16c0e214.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-web-menu.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
-const commonHelpers = require('./common-helpers-3654a19e.js');
-const overlays = require('./overlays-16c0e214.js');
+require('./index-d23da915.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-webcam.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
-const overlays = require('./overlays-16c0e214.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-welcome-banner.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
-const commonHelpers = require('./common-helpers-3654a19e.js');
-const overlays = require('./overlays-16c0e214.js');
+require('./index-d23da915.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-widget-chart.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-16c0e214.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-small-size.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
-const overlays = require('./overlays-16c0e214.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-widget-tab.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-16c0e214.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-widget-tile.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
-const overlays = require('./overlays-16c0e214.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state-dialog.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
-const overlays = require('./overlays-16c0e214.js');
+require('./index-d23da915.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-workflow-state.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-16c0e214.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');
 

package/dist/cjs/yoo-workflow.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-3654a19e.js');
+const commonHelpers = require('./common-helpers-eef55d89.js');
 const index$3 = require('./index-46d2ba10.js');
-const index$1 = require('./index-ecb24a5f.js');
+const index$1 = require('./index-b3776014.js');
 const index$2 = require('./index-9c56868f.js');
-const overlays = require('./overlays-16c0e214.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./index-5da3d711.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-zebra.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const overlays = require('./overlays-16c0e214.js');
-require('./index-95f4392b.js');
+const overlays = require('./overlays-16c90c34.js');
+require('./index-d23da915.js');
 require('./lodash-72d493b9.js');
 require('./index-5da3d711.js');
 require('./_commonjsHelpers-94df2ea7.js');

package/dist/cjs/yoo-zoom.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-95f4392b.js');
+require('./index-d23da915.js');
 const lodash = require('./lodash-72d493b9.js');
 const annotationsHelpers = require('./annotations-helpers-fb554cca.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
-const overlays = require('./overlays-16c0e214.js');
+const overlays = require('./overlays-16c90c34.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-5da3d711.js');
 

package/dist/collection/components/entities/card-list/default/card-list.css

@@ -1243,13 +1243,15 @@ svg:not(:root) {
   margin-left: 1.75rem;
 }
 
-:host(.userranks) .outer-container {
+:host(.userranks) .outer-container,
+:host(.userhighscores) .outer-container {
   align-items: center;
   padding: var(--spacing-08, 0.5rem) 0 !important;
   background-color: transparent;
   border-bottom: 0;
 }
-:host(.userranks) .heading-container {
+:host(.userranks) .heading-container,
+:host(.userhighscores) .heading-container {
   word-wrap: break-word;
 }
 

package/dist/collection/components/entities/card-list/default/card-list.js

@@ -287,7 +287,7 @@ export class YooCardListComponent {
         vip: this.entry.vip,
         firefox: isFirefox(),
         'secondary-view': this.isRenderBadgeOutside
-      } }, !(this.isQuestionCardList() && this.host.classList.contains('selected-content')) && (h("div", { class: { 'outer-container': true }, ref: (el) => (this.outerDiv = el) }, this.entry.rank !== undefined && this.entry.points !== undefined && h("div", { class: "rank-container" }, this.entry.rank), (this.entry.imgSrc || this.entry.users || this.entry.icon || this.entry.iconText || this.host.classList.contains('calendarEvents')) && (h("div", { class: { 'card-list-image-container': true, [this.entry.avatarSize]: true } }, h("yoo-card-list-image", { class: this.host.classList.value, entry: this.entry, isMap: this.isMap }))), h("div", { class: {
+      } }, !(this.isQuestionCardList() && this.host.classList.contains('selected-content')) && (h("div", { class: { 'outer-container': true }, ref: (el) => (this.outerDiv = el) }, this.entry.rank !== undefined && h("div", { class: "rank-container" }, this.entry.rank), (this.entry.imgSrc || this.entry.users || this.entry.icon || this.entry.iconText || this.host.classList.contains('calendarEvents')) && (h("div", { class: { 'card-list-image-container': true, [this.entry.avatarSize]: true } }, h("yoo-card-list-image", { class: this.host.classList.value, entry: this.entry, isMap: this.isMap }))), h("div", { class: {
         'content-container': true,
         'has-image ': this.entry.imgSrc !== undefined || this.entry.icon !== undefined,
         center: this.entry.heading === undefined && this.entry.subheadings === undefined

package/dist/collection/components/entities/entity/entity.js

@@ -294,16 +294,16 @@ export class YooEntityComponent {
     return h("yoo-card-recommendation", { entry: this.item, type: isLesson ? 'lesson' : 'plan', class: this.entityType });
   }
   renderCardNotification() {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const notification = this.item;
     const notificationParams = notification.params || ((_a = notification.data) === null || _a === void 0 ? void 0 : _a.customParams);
     const iconName = ((_b = notification.data) === null || _b === void 0 ? void 0 : _b.iconName) || getNotificationIcon(notification);
-    const iconColor = iconName === 'check' ? 'success' : (((_c = notification === null || notification === void 0 ? void 0 : notification.data) === null || _c === void 0 ? void 0 : _c.customCssClass) || 'app-color');
+    const iconColor = iconName === 'check' ? 'success' : ((_c = notification === null || notification === void 0 ? void 0 : notification.data) === null || _c === void 0 ? void 0 : _c.customCssClass) === 'media' ? 'app-color' : (((_d = notification === null || notification === void 0 ? void 0 : notification.data) === null || _d === void 0 ? void 0 : _d.customCssClass) || 'app-color');
     let body = translateMulti(notification.body, notificationParams);
-    if ((_d = notification.data) === null || _d === void 0 ? void 0 : _d.replaceContent) {
+    if ((_e = notification.data) === null || _e === void 0 ? void 0 : _e.replaceContent) {
       body = replaceTextWithRichContent(body);
     }
-    return (h("yoo-card-notification", { class: { unread: !notification.isViewedByMe }, body: body, notificationTitle: translateMulti(notification.title, notificationParams), timeAgo: notification.scheduledDate || notification._ect ? pipes.dateFormat.transform(notification.scheduledDate || notification._ect, 'fromNow') : null, imgSrc: ((_e = notification.data) === null || _e === void 0 ? void 0 : _e.rightMediaSrc) || null }, ((_f = notification.data) === null || _f === void 0 ? void 0 : _f.sender_photo) && h("yoo-avatar", { slot: "item-left", size: "medium", imgSrc: notification.data.sender_photo }), !((_g = notification.data) === null || _g === void 0 ? void 0 : _g.sender_photo) && (h("yoo-icon", { slot: "item-left", name: iconName, color: iconColor, size: "large" }))));
+    return (h("yoo-card-notification", { class: { unread: !notification.isViewedByMe }, body: body, notificationTitle: translateMulti(notification.title, notificationParams), timeAgo: notification.scheduledDate || notification._ect ? pipes.dateFormat.transform(notification.scheduledDate || notification._ect, 'fromNow') : null, imgSrc: ((_f = notification.data) === null || _f === void 0 ? void 0 : _f.rightMediaSrc) || null }, ((_g = notification.data) === null || _g === void 0 ? void 0 : _g.sender_photo) && h("yoo-avatar", { slot: "item-left", size: "medium", imgSrc: notification.data.sender_photo }), !((_h = notification.data) === null || _h === void 0 ? void 0 : _h.sender_photo) && (h("yoo-icon", { slot: "item-left", name: iconName, color: iconColor, size: "large" }))));
   }
   renderCardSticky(extraClasses) {
     var _a, _b;

package/dist/collection/components/form/form-date-time/form-date-time.js

@@ -160,7 +160,11 @@ export class YooFormDateTimeComponent {
     if (newMinutes === 0 && prevMinutes !== newMinutes) {
       defaultValue.setHours(defaultValue.getHours() + 1);
     }
+    const wasValueUndefined = !this.value;
     this.value = this.value || (this.isRange ? [defaultValue] : defaultValue);
+    if (wasValueUndefined) {
+      setValueAndValidateInput(this.value, this);
+    }
     await this.onToggle(ev);
   }
   onClearClicked(event) {

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

@@ -1638,6 +1638,11 @@ svg:not(:root) {
   padding: var(--spacing-16, 1rem);
   border-radius: var(--spacing-08, 0.5rem);
 }
+:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container.web,
+:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container.web,
+:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container.web {
+  padding-top: var(--spacing-04, 0.25rem);
+}
 :host(.mission-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,
 :host(.workflow-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,
 :host(.kanban-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last {

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

@@ -4140,6 +4140,7 @@ export class YooFormDynamicComponent {
           isFormField: true,
           isReadonly: readonly,
           field,
+          mainColumnHeader: field.mainColumnHeader,
           showGlobalActions: true,
           scrollable: field.gridScrollable !== false,
           showGridTotalHeader: field.gridHideTotal !== true,

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

@@ -15,14 +15,16 @@ export class YooFormEmailreportComponent {
     if (this.formAutocomplete) {
       if (formSearch && formSearch.search && formSearch.search.currentPage === 0) {
         let emails = [];
+        const session = getSession();
+        const location = session.selectedLocation;
         if (this.fieldValues && this.fieldValues.length > 0) {
           emails = emails.concat(this.fieldValues.map((v) => ({ _id: v, title: v, isEmail: true })));
         }
-        if (getSession().selectedLocation && isArray(getSession().selectedLocation.notificationemail) && getSession().selectedLocation.notificationemail.length > 0) {
-          emails = emails.concat(getSession().selectedLocation.notificationemail.map((v) => ({ _id: v, title: v, isEmail: true })));
+        if (getSession().selectedLocation && isArray(location.notificationemail) && location.notificationemail.length > 0) {
+          emails = emails.concat(location.notificationemail.map((v) => ({ _id: v, title: v, isEmail: true })));
         }
-        if (getSession().selectedLocation && getSession().selectedLocation.contactemail) {
-          emails.concat([getSession().selectedLocation.contactemail].map((v) => ({ _id: v, title: v, isEmail: true })));
+        if (location && location.contactemail) {
+          emails = emails.concat([location.contactemail].map((v) => ({ _id: v, title: v, isEmail: true })));
         }
         if (getSession().user) {
           values.unshift(getSession().user);

package/dist/collection/components/form/form-input-container/form-input-container.js

@@ -315,8 +315,8 @@ export class YooFormInputContainerComponent {
         invalid: this.markAsInvalid
       }, ...{
         'field-type': this.fieldType,
-        language: (_a = this.field) === null || _a === void 0 ? void 0 : _a.language,
-        title: translateMulti(((_b = this.field) === null || _b === void 0 ? void 0 : _b.title) || ((_d = (_c = this.field) === null || _c === void 0 ? void 0 : _c.name) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '')
+        'language': (_a = this.field) === null || _a === void 0 ? void 0 : _a.language,
+        'field-title': translateMulti(((_b = this.field) === null || _b === void 0 ? void 0 : _b.title) || ((_d = (_c = this.field) === null || _c === void 0 ? void 0 : _c.name) === null || _d === void 0 ? void 0 : _d.toUpperCase()) || '')
       } }, this.field && [
       this.renderContent(),
       this.field.hint && this.renderHint(),

package/dist/collection/components/grid/grid/grid.js

@@ -255,7 +255,7 @@ export class YooGridComponent {
     if (total >= 0) {
       this.total = total;
     }
-    this.isLoading = false;
+    this.setLoading(false);
     this.onDataChanged(values);
     if (!this.items || (this.items.length === 0 && (values === null || values === void 0 ? void 0 : values.length) !== 0)) {
       this.onFetchData();
@@ -483,6 +483,9 @@ export class YooGridComponent {
       await this.expandTreePath(routes);
     }
   }
+  setLoading(loading) {
+    this.isLoading = this.forceLoading || loading;
+  }
   expandPath(route, last) {
     const node = this.gridApi.getRowNode(route);
     if (last && node) {
@@ -1012,7 +1015,7 @@ export class YooGridComponent {
       if (this.isSelectedToggleView) {
         const ids = compact((_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((s) => s === null || s === void 0 ? void 0 : s._id));
         if (ids.length > 0) {
-          this.isLoading = true;
+          this.setLoading(true);
           getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids, sorts: [{ colId: 'title', sort: 'asc' }] } }).then((ret) => {
             this.items = ret || [];
             if (this.isAgGrid()) {
@@ -1030,7 +1033,7 @@ export class YooGridComponent {
                 });
               }
             }
-            this.isLoading = false;
+            this.setLoading(false);
           });
         }
       }
@@ -1107,7 +1110,7 @@ export class YooGridComponent {
   }
   onFetchData(noLoading) {
     if (this.isFormField && !noLoading) {
-      this.isLoading = true;
+      this.setLoading(true);
     }
     if (this.isAutoComplete && isWeb(this.host) && this.entityType === 'files' && this.gridIsExpanded) {
       const minPageSizeForScroll = 36;
@@ -1426,7 +1429,7 @@ export class YooGridComponent {
   }
   onSearchInputChange(ev) {
     ev.stopPropagation();
-    this.isLoading = false;
+    this.setLoading(false);
     this.searchText = ev.detail;
     this.isFirstLoadAfterDisconnect = false;
     this.setCurrentPage(0);
@@ -2265,7 +2268,7 @@ export class YooGridComponent {
   renderTotalHeader() {
     const total = this.getTotalSelected() || 0;
     if ((this.isFormField || this.showGridTotalHeader) && this.showGridTotalHeader !== false && (this.collectionName || this.entityType)) {
-      return h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: isWeb(this.host) } }, h("span", { class: "total" }, total), h("span", { class: "title" }, translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
+      return h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: isWeb(this.host) } }, h("span", { class: "total" }, total === null || total === void 0 ? void 0 : total.toLocaleString()), h("span", { class: "title" }, translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
     }
   }
   renderLinkHeader() {
@@ -2575,7 +2578,7 @@ export class YooGridComponent {
         ];
       }
     }
-    else if (this.filteredItems && this.filteredItems.length > 0 && this.direction === 'horizontal') {
+    else if (!this.forceLoading && this.filteredItems && this.filteredItems.length > 0 && this.direction === 'horizontal') {
       const options = { ...this.slidesOptions };
       let emptySlides;
       if (this.entityType !== 'courses-small') {
@@ -2603,7 +2606,7 @@ export class YooGridComponent {
         h("slot", { name: "after" })
       ];
     }
-    else if (this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && this.headerFn && !this.isFramed) {
+    else if (!this.forceLoading && this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && this.headerFn && !this.isFramed) {
       const headers = this.filteredItems
         .map((item, index, records) => {
         return { text: this.headerFn(item, index, records), index };
@@ -2617,7 +2620,7 @@ export class YooGridComponent {
         }), h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })), this.renderInfiniteScroll(), this.renderScrollSpacer(), h("slot", { name: "quickactions" }))
       ];
     }
-    else if (this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && (!this.headerFn || this.isFramed)) {
+    else if (!this.forceLoading && this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && (!this.headerFn || this.isFramed)) {
       return [
         h("slot", { name: "before" }),
         this.useVirtualScroll() ? (this.renderVirtualScroll()) : (h("div", { class: "list-container" }, h("yoo-ion-list", { class: {
@@ -2764,9 +2767,8 @@ export class YooGridComponent {
       } }, h("yoo-icon", { name: "more" }), h("span", { class: "text-action" }, translate('YOOBICMORE')))), isWeb(this.host) && this.renderWebItemOptionButtons(actions, item, index)), isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && this.isSelected(item) && (h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: "check", color: "app-color" })))) : null));
   }
   getColumnHeaderHiddenButtons() {
-    const hiddenColumnButtons = this.columns
-      .filter((column) => column.hidden && this.visibleColumns.indexOf(column) < 0)
-      .map((column) => {
+    var _a;
+    const hiddenColumnButtons = (_a = this.columns) === null || _a === void 0 ? void 0 : _a.filter((column) => column.hidden && this.visibleColumns.indexOf(column) < 0).map((column) => {
       return {
         text: translate(column.title),
         handler: () => {
@@ -2774,7 +2776,7 @@ export class YooGridComponent {
         }
       };
     });
-    return hiddenColumnButtons;
+    return hiddenColumnButtons || [];
   }
   showColumn(column) {
     this.visibleColumns = [...this.visibleColumns, column];
@@ -3581,6 +3583,23 @@ export class YooGridComponent {
         "attribute": "is-loading",
         "reflect": false
       },
+      "forceLoading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "force-loading",
+        "reflect": false
+      },
       "keepSelection": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/feature-operate/mission/mission-details/mission-details.js

@@ -1,7 +1,7 @@
 import { dateFormat, fromToday, getAsyncExtraData, getCssColor, getMissionPublicationDate, getSession, getTodoCampaignPhotos, isDateAfter, isDateSame, isIonic, isPresent, isToday, isWeb, pipes, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { cloneDeep, compact } from 'lodash-es';
-import { getMissionAddress, getMissionDueDate, getMissionPriority, getMissionTags, mapMissionToCardInboxEntry } from '../../../feature-operate/mission/helpers/missions-helpers';
+import { getMissionAddress, getMissionDueDate, getMissionPriority, getMissionTags, getMissionUniqueKey, mapMissionToCardInboxEntry } from '../../../feature-operate/mission/helpers/missions-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 const Menu = ({ icon, text, extraClass, callback }, children, utils) => {
   return (h("li", { class: { 'menu-item': true, pointer: !!callback }, onClick: () => callback === null || callback === void 0 ? void 0 : callback() }, h("div", { class: "menu-left" }, h("yoo-tag", { icon: icon, size: "medium", color: "app-color-10" }), h("div", { class: "border" })), h("div", { class: "menu-right" }, h("div", { class: "menu-title" }, text), h("div", { class: { 'menu-content': true, [extraClass]: true } }, utils.map(children, (child) => child)))));
@@ -409,6 +409,13 @@ export class YooMissionDetailsComponent {
     var _a, _b, _c, _d;
     const excludedTabs = ['dueDate', 'category'];
     const tags = getMissionTags(this.mission).filter((tag) => !excludedTabs.includes(tag._id));
+    const uniqueKey = getMissionUniqueKey(this.mission);
+    if (uniqueKey) {
+      tags.unshift({
+        title: uniqueKey,
+        color: 'text-color-10'
+      });
+    }
     const menuContent = compact([
       this.renderValidatedReason(this.mission.validated === false ? 'REASON' : 'COMMENTNOUN', 'reason', this.mission.unvalidatedReason),
       this.renderPriority(),

package/dist/collection/feature-operate/mission/mission-heading/mission-heading.js

@@ -1,6 +1,6 @@
 import { isIonic, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { getMissionProgress, getMissionTags } from '../../../feature-operate/mission/helpers/missions-helpers';
+import { getMissionProgress, getMissionTags, getMissionUniqueKey } from '../../../feature-operate/mission/helpers/missions-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { MissionLockedBanner } from '../mission-locked-banner/mission-locked-banner';
 export class YooMissionHeadingComponent {
@@ -26,6 +26,13 @@ export class YooMissionHeadingComponent {
     const excludedTags = ['dueDate', 'category', 'progress'];
     const tags = getMissionTags(this.mission).filter((tag) => !excludedTags.includes(tag._id));
     const isActionPlan = this.mission.type === 'todo';
+    const uniqueKey = getMissionUniqueKey(this.mission);
+    if (uniqueKey) {
+      tags.unshift({
+        title: uniqueKey,
+        color: 'text-color-10'
+      });
+    }
     return (h(Host, { class: getAppContext(this.host) }, h("div", { class: { 'background-container': true, pdf: this.isPdf } }, h("div", { class: "content-container" }, h(MissionLockedBanner, { mission: this.mission }), [
       !this.isPdf && this.mission.title && h("div", { class: "mission-title" }, translateMulti(this.mission.title)),
       !this.mission.title && this.mission.type === 'visit' && h("div", { class: "mission-title" }, translate('VISIT')),