@yoobic/yobi 8.2.0-0 → 8.2.0-11

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

@@ -461,6 +461,33 @@ export class YooGridComponent {
       }
     }, 300);
   }
+  async updateTreePath(route, purge = true) {
+    if (this.isTree()) {
+      this.gridApi.refreshServerSideStore({ route, purge });
+    }
+  }
+  async expandTreePath(routes) {
+    var _a;
+    if (this.isTree() && routes.length > 0) {
+      if (((_a = this.gridApi.getSelectedNodes()) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+        this.gridApi.getSelectedNodes().forEach((node) => this.gridApi.deselectNode(node));
+      }
+      this.expandPath(routes[0], routes.length === 1);
+      await new Promise(resolve => setTimeout(resolve, 500));
+      routes.shift();
+      await this.expandTreePath(routes);
+    }
+  }
+  expandPath(route, last) {
+    const node = this.gridApi.getRowNode(route);
+    if (last && node) {
+      node.setSelected(true, true, true);
+      this.gridApi.ensureNodeVisible(node, 'middle');
+    }
+    else {
+      node === null || node === void 0 ? void 0 : node.setExpanded(true);
+    }
+  }
   async disconnect() {
     this.disconnected = true;
   }
@@ -488,6 +515,11 @@ export class YooGridComponent {
       this.slidesOptions.spaceBetween = 0;
       this.slidesOptions.slidesPerView = 'auto';
     }
+    if (this.displayType === 'card-cell' && this.direction === 'horizontal') {
+      this.slidesOptions.slidesPerView = 10;
+      this.slidesOptions.spaceBetween = 0;
+      this.slidesOptions.slidesPerView = 'auto';
+    }
     if (!isWeb(this.host)) {
       this.setDisplayIcon();
     }
@@ -707,7 +739,8 @@ export class YooGridComponent {
       });
     }
   }
