@yoobic/yobi 8.2.0-16 → 8.2.0-19

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

@@ -269,6 +269,7 @@ export class YooGridComponent {
       gridCurrentSearch === null || gridCurrentSearch === void 0 ? void 0 : gridCurrentSearch.datasourceSuccess(values);
     }
     this.itemList = this.items;
+    this.setFormFieldValue(); // once we get the total we can update the query to have the proper total
   }
   async getGridSelection() {
     var _a;
@@ -840,6 +841,9 @@ export class YooGridComponent {
       },
       onRowClicked: (event) => {
         var _a, _b, _c;
+        if (this.isReadonly) {
+          return;
+        }
         if (((_a = event.node) === null || _a === void 0 ? void 0 : _a.data) && !this.disconnected && (((_c = (_b = this.gridApi) === null || _b === void 0 ? void 0 : _b.getEditingCells()) === null || _c === void 0 ? void 0 : _c.length) || 0) === 0 && !this.disableRowClick) {
           this.onItemSelect(event.node.data, false);
         }
@@ -848,17 +852,26 @@ export class YooGridComponent {
         this.cellEdited.emit(params);
       },
       onSelectionChanged: (params) => {
-        if (this.disconnected) {
+        if (this.disconnected || this.isReadonly) {
           return;
         }
         if (!this.isSelectAll) {
-          this.selection = params.api.getSelectedRows();
+          this.selection = this.selection || [];
+          params.api.forEachNode((node) => {
+            const index = this.findIndex(node.data);
+            if (node.isSelected() === true && index < 0) {
+              this.selection.push(node.data);
+            }
+            else if (node.isSelected() !== true && index >= 0) {
+              this.selection.splice(index, 1);
+            }
+          });
           this.selected.emit(this.multiple ? this.selection : this.selection.length > 0 ? this.selection[0] : null);
         }
         else {
           this.selectionRemoved = [];
           params.api.forEachNode((node) => {
-            if (node.isSelected() === false) {
+            if (node.isSelected() === false && this.findIndex(node.data, true) < 0) {
               this.selectionRemoved.push(node.data);
             }
           });
@@ -902,9 +915,14 @@ export class YooGridComponent {
     if ((_a = this.finalGridConfig) === null || _a === void 0 ? void 0 : _a.columnDefs) {
       const selectionColumn = this.finalGridConfig.columnDefs.find((c) => c.checkboxSelection === true || c.checkboxSelection === false);
       if (selectionColumn) {
-        selectionColumn.hide = !this.isSelectionMode;
+        selectionColumn.hide = !this.isSelectionMode || this.isReadonly;
       }
     }
+    if (this.isReadonly) {
+      this.finalGridConfig.suppressRowClickSelection = true;
+      this.finalGridConfig.suppressCellFocus = true;
+      this.finalGridConfig.suppressRowHoverHighlight = true;
+    }
   }
   onGridStateUpdate() {
     if (this.columnApi && !this.disconnected) {
@@ -998,7 +1016,7 @@ export class YooGridComponent {
                 this.gridApi.setRowData(this.items);
               }
               else {
-                this.gridApi.setRowData([]);
+                //this.gridApi.setRowData([]);
                 this.gridApi.setServerSideDatasource({
                   getRows: (p) => {
                     const items = this.items.slice(p.request.startRow || 0, p.request.endRow);
@@ -1323,7 +1341,7 @@ export class YooGridComponent {
       return this.total || 0;
     }
     else if (this.multiple) {
-      return this.isSelectAll ? this.total - (((_a = this.selectionRemoved) === null || _a === void 0 ? void 0 : _a.length) || 0) : ((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) || (this.isAutoComplete ? undefined : this.total) || 0;
+      return this.isSelectAll && this.total > 0 ? this.total - (((_a = this.selectionRemoved) === null || _a === void 0 ? void 0 : _a.length) || 0) : ((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) || (this.isAutoComplete ? undefined : this.total) || 0;
     }
     else if (this.total > 0) { //  && this.isSelectAll
       let total = this.total;
@@ -1399,9 +1417,9 @@ export class YooGridComponent {
   }
   onSearchInputChange(ev) {
     ev.stopPropagation();
-    if ((ev === null || ev === void 0 ? void 0 : ev.detail) !== this.searchText && this.isSelectedToggleView) {
-      this.isSelectedToggleView = false;
-    }
+    // if (ev?.detail !== this.searchText && this.isSelectedToggleView) { // dont understand why we need this
+    //   this.isSelectedToggleView = false;
+    // }
     this.isLoading = false;
     this.searchText = ev.detail;
     this.isFirstLoadAfterDisconnect = false;
@@ -1878,8 +1896,7 @@ export class YooGridComponent {
     ]);
   }
   renderRefresh() {
-    return (!this.hideRefreshButton &&
-      !this.isLocal && (h("yoo-tooltip", { content: translate('REFRESH'), hoverable: true, placement: "bottom" },
+    return (!this.hideRefreshButton && !this.isReadonly && !this.isLocal && (h("yoo-tooltip", { content: translate('REFRESH'), hoverable: true, placement: "bottom" },
       h("yoo-button", { shape: "circular", fill: "transparent", rippleType: "unbounded", onClick: () => this.pullToRefresh() },
         h("yoo-icon", { name: "refresh", color: "stable" })))));
   }
@@ -2019,7 +2036,7 @@ export class YooGridComponent {
     ];
   }
   renderDisplayMode() {
-    var _a;
+    var _a, _b;
     if (isWeb(this.host) && this.displayType === 'card-media') {
       const buttonsResize = [
         {
@@ -2035,15 +2052,18 @@ export class YooGridComponent {
         { icon: 'large-without-info', handler: () => this.onMediaResize('large', true), iconColor: this.displaySize === 'large' && this.useCellOverlay ? 'app-color' : 'stable' },
         { icon: 'large-with-info', handler: () => this.onMediaResize('large', false), iconColor: this.displaySize === 'large' && !this.useCellOverlay ? 'app-color' : 'stable' }
       ];
-      return (h("yoo-tooltip", { content: translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" },
-        h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => (event.target.childNodes[0]['color'] = 'app-color'), onContextMenuClosed: (event) => (event.target.childNodes[0]['color'] = 'stable') },
-          h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" },
-            h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))));
+      return [
+        h("yoo-tooltip", { content: translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" },
+          h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => (event.target.childNodes[0]['color'] = 'app-color'), onContextMenuClosed: (event) => (event.target.childNodes[0]['color'] = 'stable') },
+            h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" },
+              h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))),
+        ((_a = this.displayTypes) === null || _a === void 0 ? void 0 : _a.length) > 1 && h("yoo-tooltip", { content: translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())
+      ];
     }
     if (!this.isToggleModeVisible()) {
       return;
     }
-    if (((_a = this.displayTypes) === null || _a === void 0 ? void 0 : _a.length) > 1) {
+    if (((_b = this.displayTypes) === null || _b === void 0 ? void 0 : _b.length) > 1) {
       return isWeb(this.host) ? (h("yoo-tooltip", { content: translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())) : (this.renderChangeDisplayButtonMobile());
     }
   }
@@ -2102,6 +2122,7 @@ export class YooGridComponent {
         // icon: 'pull-to-refresh',
         text: translate('UPDATEVIEW'),
         isVisible: () => !!this.customView,
+        hasDivider: true,
         handler: () => {
           this.customViewSaved.emit({ view: this.customView, showEditForm: false });
         }
@@ -2109,6 +2130,7 @@ export class YooGridComponent {
       {
         // icon: 'save',
         text: translate('SAVEASNEWVIEW'),
+        hasDivider: true,
         handler: () => {
           this.customViewSaved.emit(null);
         }
@@ -2117,6 +2139,7 @@ export class YooGridComponent {
         // icon: 'cross',
         text: translate('RESETVIEW'),
         color: 'danger',
+        hasDivider: true,
         iconColor: 'danger',
         textClass: 'danger',
         isVisible: () => !!this.customView,
@@ -2190,14 +2213,14 @@ export class YooGridComponent {
     var _a;
     const showDisplaySize = ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.findIndex((f) => f.showInCard)) > -1;
     // Block select all for card cell web for documents
-    return (h("yoo-entity-query-builder", { ref: (el) => (this.entityQueryBuilderElement = el), model: this.model, hideSorts: this.isAgGrid() || this.isKanban() || this.hideSorts, showAdvancedQueryBuilder: this.showAdvancedQueryBuilder, values: this.sortsAndFilters, isToggleSelected: this.isSelectedToggleView, isSelectAllToggled: this.isSelectAll, showSelectionOnlyToggle: this.showSelectionOnlyToggle, customViewsId: this.customViewsId, customView: this.customView, customViews: this.customViews, onChanged: (ev) => this.applySortsAndFilters(ev.detail), onToggleSelected: (ev) => this.onToggleSelected(ev), onFieldFetchData: (ev) => {
+    return (h("yoo-entity-query-builder", { ref: (el) => (this.entityQueryBuilderElement = el), model: this.model, hideSorts: this.isAgGrid() || this.isKanban() || this.hideSorts, showAdvancedQueryBuilder: this.showAdvancedQueryBuilder, values: this.sortsAndFilters, readonly: this.isReadonly, isToggleSelected: this.isSelectedToggleView, isSelectAllToggled: this.isSelectAll, showSelectionOnlyToggle: this.showSelectionOnlyToggle, customViewsId: this.customViewsId, customView: this.customView, customViews: this.customViews, onChanged: (ev) => this.applySortsAndFilters(ev.detail), onToggleSelected: (ev) => this.onToggleSelected(ev), onFieldFetchData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchData.emit(ev.detail);
       }, onFieldFetchCustomData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchCustomData.emit(ev.detail);
       }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 },
-      isWeb(this.host) && (h("div", { class: "search-container-inner", slot: "before" },
+      isWeb(this.host) && !this.isReadonly && (h("div", { class: "search-container-inner", slot: "before" },
         this.renderToggleSelectAll(),
         this.showSearch !== false && this.renderSearchInput(),
         h("slot", { name: "search-buttons-before" }))),
@@ -2306,7 +2329,8 @@ export class YooGridComponent {
       return this.renderSelectAllHeader();
     }
     const title = translate(this.heading);
-    let renderSearchOrAutocomplete = (this.showSearch || ((_c = this.displayTypes) === null || _c === void 0 ? void 0 : _c.length) > 1 || (!isWeb(this.host) && this.allowCustomTag)) &&
+    let renderSearchOrAutocomplete = !this.isReadonly &&
+      (this.showSearch || ((_c = this.displayTypes) === null || _c === void 0 ? void 0 : _c.length) > 1 || (!isWeb(this.host) && this.allowCustomTag)) &&
       ((this.filteredItems && this.filteredItems.length > 0) ||
         this.allowCustomTag ||
         this.searchText ||
@@ -2366,7 +2390,7 @@ export class YooGridComponent {
         renderEntityTags && this.renderEntitySearchTags(renderSearchOrAutocomplete),
         renderSearchOrAutocomplete && (this.isMap() ? this.renderAddressAutocomplete() : this.renderSearch()),
         h("div", { slot: "content", class: "w-100" },
-          isWeb(this.host) && !this.isAutoComplete && !this.shouldRenderEntityQueryBuilder() && this.renderToggleSelectAll(true),
+          isWeb(this.host) && !this.isAutoComplete && !this.isReadonly && !this.shouldRenderEntityQueryBuilder() && this.renderToggleSelectAll(true),
           h("slot", { name: "nav-bar-bottom" }))))
     ];
   }
@@ -3014,6 +3038,7 @@ export class YooGridComponent {
         'entity-inner-container': true,
         'sortable': this.sortable,
         [this.displayType]: true,
+        [this.entityType || '']: true,
         'collapsible': this.isCollapsibleCheck(),
         'no-kpi': this.hasNoKpi(item),
         'overflow-visible': this.secondaryActionsDropdown,
@@ -3035,7 +3060,7 @@ export class YooGridComponent {
           'selected': ((_a = this.initialSelection) === null || _a === void 0 ? void 0 : _a.length) === 1 && ((_b = this.initialSelection[0]) === null || _b === void 0 ? void 0 : _b._id) === (item === null || item === void 0 ? void 0 : item._id),
           'selected check-selected': item && this.isSelected(item) && !this.showGlobalActions,
           'selected check-selected-left': item && this.isSelected(item) && this.showGlobalActions && this.isSelectionMode,
-          'check-unselected': ((this.host.classList.contains('radio-button-choice') && !this.isSelected(item)) || (this.multiple && !this.isSelected(item))) && !this.showGlobalActions,
+          'check-unselected': ((this.host.classList.contains('radio-button-choice') && !this.isSelected(item)) || (this.multiple && !this.isSelected(item))) && !this.showGlobalActions && this.keepSelection !== false,
           'check-unselected-left': ((this.host.classList.contains('radio-button-choice') && !this.isSelected(item)) || (this.multiple && !this.isSelected(item))) &&
             this.showGlobalActions &&
             this.isSelectionMode,
@@ -3237,7 +3262,7 @@ export class YooGridComponent {
       "mutable": false,
       "complexType": {
         "original": "ITab[]",
-        "resolved": "ITab[]",
+        "resolved": "ITab<string>[]",
         "references": {
           "ITab": {
             "location": "import",
@@ -3425,7 +3450,7 @@ export class YooGridComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",
@@ -6289,14 +6314,10 @@ export class YooGridComponent {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "(entityType: EntityType, displayType: CardType, item: any) => any",
-        "resolved": "(entityType: EntityType, displayType: CardType, item: any) => any",
+        "original": "TEntityMapping",
+        "resolved": "(item: IEntity, entityType: EntityType, displayType: CardType, displaySize?: TSize, useCellOverlay?: boolean) => ICardListEntry | ICardMediaEntry",
         "references": {
-          "EntityType": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          },
-          "CardType": {
+          "TEntityMapping": {
             "location": "import",
             "path": "@shared/interfaces"
           }
@@ -6800,7 +6821,7 @@ export class YooGridComponent {
       },
       "complexType": {
         "original": "ITab",
-        "resolved": "ITab",
+        "resolved": "ITab<string>",
         "references": {
           "ITab": {
             "location": "import",

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

@@ -584,11 +584,11 @@ export class YooGridCalendarComponent {
         this.user && h("yoo-avatar", { size: "medium", user: this.user }),
         h("div", { class: "title", onClick: () => calendar.view.type !== 'dayGridMonth' && this.toggleDatePicker() }, calendar.view.title),
         calendar.view.type !== 'dayGridMonth' && h("yoo-icon", { name: this.showMobileCalendar ? 'arrow-up' : 'arrow-down', size: "small", onClick: () => this.toggleDatePicker() }),
-        h("div", { class: "today", onClick: () => this.today() }, translate('TODAY')));
+        h("div", { class: "today", onClick: () => this.today() }, translate('YOOBICTODAY')));
     }
     else if (calendar && isWeb(this.host)) {
       return h("div", { class: "custom-header web" },
-        h("yoo-button", { size: "medium", color: "light", onClick: () => this.today() }, translate('TODAY')),
+        h("yoo-button", { size: "medium", color: "light", onClick: () => this.today() }, translate('YOOBICTODAY')),
         h("yoo-icon", { name: "arrow-left", size: "medium", onClick: () => this.ionSlides.slidePrev(0) }),
         h("div", { class: "title", onClick: () => calendar.view.type !== 'dayGridMonth' && this.toggleDatePicker() }, calendar.view.title),
         h("yoo-icon", { name: "arrow-right", size: "medium", onClick: () => this.ionSlides.slideNext(0) }),
@@ -686,7 +686,7 @@ export class YooGridCalendarComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",

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

@@ -449,7 +449,7 @@ export class YooKanbanComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",

package/dist/collection/components/layout/layout-tabs/layout-tabs.js

@@ -72,7 +72,7 @@ export class YooLayoutTabsComponent {
       "mutable": false,
       "complexType": {
         "original": "ITab[]",
-        "resolved": "ITab[]",
+        "resolved": "ITab<string>[]",
         "references": {
           "ITab": {
             "location": "import",

package/dist/collection/feature-communicate/document/card-media/card-media.js

@@ -433,7 +433,7 @@ export class YooCardMediaComponent {
         "references": {
           "TCardMediaMode": {
             "location": "import",
-            "path": "../../../interfaces"
+            "path": "@shared/interfaces"
           }
         }
       },
@@ -599,7 +599,7 @@ export class YooCardMediaComponent {
         "references": {
           "TCardMediaType": {
             "location": "import",
-            "path": "../../../interfaces"
+            "path": "@shared/interfaces"
           }
         }
       },
@@ -622,7 +622,7 @@ export class YooCardMediaComponent {
         "references": {
           "ICardMediaFullscreenParams": {
             "location": "import",
-            "path": "../../../interfaces"
+            "path": "@shared/interfaces"
           }
         }
       },

package/dist/collection/feature-communicate/feed/community-detail/community-detail.css

@@ -214,7 +214,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .top-container {
   display: flex;
   flex-shrink: 0;
-  height: 5.5rem;
+  height: 6rem;
   transition: 0.2s;
 }
 :host .outer-container .top-container.expanded {
@@ -222,7 +222,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host .outer-container .top-container .image-container {
   width: 7.375rem;
-  height: 5.5rem;
+  height: 6rem;
   background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) -73%, rgba(0, 0, 0, 0.5) 100%), linear-gradient(to bottom, #276ef1, #276ef1);
 }
 :host .outer-container .top-container .image-container yoo-img {

package/dist/collection/feature-learn/incentive/card-incentive/card-incentive.js

@@ -57,7 +57,8 @@ export class YooCardIncentiveComponent {
     return (h("div", { class: "progress" }, progressText));
   }
   renderFooter() {
-    const positionText = getPositionText(this.score);
+    var _a;
+    const positionText = ((_a = this.score) === null || _a === void 0 ? void 0 : _a.position) && getPositionText(this.score.position);
     const progressText = getProgressText(this.score);
     const footer = (h("div", { class: "footer" },
       positionText && this.renderPositionText(positionText),

package/dist/collection/feature-learn/incentive/helpers/incentive-helpers.js

@@ -19,11 +19,9 @@ export function getIncentiveStatusBadgeSettings(incentive) {
  * @param {IIncentiveParticipantScore} score
  * @return {string} Name of position
  */
-export function getPositionText(score) {
-  if (!(score === null || score === void 0 ? void 0 : score.position)) {
+export function getPositionText(position) {
+  if (!position)
     return '';
-  }
-  const position = score.position;
   let numSuffix = 'THSUFFIX';
   if (position % 10 === 1) {
     numSuffix = 'STSUFFIX';

package/dist/collection/feature-learn/incentive/incentive-detail/incentive-detail.css

@@ -232,9 +232,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .unvisible {
   visibility: hidden;
 }
-:host .outer-container .kpichart {
-  height: 200px;
-}
 :host .outer-container .types > div,
 :host .outer-container .date {
   display: flex;
@@ -250,7 +247,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: flex;
   flex-direction: row;
   padding-bottom: var(--spacing-16, 1rem);
-  border-bottom: 1px solid var(--stable-light, #f1f1f1);
+  border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
 }
 :host .outer-container .dates .date {
   color: var(--app-color, #5a30f4);
@@ -269,10 +266,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   padding: var(--spacing-16, 1rem) 0;
   color: var(--dark, #000000);
   font-weight: var(--font-weight-700, 700);
-  font-size: var(--font-size-14, 0.875rem);
-}
-:host .outer-container .position yoo-tag {
-  margin-right: var(--spacing-08, 0.5rem);
 }
 :host .outer-container .progress-bar {
   margin: var(--spacing-04, 0.25rem) 0;
@@ -383,16 +376,16 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host .outer-container.web .middle-container {
   display: flex;
-  height: 14rem;
+  height: 100%;
 }
 :host .outer-container.web .middle-container .left-container {
   flex: 0;
   flex-basis: auto;
   padding-right: 3.5rem;
+  padding-bottom: var(--spacing-16, 1rem);
 }
 :host .outer-container.web .middle-container .left-container .total-number {
   display: inline-flex;
-  margin-top: var(--spacing-16, 1rem);
   color: var(--dark, #000000);
   font-weight: var(--font-weight-900, 900);
   font-size: var(--font-size-54, 3.375rem);
@@ -407,8 +400,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: table;
 }
 :host .outer-container.web .middle-container .left-container .progress-container yoo-progress-bar {
-  width: 4.125rem;
   margin-top: var(--spacing-16, 1rem);
+  --progress-value-font-size: var(--font-size-14, 0.875rem);
 }
 :host .outer-container.web .middle-container .left-container .progress-container .progress-bar-description {
   display: table-cell;
@@ -416,9 +409,26 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   font-weight: var(--font-weight-900, 900);
   vertical-align: middle;
 }
+:host .outer-container.web .middle-container .left-container yoo-progress-bar {
+  width: 15rem;
+  --progress-value-font-size: var(--font-size-20, 1.25rem);
+}
+:host .outer-container.web .middle-container .left-container yoo-tag {
+  display: flex;
+}
+:host .outer-container.web .middle-container .left-container .position {
+  font-size: var(--font-size-16, 1rem);
+  border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
+}
+:host .outer-container.web .middle-container .left-container .position yoo-tag {
+  margin-right: var(--spacing-16, 1rem);
+}
 :host .outer-container.web .middle-container .right-container {
   flex: 1;
 }
+:host .outer-container.web .middle-container .right-container .kpichart {
+  height: 12.5rem;
+}
 :host .outer-container.web .bottom-container {
   display: flex;
   background-color: var(--stable-light-40, rgba(241, 241, 241, 0.4));
@@ -431,7 +441,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   font-size: var(--font-size-14, 0.875rem);
 }
 :host .outer-container.web .bottom-container .box .box-content {
-  height: 380px;
+  height: 23.75rem;
   margin: var(--spacing-16, 1rem);
   padding: var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);
   overflow: auto;
@@ -460,7 +470,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   align-items: center;
   padding: var(--spacing-08, 0.5rem) 0;
   font-size: var(--font-size-14, 0.875rem);
-  border-bottom: 1px solid var(--stable-light, #f1f1f1);
+  border-bottom: var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);
 }
 :host .outer-container.web .bottom-container .box .box-content .item .values {
   display: flex;
@@ -477,9 +487,24 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-right: var(--spacing-16, 1rem);
 }
 :host .outer-container.web .title-category {
+  display: flex;
   color: var(--dark, #000000);
   font-weight: var(--font-weight-900, 900);
   font-size: var(--font-size-14, 0.875rem);
+  text-transform: capitalize;
+}
+
+.outer-container.mobile yoo-progress-bar {
+  --progress-value-font-size: var(--font-size-14, 0.875rem);
+}
+.outer-container.mobile .position {
+  font-size: var(--font-size-14, 0.875rem);
+}
+.outer-container.mobile .position yoo-tag {
+  margin-right: var(--spacing-08, 0.5rem);
+}
+.outer-container.mobile .kpichart {
+  height: 12.5rem;
 }
 
 :host(.web) .box-content {
@@ -503,11 +528,4 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.web) .box-content:hover::-webkit-scrollbar-thumb {
   background: var(--stable, #adadad);
-}
-:host(.web) yoo-progress-bar {
-  --progress-value-font-size: var(--font-size-20, 1.25rem) ;
-}
-
-:host(.mobile) yoo-progress-bar {
-  --progress-value-font-size: var(--font-size-14, 0.875rem) ;
 }