@yoobic/yobi 8.2.0-18 → 8.2.0-20

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -49,7 +49,7 @@ import { Component, Element, Event, h, Host, Method, Prop, Watch } from '@stenci
 import FroalaEditor from 'froala-editor';
 import { assign, compact, isArray, isString } from 'lodash-es';
 import sanitizeHtml from 'sanitize-html';
-import { querySelectorDeep } from '../../../utils/helpers/common-helpers';
+import { getAppContext, querySelectorDeep } from '../../../utils/helpers/common-helpers';
 import { sanitizeMentionTag } from '../../../utils/helpers/entities-helpers';
 import { setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 import { getInsertElementProp, getTagHTML, isMentionTag, safeInsert, safeInsertElements, safeReplaceElement } from '../../../utils/helpers/form-text-area-helpers';
@@ -244,7 +244,7 @@ export class YooFormTextEditorComponent {
       linkInsertButtons: ['linkBack'],
       pastePlain: false,
       zIndex: this.customZIndex,
-      quickInsertEnabled: true,
+      quickInsertEnabled: isWeb(this.host),
       quickInsertButtons: compact(['yooUploadButtonQuick', 'yooDocumentImporterButtonQuick', 'image', 'video', 'table', 'ul', 'ol', 'hr', 'emoticons', 'yooTemplateQuick']),
       quickInsertTags: ['', 'p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'pre', 'blockquote', 'br'],
       colorsBackground: hasTenantColors ? (_k = session === null || session === void 0 ? void 0 : session.tenant) === null || _k === void 0 ? void 0 : _k.rteColors : getColorSwatches(),
@@ -274,14 +274,14 @@ export class YooFormTextEditorComponent {
       toolbarInline: false,
       toolbarButtons: {
         moreRich: {
-          buttons: ['yooUploadButton', 'yooDocumentImporterButton', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'insertFile', 'insertHR'],
+          buttons: compact([isWeb(this.host) ? 'yooUploadButton' : null, 'yooDocumentImporterButton', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'insertFile', 'insertHR']),
           align: 'left',
-          buttonsVisible: this.isFullscreen ? 7 : 2
+          buttonsVisible: this.isFullscreen && isWeb(this.host) ? 7 : 2
         },
         moreText: {
           buttons: ['bold', 'italic', 'underline', 'textColor', 'backgroundColor', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', 'clearFormatting'],
           align: 'left',
-          buttonsVisible: this.isFullscreen ? 5 : 1
+          buttonsVisible: this.isFullscreen && isWeb(this.host) ? 5 : 1
         },
         moreParagraph: {
           buttons: [
@@ -299,22 +299,22 @@ export class YooFormTextEditorComponent {
             'quote'
           ],
           align: 'left',
-          buttonsVisible: this.isFullscreen ? 4 : 2
+          buttonsVisible: this.isFullscreen && isWeb(this.host) ? 4 : 2
         },
         moreMisc: {
           buttons: compact([
             this.isFullscreen ? null : this.getFullScreenButtonId(),
-            'yooTemplate',
+            this.isFullscreen ? 'yooFullscreenClose' : null,
+            isWeb(this.host) ? 'yooTemplate' : null,
             'undo',
             'redo',
             'spellChecker',
             'selectAll',
             'html',
-            'help',
-            this.isFullscreen ? 'yooFullscreenClose' : null
+            'help'
           ]),
           align: 'right',
-          buttonsVisible: this.isFullscreen ? 7 : 1
+          buttonsVisible: this.isFullscreen && isWeb(this.host) ? 7 : 1
         }
       },
       fullPage: false,
@@ -749,7 +749,7 @@ export class YooFormTextEditorComponent {
     return h("div", { class: "readonly fr-view", innerHTML: translateMulti(this.value) || '' });
   }
   render() {
-    return (h(Host, { class: { link: this.allowLinkPreview } }, this.readonly ? this.renderReadonly() : this.renderEditable()));
+    return (h(Host, { class: { link: this.allowLinkPreview, ...getAppContext(this.host) } }, this.readonly ? this.renderReadonly() : this.renderEditable()));
   }
   static get is() { return "yoo-form-text-editor"; }
   static get encapsulation() { return "scoped"; }

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

@@ -97,7 +97,7 @@ export class YooFormTodoComponent {
               t.comments.value) : null,
             t.finished && t.finished.date ? (h("div", { class: "subtitle" },
               h("span", { class: "date-label" },
-                translate('FINISHEDDATE'),
+                translate('YOOBICFINISHEDDATE'),
                 ":"),
               h("span", null,
                 " ",

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

@@ -1849,7 +1849,7 @@ export class YooFormCreatorComponent {
     }
   }
   renderBlockCategorySelection() {
-    return (h("yoo-form-creator-field-selector", { ref: (el) => (this.fieldSelectorElement = el), masterTitle: this.selectedLeftMenuOption.toUpperCase(), categories: this.categories, initialSimpleFormBlocks: this.simpleFormBlocks, initialCustomFormFields: this.customFormFields, onElementReferencesLoaded: (ev) => {
+    return (h("yoo-form-creator-field-selector", { ref: (el) => (this.fieldSelectorElement = el), masterTitle: (this.selectedLeftMenuOption === 'fields' ? 'YOOBIC' : '') + this.selectedLeftMenuOption.toUpperCase(), categories: this.categories, initialSimpleFormBlocks: this.simpleFormBlocks, initialCustomFormFields: this.customFormFields, onElementReferencesLoaded: (ev) => {
         this.newFieldContainerBlocks = ev.detail.newFieldContainerBlocks;
         this.newFieldCategoryBlocks = ev.detail.newFieldCategoryBlocks;
         this.initNewFieldsSortable(true);

package/dist/collection/components/form-creator/form-creator-live-preview/form-creator-live-preview.js

@@ -96,7 +96,7 @@ export class YooFormCreatorLivePreviewComponent {
     var _a;
     return (h(Host, { class: { panel: this.mode === 'panel', 'iphone-x': this.selectedDevice.device === 'iphone-x', ...getAppContext(this.host) } },
       h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } },
-        h("div", { class: "heading" },
+        !this.hideHeading && h("div", { class: "heading" },
           this.mode === 'fullscreen' && this.renderFullscreenHeader(),
           this.mode === 'panel' && this.renderPanelHeader()),
         ((_a = this.availableLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.renderLanguageSelector(),
@@ -338,6 +338,23 @@ export class YooFormCreatorLivePreviewComponent {
       },
       "attribute": "fullscreen-heading",
       "reflect": false
+    },
+    "hideHeading": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "hide-heading",
+      "reflect": false
     }
   }; }
   static get states() { return {

package/dist/collection/components/grid/ag-grid/ag-grid.css

@@ -8690,6 +8690,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   display: flex;
   align-items: center;
   justify-content: flex-start;
+  white-space: nowrap;
 }
 :host .ag-cell pre {
   display: block;
@@ -8779,6 +8780,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
   font-family: "yoobicons" !important;
 }
 :host .ag-cell[col-id=checkboxes] {
+  align-items: center;
   padding-top: 1rem !important;
   padding-right: 0 !important;
   padding-right: 0.5rem !important;

package/dist/collection/components/grid/ag-grid/grid-renderers.js

@@ -650,6 +650,7 @@ function progressbarRenderer(params) {
   const progressbar = document.createElement('yoo-progress-bar');
   progressbar.classList.add('grid-cell');
   progressbar.value = params.value;
+  progressbar.animated = params.animated === true;
   return progressbar;
 }
 function chartRenderer(params) {
@@ -1037,7 +1038,10 @@ function campaignStatusRenderer(params) {
   icon.slot = 'start';
   tag.appendChild(icon);
   tag.appendChild(document.createTextNode(options.text));
-  return isCSVOrExcel(params) ? options.text : tag;
+  const container = document.createElement('div');
+  container.classList.add('center-container');
+  container.appendChild(tag);
+  return isCSVOrExcel(params) ? options.text : container;
 }
 export function getColorFromKey(key) {
   if (key === 'finished') {

package/dist/collection/components/grid/grid/grid.css

@@ -243,6 +243,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   --framed-shadow: initial;
   --framed-radius: initial;
   --framed-margin: 0;
+  --card-feed-border-color: var(--stable-alt-60, rgba(208, 208, 208, 0.6));
   display: block;
 }
 :host .flex {
@@ -814,7 +815,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .body-container.card-feed .item.item-md {
   padding: 0;
   background: var(--light-10, rgba(255, 255, 255, 0.1));
-  border-bottom: var(--spacing-08, 0.5rem) solid var(--stable-alt-60, rgba(208, 208, 208, 0.6));
+  border-bottom: var(--spacing-08, 0.5rem) solid var(--card-feed-border-color);
 }
 :host .body-container.card-feed .item.item-ios yoo-entity,
 :host .body-container.card-feed .item.item-md yoo-entity {
@@ -2822,7 +2823,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host(.web:not(.framed)) .container-base .entity-container {
   overflow: hidden;
 }
-:host(.web:not(.framed)) .container-base .entity-inner-container.card-list,
+:host(.web:not(.framed)) .container-base .entity-inner-container.card-list:not(.entitycomments),
 :host(.web:not(.framed)) .container-base .entity-inner-container.card-course-row,
 :host(.web:not(.framed)) .container-base .entity-inner-container.card-battle,
 :host(.web:not(.framed)) .container-base .entity-inner-container.card-notification {

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/incentive-detail/incentive-detail.css

@@ -491,10 +491,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   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 {
-  width: 4.125rem;
   --progress-value-font-size: var(--font-size-14, 0.875rem);
 }
 .outer-container.mobile .position {

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

@@ -93,7 +93,10 @@ export class YooIncentiveDetailComponent {
         h("div", { class: "progress" }, progressText),
         h("div", { class: "leftover" }, leftOverText + ' ' + translate('INCENTIVELEFT'))),
       h("yoo-progress-bar", { class: "progress-bar app-color", value: (this.score.result || 0) * 100 }),
-      !!((_a = this.targets) === null || _a === void 0 ? void 0 : _a.length) && this.renderTargets()));
+      !!((_a = this.targets) === null || _a === void 0 ? void 0 : _a.length) && [
+        h("div", { class: "subtitle" }, translate('MILESTONES')),
+        this.renderTargets()
+      ]));
   }
   renderTypes() {
     var _a, _b, _c, _d, _e;
@@ -241,7 +244,7 @@ export class YooIncentiveDetailComponent {
         h("div", { class: "subtitle" }, translate('SALESBREAKDOWN')),
         this.renderSalesBreakdown()),
       !!this.targets.length && h("div", { class: "box milestones" },
-        h("div", { class: "subtitle" }, translate('INCENTIVETARGETS')),
+        h("div", { class: "subtitle" }, translate('MILESTONES')),
         this.renderTargets()),
       h("div", { class: "box" },
         h("div", { class: "subtitle" }, translate('INCENTIVELEADERBOARD')),