-  updateGridConfig() {
+  async updateGridConfig() {
+    var _a;
     this.finalGridConfig = {
       ...this.gridConfig,
       treeData: this.isTree(),
@@ -719,16 +752,16 @@ export class YooGridComponent {
         return params.data[this.idAttributeName || '_id'];
       },
       onGridReady: (params) => {
-        var _a, _b;
+        var _a, _b, _c;
         this.gridApi = params.api;
         this.columnApi = params.columnApi;
-        if (this.gridState && this.gridState.columnState && this.gridState.columnState.length > 0 && !this.disconnected) {
+        if (((_b = (_a = this.gridState) === null || _a === void 0 ? void 0 : _a.columnState) === null || _b === void 0 ? void 0 : _b.length) > 0 && !this.disconnected) {
           this.columnApi.applyColumnState({ state: this.gridState.columnState, applyOrder: true });
         }
         if (this.gridApi.destroyCalled) {
           return;
         }
-        this.isEmptyAgGrid = !this.disconnected && ((_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.getDisplayedRowCount()) <= 0;
+        // this.isEmptyAgGrid = !this.disconnected && this.gridApi?.getDisplayedRowCount() <= 0;
         if (!this.isLocal && !this.disconnected) {
           this.gridApi.setServerSideDatasource({
             getRows: (p) => {
@@ -801,13 +834,13 @@ export class YooGridComponent {
           });
         }
         else if (!this.disconnected) {
-          this.isEmptyAgGrid = !(((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0);
+          this.isEmptyAgGrid = !(((_c = this.items) === null || _c === void 0 ? void 0 : _c.length) > 0);
           this.gridApi.setRowData(this.items);
         }
       },
       onRowClicked: (event) => {
-        var _a, _b;
-        if (event.node && event.node.data && !this.disconnected && (((_b = (_a = this.gridApi) === null || _a === void 0 ? void 0 : _a.getEditingCells()) === null || _b === void 0 ? void 0 : _b.length) || 0) === 0 && !this.disableRowClick) {
+        var _a, _b, _c;
+        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);
         }
       },
@@ -835,7 +868,6 @@ export class YooGridComponent {
         this.setFormFieldValue();
       },
       onFirstDataRendered: () => {
-        // params
         setTimeout(() => {
           if (this.sizeColumnsToFit && !this.disconnected) {
             this.gridApi.sizeColumnsToFit();
@@ -850,7 +882,9 @@ export class YooGridComponent {
           return [];
         }
       },
-      isServerSideGroup: this.isTree() ? (item) => !(item && (item.isLeaf)) : null,
+      isServerSideGroup: this.isTree() ? (item) => {
+        return !(item === null || item === void 0 ? void 0 : item.isLeaf);
+      } : null,
       getServerSideGroupKey: this.isTree()
         ? (dataItem) => {
           return dataItem._id;
@@ -859,13 +893,13 @@ export class YooGridComponent {
     };
     if (this.isTree()) {
       this.finalGridConfig.groupDisplayType = 'custom';
-      // this.finalGridConfig.groupSuppressAutoColumn = true;
+      this.finalGridConfig.serverSideStoreType = 'full';
     }
     this.finalGridConfig.rowModelType = this.finalGridConfig.rowModelType || 'serverSide';
     if (this.gridDomLayout) {
       this.finalGridConfig.domLayout = this.gridDomLayout;
     }
-    if (this.finalGridConfig && this.finalGridConfig.columnDefs) {
+    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;
@@ -957,16 +991,19 @@ export class YooGridComponent {
         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;
-          getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids } }).then((ret) => {
+          getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids, sorts: [{ colId: 'title', sort: 'asc' }] } }).then((ret) => {
             this.items = ret || [];
             if (this.isAgGrid()) {
               if (this.isLocal) {
                 this.gridApi.setRowData(this.items);
               }
               else {
+                this.gridApi.setRowData([]);
                 this.gridApi.setServerSideDatasource({
                   getRows: (p) => {
-                    p.success({ rowData: this.items, rowCount: this.items.length });
+                    const items = this.items.slice(p.request.startRow || 0, p.request.endRow);
+                    p.success({ rowData: items, rowCount: this.items.length });
+                    this.updateGridSelectAllState();
                   }
                 });
               }
@@ -1249,7 +1286,8 @@ export class YooGridComponent {
       !this.host.classList.contains('autocomplete-selection-mode') &&
       !this.host.classList.contains('form-choice') &&
       !this.host.classList.contains('force-select');
-    if (isWeb(this.host) &&
+    if (!this.disconnected &&
+      isWeb(this.host) &&
       checkBoxClick &&
       !this.host.classList.contains('autocomplete-selection-mode') &&
       !this.host.classList.contains('force-select') &&
@@ -1257,13 +1295,13 @@ export class YooGridComponent {
       this.multiple) {
       this.checked.emit(selection);
     }
-    else if (!blockEmit) {
+    else if (!this.disconnected && !blockEmit) {
       this.selected.emit(value);
     }
-    if (this.isAgGrid()) {
+    if (!this.disconnected && this.isAgGrid()) {
       this.updateGridSelectAllState(value);
     }
-    else {
+    else if (!this.disconnected) {
       this.setFormFieldValue();
     }
   }
@@ -1858,6 +1896,7 @@ export class YooGridComponent {
       renderEntityQueryBuilder && this.renderEntityQueryBuilder(actions),
       !renderEntityQueryBuilder && this.renderSearchInput(),
       isWeb(this.host) && !renderEntityQueryBuilder && h("span", { class: "flex" }),
+      isWeb(this.host) && !renderEntityQueryBuilder && this.renderDisplayMode(),
       isWeb(this.host) && !renderEntityQueryBuilder && this.renderRefresh(),
       !isWeb(this.host) && (h("yoo-items", { class: {
           // 'margin-left': !isWeb(this.host) && this.isToggleModeVisible(),
@@ -2292,7 +2331,7 @@ export class YooGridComponent {
           h("div", { class: "text-container", onClick: () => this.onHeadingClick() }, this.heading ? (this.isLoading && this.total <= 0 ? (h("yoo-card-placeholder", { displayType: this.displayType, entityType: this.entityType, header: this.progressCss })) : (h("span", { class: "heading" },
             title,
             this.total > 0 && !this.hideTotal && ` - ${this.formattedTotal}`))) : null),
-          this.showSeeAll !== false && (h("div", { class: { 'icon-container': true, widget: this.isWidget }, onClick: () => this.onHeadingClick() }, translate('SEEALL'))),
+          this.showSeeAll !== false && (h("div", { class: { 'icon-container': true, widget: this.isWidget }, onClick: () => this.onHeadingClick() }, translate('YOOBICSEEALL'))),
           this.isWidget && this.isHome && (h("div", { class: { 'icon-container': true }, onClick: (ev) => this.onWidgetEdit(ev) },
             h("yoo-icon", { name: "more", size: isWeb(this.host) ? 'small' : 'medium', color: "stable" }))),
           h("slot", { name: "header" })),
@@ -2302,7 +2341,7 @@ export class YooGridComponent {
             this.total > 0 || !this.hideHeadingIfEmpty ? title : null,
             !this.hideTotal && this.renderTotalNumber())),
         (this.entityType === 'courses' || this.entityType === 'plans' || this.entityType === 'courses-small') && this.renderDisplayMode(),
-        this.showSeeAll && this.total > 0 && (h("div", { class: "icon-container", onClick: () => this.onHeadingClick() }, translate('SEEALL'))))) : (this.renderProgressBar()),
+        this.showSeeAll && this.total > 0 && (h("div", { class: "icon-container", onClick: () => this.onHeadingClick() }, translate('YOOBICSEEALL'))))) : (this.renderProgressBar()),
       (this.gridIsExpanded && this.forceHideSearch) || this.isFramed || this.hideToolbar || (!renderSearchOrAutocomplete && !renderEntityTags) ? null : (h("yoo-navbar", { centerTitle: false, class: {
           'grid': !this.isAutoComplete,
           'card-inbox': (_f = (_e = this.host) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.contains('card-inbox'),
@@ -2533,7 +2572,7 @@ export class YooGridComponent {
               'no-padding': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('no-padding-item'),
               'item-visible': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('item-visible')
             }, disabled: this.areItemsDisabled }, this.renderEntity(item, null, idx)),
-          isWeb(this.host) && this.isFormField && this.isLocal && (this.keepSelection || this.isSelectionMode) && this.isSelected(item) && (h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: "check", color: "app-color" }))));
+          isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && (h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: this.isSelected(item) ? 'check' : 'circle', color: this.isSelected(item) ? 'app-color' : 'stable' }))));
       }));
     return [
       h(TagType, { class: "no-padding", collapsed: this.gridExtraOptions && !(((_g = this.gridExtraOptions) === null || _g === void 0 ? void 0 : _g.expandFirstItem) && headerIndex === 0), slotHeader: true }, this.entityType === 'lessons' && this.displayType === 'card-list' ?
@@ -2605,7 +2644,7 @@ export class YooGridComponent {
                   [this.displayType]: !!this.displayType,
                   [this.entityType]: !!this.entityType
                 } }))),
-            h("div", { class: "bottom-overlay", onClick: () => this.onHeadingClick() })),
+            h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })),
           h("slot", { name: "quickactions" }),
           h("slot", { name: "before" }),
           this.renderInfiniteScroll(),
@@ -2657,7 +2696,7 @@ export class YooGridComponent {
               var _a;
               return this.renderEntityItems(header, index, index === array.length - 1 ? (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length : array[index + 1].index, header.index);
             }),
-            h("div", { class: "bottom-overlay", onClick: () => this.onHeadingClick() })),
+            h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })),
           this.renderInfiniteScroll(),
           this.renderScrollSpacer(),
           h("slot", { name: "quickactions" }))
@@ -2681,7 +2720,7 @@ export class YooGridComponent {
                 ? this.renderItemWithMore(item, index)
                 : this.renderItemSliding(item, index === this.getItems().length - 1 && (index > 1 || this.isFramed), index))
               : this.getItems().map((item, index) => this.renderItem(item, index)),
-            h("div", { class: "bottom-overlay", onClick: () => this.onHeadingClick() })),
+            h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })),
           h("slot", { name: "quickactions" }))),
         !this.isSelectedToggleView && !this.host.classList.contains('live-preview-dropdown') && this.renderInfiniteScroll(),
         h("slot", { name: "after" }),
@@ -2823,14 +2862,14 @@ export class YooGridComponent {
         }
       } },
       h("yoo-ion-item", { lines: "none", class: { [this.displayType]: true, 'selected': this.isSelected(item), 'overflow-visible': this.secondaryActionsDropdown, 'no-padding': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('no-padding-item') } }, this.renderEntity(item, isLast, index)),
-      (actions && actions.length > 0 && !this.secondaryActionsDropdown) || (isWeb(this.host) && this.keepSelection) ? (h("yoo-ion-item-options", { ref: (el) => (this.itemOptions[itemSlidingId] = el), onMouseEnter: () => { var _a, _b; return (_b = (_a = this.itemOptions[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('hovered'); }, onMouseLeave: () => {
+      ((actions === null || actions === void 0 ? void 0 : actions.length) > 0 && !this.secondaryActionsDropdown) || (isWeb(this.host) && this.keepSelection) ? (h("yoo-ion-item-options", { ref: (el) => (this.itemOptions[itemSlidingId] = el), onMouseEnter: () => { var _a, _b; return (_b = (_a = this.itemOptions[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('hovered'); }, onMouseLeave: () => {
           var _a, _b;
           if (!this.blockUnhoveer[itemSlidingId]) {
             (_b = (_a = this.itemOptions[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('hovered');
           }
         } },
         h("div", { class: { 'options-container': true, 'force-opacity': this.isSelectionMode || this.keepSelection, visible: this.displayActionsOnCard, web: isWeb(this.host) }, onClick: () => this.onItemSelect(item) },
-          !isWeb(this.host) && actions && actions.slice(0, hasMoreButton ? 2 : actions.length).map((action) => action && this.renderMobileItemOptionButtons(action, item)),
+          !isWeb(this.host) && (actions === null || actions === void 0 ? void 0 : actions.slice(0, hasMoreButton ? 2 : actions.length).map((action) => action && this.renderMobileItemOptionButtons(action, item))),
           !isWeb(this.host) && actions && hasMoreButton && (h("button", { class: "bg-stable-light", onClick: (ev) => {
               ev.stopPropagation();
               this.presentActionSheet(actions.slice(2), item);
@@ -2988,7 +3027,7 @@ export class YooGridComponent {
         }
       } },
       this.sortable && h("yoo-icon", { name: "draggable", color: "stable", size: "medium" }),
-      h("yoo-entity", { iconColor: this.getIconColor(item), useTranslate: this.useTranslate, onCollapsed: (ev) => this.onEntityCollapsed(ev), extraClass: this.extraClass, displaySize: this.displaySize, useCellOverlay: this.useCellOverlay, direction: this.direction, index: index, onViewMoreToggled: (ev) => {
+      h("yoo-entity", { iconColor: this.getIconColor(item), useTranslate: this.useTranslate, onCollapsed: (ev) => this.onEntityCollapsed(ev), extraClass: this.extraClass, displaySize: this.displaySize, useCellOverlay: this.useCellOverlay, direction: this.direction, index: index, entityMapping: this.entityMapping, onViewMoreToggled: (ev) => {
           ev.stopPropagation();
           this.viewMoreToggled.emit(item);
         }, onMediaSelected: (ev) => {
@@ -3002,7 +3041,7 @@ export class YooGridComponent {
           'check-unselected-left': ((this.host.classList.contains('radio-button-choice') && !this.isSelected(item)) || (this.multiple && !this.isSelected(item))) &&
             this.showGlobalActions &&
             this.isSelectionMode,
-          'child': item && (item.isChild || !!(item === null || item === void 0 ? void 0 : item.parentRef)),
+          'child': item && (item.isChild || (!!item.parentRef && item.folderType !== 'article')),
           'last': isLast,
           'form-choice': this.host.classList.contains('form-choice'),
           'framed': this.isFramed,
@@ -3387,7 +3426,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\" | \"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\" | \"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\"",
         "references": {
           "EntityType": {
             "location": "import",
@@ -6229,6 +6268,30 @@ export class YooGridComponent {
         "tags": [],
         "text": ""
       }
+    },
+    "entityMapping": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "(entityType: EntityType, displayType: CardType, item: any) => any",
+        "resolved": "(entityType: EntityType, displayType: CardType, item: any) => any",
+        "references": {
+          "EntityType": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          },
+          "CardType": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
     }
   }; }
   static get states() { return {
@@ -7754,6 +7817,47 @@ export class YooGridComponent {
         "tags": []
       }
     },
+    "updateTreePath": {
+      "complexType": {
+        "signature": "(route: string[], purge?: boolean) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }, {
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "expandTreePath": {
+      "complexType": {
+        "signature": "(routes: string[]) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
     "disconnect": {
       "complexType": {
         "signature": "() => Promise<void>",
@@ -7769,6 +7873,30 @@ export class YooGridComponent {
         "text": "",
         "tags": []
       }
+    },
+    "updateGridConfig": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          },
+          "IEntity": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          },
+          "CellValueChangedEvent": {
+            "location": "import",
+            "path": "@ag-grid-enterprise/all-modules"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "",
+        "tags": []
+      }
     }
   }; }
   static get elementRef() { return "host"; }

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

@@ -2002,7 +2002,7 @@ vertical slots in both the header AND the body
 
 
 /*!
- * froala_editor v4.0.10 (https://www.froala.com/wysiwyg-editor)
+ * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)
  * License https://froala.com/wysiwyg-editor/terms/
  * Copyright 2014-2022 Froala Labs
  */
@@ -2078,6 +2078,8 @@ vertical slots in both the header AND the body
         border-width: 2px; }
     .fr-view table th {
       background: #ececec; }
+    .fr-view table tfoot td {
+      background: #ececec; }
   .fr-view hr {
     clear: both;
     user-select: none;

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

@@ -270,7 +270,7 @@ export class YooGridCalendarComponent {
         }
         : {
           datePicker: {
-            text: ((_a = translate('CALENDAR')) === null || _a === void 0 ? void 0 : _a.substring(0, 4)) + '...',
+            text: ((_a = translate('YOOBICCALENDAR')) === null || _a === void 0 ? void 0 : _a.substring(0, 4)) + '...',
             // icon: 'calendar',
             click: () => {
               this.showMobileCalendar = !this.showMobileCalendar;
@@ -575,7 +575,8 @@ export class YooGridCalendarComponent {
           h("yoo-collapsible", { class: "bold margin-top", collapsed: false, header: translate('EVENTATTENDANCE') }, this.eventStatuses.map((t) => {
             var _a;
             return h("yoo-form-checkbox", { class: "app-color", onClick: () => this.onToggleAttendance(t), value: !(((_a = this.hiddenStatuses) === null || _a === void 0 ? void 0 : _a.indexOf(t)) > 0), header: translate(ATTENDANCE_TRANSLATIONS[t]) });
-          })))));
+          })),
+        h("slot", { name: "more-filters" }))));
   }
   renderHeader(calendar, type) {
     if (calendar && !isWeb(this.host)) {
@@ -685,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\" | \"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\" | \"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\"",
         "references": {
           "EntityType": {
             "location": "import",

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

@@ -197,6 +197,7 @@ export class YooGridstackComponent {
       editIcon.addEventListener('click', () => this.itemEdited.emit(item));
       content.appendChild(editIcon);
     }
+    content.addEventListener('click', () => this.itemClicked.emit(item));
     const slot = document.createElement('slot');
     slot.setAttribute('name', item.id);
     content.appendChild(slot);
@@ -703,6 +704,26 @@ export class YooGridstackComponent {
           }
         }
       }
+    }, {
+      "method": "itemClicked",
+      "name": "itemClicked",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "IGridstackItem",
+        "resolved": "IGridstackItem",
+        "references": {
+          "IGridstackItem": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      }
     }, {
       "method": "itemRemoved",
       "name": "itemRemoved",

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\" | \"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\" | \"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\"",
         "references": {
           "EntityType": {
             "location": "import",