@yoobic/yobi 8.5.0-63 → 8.5.0-65

package/dist/collection/components/entities/entity-query-builder/entity-query-builder.js

@@ -86,14 +86,8 @@ export class YooEntityQueryBuilderComponent {
     return ((_b = (_a = this.values) === null || _a === void 0 ? void 0 : _a.filters) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_d = (_c = this.values) === null || _c === void 0 ? void 0 : _c.advancedFilters) === null || _d === void 0 ? void 0 : _d.length) > 0;
   }
   getActiveFiltersCount() {
-    var _a, _b, _c, _d;
-    if (((_b = (_a = this.values) === null || _a === void 0 ? void 0 : _a.advancedFilters) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-      return sum(this.values.advancedFilters.map((f) => (f === null || f === void 0 ? void 0 : f.length) || 0));
-    }
-    else if (((_d = (_c = this.values) === null || _c === void 0 ? void 0 : _c.filters) === null || _d === void 0 ? void 0 : _d.length) > 0) {
-      return this.values.filters.length;
-    }
-    return 0;
+    const { advancedFilters, filters } = this.values || {};
+    return ((advancedFilters === null || advancedFilters === void 0 ? void 0 : advancedFilters.length) ? sum(advancedFilters.map((filter) => (filter === null || filter === void 0 ? void 0 : filter.length) || 0)) : filters === null || filters === void 0 ? void 0 : filters.length) || 0;
   }
   isFilterField(f) {
     return filterIsRadio(f) || filterIsAutocomplete(f) || filterIsSegement(f) || filterIsAutocompleteLocal(f) || filterIsBoolean(f) || filterIsDate(f) || filterIsText(f) || filterIsNumber(f);
@@ -168,6 +162,7 @@ export class YooEntityQueryBuilderComponent {
     if (values.length > 0 || (values && field.type === FormFieldType.missionfield)) {
       this.values.filters.push(filterFromFormField(field, values, this.filterAutocompleteOperator));
     }
+    this.values = cloneDeep(this.values);
     this.onEmitValues();
   }
   onAutocompleteChangeAdvanced(ev, index) {
@@ -303,7 +298,7 @@ export class YooEntityQueryBuilderComponent {
   }
   renderFiltersHeader() {
     const count = this.getActiveFiltersCount();
-    return h("div", { class: "filters-header" }, h("div", { class: "counter" }, translate('YOOBICFILTERSAPPLIED', { smart_count: count })), h("div", { class: "clear-all" }, count > 0 && h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", onClick: () => this.onClear() }, translate('CLEARALL'))));
+    return h("div", { class: "filters-header" }, h("div", { class: "counter" }, translate('YOOBICFILTERSAPPLIED', { smart_count: count })), h("div", { class: "clear-all" }, h("yoo-button", { size: this.size, color: "app-color", disabled: !count, fill: "transparent", onClick: () => this.onClear() }, translate('CLEARALL'))));
   }
   renderFilters() {
     var _a, _b;
@@ -387,7 +382,7 @@ export class YooEntityQueryBuilderComponent {
     const count = this.getActiveFiltersCount();
     return [
       (customViewsButtons === null || customViewsButtons === void 0 ? void 0 : customViewsButtons.length) > 0 && (h("yoo-context-menu", { contentButtons: customViewsButtons, placement: "right", class: "customview-menu width-unset" }, h("div", { class: "header width-auto" }, h("div", { class: { title: true, 'app-color': !!this.customView } }, translate('SAVEDFILTERS')), h("yoo-icon", { name: "right-web", color: "stable", size: "medium" })))),
-      h("div", { class: "header" }, h("div", { class: "title" }, translate('FILTERS', { count })), h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", disabled: !this.isDirty && !(count > 0), onClick: () => this.onClear() }, translate('CLEARALL')))
+      h("div", { class: "header" }, h("div", { class: "title" }, translate('FILTERS', { count })), h("yoo-button", { size: this.size, color: "app-color", fill: "transparent", disabled: !count, onClick: () => this.onClear() }, translate('CLEARALL')))
     ];
   }
   renderDialogFooter() {

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

@@ -1,4 +1,4 @@
-import { FormFieldType } from '@shared/interfaces';
+import { FormFieldType, FormFilterAutocompleteOperator } from '@shared/interfaces';
 import { findParent, getAsyncExtraData, getModalAnimation, getRandomFileName, groupsResolver, isImage, isIonic, isNullOrUndefined, isPresent, isValid, isWeb, MONGODB_ID_REGEX, resizeImage, showAlert, showModal, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { compact, isArray, isNumber, isString, uniq } from 'lodash-es';
@@ -204,6 +204,7 @@ export class YooFormAutocompleteComponent {
   }
   componentWillLoad() {
     var _a, _b;
+    this.isFilter && !this.filterOperator && this.selectFilterOperator(FormFilterAutocompleteOperator.is);
     this.updateSelection(true);
     if (this.showDropdownOnLoad) {
       this.showDropdownContent = this.showDropdownOnLoad;
@@ -629,7 +630,7 @@ export class YooFormAutocompleteComponent {
     });
     this.dialog.addEventListener('filterRadioToggled', (ev) => {
       ev.stopPropagation();
-      this.onFilterRadioToggled(ev.detail);
+      this.selectFilterOperator(ev.detail);
     });
     let modalOptions = { half: !isWeb(this.host) };
     if (isExpanding) {
@@ -683,7 +684,8 @@ export class YooFormAutocompleteComponent {
     this.currentSelectedTags = ev.detail;
     await this.fetch();
   }
-  onFilterRadioToggled(operator) {
+  selectFilterOperator(operator) {
+    this.filterOperator = operator;
     this.extraDataChanged.emit(operator);
   }
   async onFileChanges(ev) {
@@ -892,7 +894,6 @@ export class YooFormAutocompleteComponent {
     var _a, _b, _c, _d, _e, _f, _g;
     const isPopulatedQuery = isArray(this.value) ? ((_a = this.value.find((v) => v === null || v === void 0 ? void 0 : v.total)) === null || _a === void 0 ? void 0 : _a.total) > 0 : ((_b = this.value) === null || _b === void 0 ? void 0 : _b.total) > 0;
     const valueTotal = isArray(this.value) ? (_c = this.value.find((v) => v === null || v === void 0 ? void 0 : v.total)) === null || _c === void 0 ? void 0 : _c.total : (_d = this.value) === null || _d === void 0 ? void 0 : _d.total;
-    const selectedOperator = this.filterOperator || 'in';
     if (this.idOnly && ((_e = this.value) === null || _e === void 0 ? void 0 : _e.length) > 0 && isString(this.value[0]) && !this.idOnlyInitialSelection) {
       this.forceSelectedContentIdOnlyReload = true;
     }
@@ -904,7 +905,7 @@ export class YooFormAutocompleteComponent {
     if (this.entityType === 'groups' && !this.returnQuery) {
       groupSelection = (_f = this.selection) === null || _f === void 0 ? void 0 : _f.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(MONGODB_ID_REGEX)); });
     }
-    return (h("div", { class: { 'entity-content': true, selected: true, 'icon-prefix': hasIconPrefix } }, `${this.isFilter ? selectedOperator : ''} ${this.entityType !== 'groups' ? (_g = this.selection) === null || _g === void 0 ? void 0 : _g.length : groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.length} ${translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${translate(this.multipleSelectionSuffix)}`));
+    return (h("div", { class: { 'entity-content': true, selected: true, 'icon-prefix': hasIconPrefix } }, `${this.isFilter ? this.filterOperator : ''} ${this.entityType !== 'groups' ? (_g = this.selection) === null || _g === void 0 ? void 0 : _g.length : groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.length} ${translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${translate(this.multipleSelectionSuffix)}`));
   }
   renderUnselectedEntites(entityType, hasIconPrefix) {
     const filesPlaceholder = isWeb(this.host) ? translate('FORMFIELDDEFINITIONDOCUMENTPLACEHOLDER') : translate('SELECTFILES');
@@ -922,7 +923,6 @@ export class YooFormAutocompleteComponent {
   }
   renderEntities(hasIconPrefix, cardTagSingle = false) {
     var _a;
-    const selectedOperator = this.filterOperator || 'in';
     return (h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, i) => {
       var _a, _b;
       let entitySelection = selection;
@@ -944,7 +944,7 @@ export class YooFormAutocompleteComponent {
       }
       const title = (entitySelection === null || entitySelection === void 0 ? void 0 : entitySelection.title) || entitySelection;
       return (entitySelection && [
-        h("div", { class: { 'single-entity-container': this.isFilter } }, h("div", { class: "operator-container" }, `${this.isFilter ? selectedOperator : ''}`), h("yoo-entity", { class: {
+        h("div", { class: { 'single-entity-container': this.isFilter } }, h("div", { class: "operator-container" }, `${this.isFilter ? this.filterOperator : ''}`), h("yoo-entity", { class: {
             'autocomplete autocomplete-selected': true,
             last: i === this.selection.length - 1,
             bold: this.color === 'transparent',
@@ -989,7 +989,7 @@ export class YooFormAutocompleteComponent {
         await this.fetch(ev.detail);
       }, onFieldFetchData: (ev) => this.onFetchFieldFilterData(ev), onSortsAndFiltersChange: (ev) => this.onSortsAndFiltersChange(ev), onCurrentPageChanged: (ev) => this.onCurrentPageChange(ev === null || ev === void 0 ? void 0 : ev.detail), hideHeader: isNullOrUndefined(this.hideHeader) ? false : this.hideHeader, showSearch: !this.forceHideSearch && (this.initialValueLength > minValuesForSearch || this.allowCustomTag || this.allowCustomValue || this.entityType === 'googlemaps'), isLocal: this.isLocal, onGridExpanded: () => this.onExpandGrid(), useTranslate: this.useTranslate, initialSelection: this.returnQuery ? null : [].concat(isPresent(this.value) ? this.value : []), idOnly: this.idOnly || this.allowCustomTag, idAttributeName: this.idAttributeName || '_id', emptyState: this.emptyState, allowCustomTag: (this.allowCustomTag || this.tag || this.allowCustomValue) && !this.forceDisableCustomTags, searchBarPlaceholder: (this.allowCustomTag || this.allowCustomValue) && !this.forceDisableCustomTags
         ? translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD')
-        : translate('SEARCH'), tags: this.tags, forceHideSearch: this.forceHideSearch, maxSelectionNumber: this.max, customModel: this.customModel, addNewTagText: this.entityType === 'emails' ? translate('ADDNEWEMAIL') : this.searchText, model: this.model, hideAdvancedFilters: !this.model, hideRefreshButton: true, showFilters: false, onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, onAddNewTagPressed: (ev) => this.onCustomTagCreated(ev), disableSingleDeselection: this.disableSingleDeselection, idOnlyInitialSelection: this.idOnlyInitialSelection, isLoading: this.isLoading, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_c = this.value) === null || _c === void 0 ? void 0 : _c.sortsAndFilters : null, onFileUpload: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.click(); }, isUploading: this.isUploading, showFormRadio: this.isFilter, selectedFilterOperator: this.filterOperator, onFormRadioToggled: (ev) => this.onFilterRadioToggled(ev.detail), onMaxPageCountChanged: (ev) => (this.maxPage = Math.max(ev.detail, this.maxPage)), onSearchedItemSelected: (ev) => this.updateSearchedItemSelection(ev), onValidityChanged: (ev) => this.onValidityChanged(ev), infiniteScrollDisabled: this.infiniteScrollDisabled }))))))));
+        : translate('SEARCH'), tags: this.tags, forceHideSearch: this.forceHideSearch, maxSelectionNumber: this.max, customModel: this.customModel, addNewTagText: this.entityType === 'emails' ? translate('ADDNEWEMAIL') : this.searchText, model: this.model, hideAdvancedFilters: !this.model, hideRefreshButton: true, showFilters: false, onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, onAddNewTagPressed: (ev) => this.onCustomTagCreated(ev), disableSingleDeselection: this.disableSingleDeselection, idOnlyInitialSelection: this.idOnlyInitialSelection, isLoading: this.isLoading, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_c = this.value) === null || _c === void 0 ? void 0 : _c.sortsAndFilters : null, onFileUpload: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.click(); }, isUploading: this.isUploading, showFormRadio: this.isFilter, selectedFilterOperator: this.filterOperator, onFormRadioToggled: (ev) => this.selectFilterOperator(ev.detail), onMaxPageCountChanged: (ev) => (this.maxPage = Math.max(ev.detail, this.maxPage)), onSearchedItemSelected: (ev) => this.updateSearchedItemSelection(ev), onValidityChanged: (ev) => this.onValidityChanged(ev), infiniteScrollDisabled: this.infiniteScrollDisabled }))))))));
   }
   renderReadonly() {
     if (this.selection && this.selection.length > 0) {
@@ -1900,7 +1900,7 @@ export class YooFormAutocompleteComponent {
       },
       "filterOperator": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "FormFilterAutocompleteOperator",
           "resolved": "FormFilterAutocompleteOperator.is | FormFilterAutocompleteOperator.isNot",

package/dist/collection/components/form/form-autocomplete-dialog/form-autocomplete-dialog.js

@@ -257,6 +257,7 @@ export class YooFormAutocompleteDialogComponent {
   }
   onFilterRadioToggled(ev) {
     ev.stopPropagation();
+    this.selectedFilterOperator = ev.detail;
     this.filterRadioToggled.emit(ev.detail);
   }
   getEntityType() {
@@ -667,14 +668,19 @@ export class YooFormAutocompleteDialogComponent {
       },
       "selectedFilterOperator": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "FormFilterAutocompleteOperator",
+          "resolved": "FormFilterAutocompleteOperator.is | FormFilterAutocompleteOperator.isNot",
+          "references": {
+            "FormFilterAutocompleteOperator": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
           "text": ""

package/dist/collection/components/form/form-choice/button/form-choice-button.js

@@ -1,6 +1,6 @@
 import { translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { isString } from 'highcharts';
+import { isString } from 'lodash-es';
 import { getColor, hasWarnings, isSelected, onItemSelect, prepareChoice, updateValue, updateValues } from '../form-choice-helpers';
 import { ReadonlyCard } from '../readonly-card/readonly-card';
 export class YooFormChoiceButtonComponent {

package/dist/collection/components/form/form-choice/readonly-card/readonly-card.js

@@ -1,6 +1,6 @@
 import { translateMulti } from '@shared/utils';
 import { h } from '@stencil/core';
-import { isString } from 'highcharts';
+import { isString } from 'lodash-es';
 export const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
   var _a;
   const classes = typeof classNames === 'string' ? classNames : Object.keys(classNames).join(' ');

package/dist/collection/components/form/slides-media/slides-media.css

@@ -395,6 +395,7 @@ svg:not(:root) {
   bottom: auto;
   left: 0;
   z-index: 11;
+  cursor: pointer;
   transition: 0.3s;
 }
 

package/dist/collection/components/form/slides-media/slides-media.js

@@ -406,10 +406,9 @@ export class YooSlidesMediaComponent {
       .filter((item) => (item.isVisible ? item.isVisible(this.currentIndex) : true))
       .map((item) => {
       return (h("yoo-icon", { onClick: (ev) => {
+          var _a;
           ev.stopPropagation();
-          if (item.handler) {
-            item.handler(this.currentIndex);
-          }
+          (_a = item === null || item === void 0 ? void 0 : item.handler) === null || _a === void 0 ? void 0 : _a.call(item, this.currentIndex);
         }, name: item.icon, color: "light" }));
     })));
   }
@@ -453,14 +452,12 @@ export class YooSlidesMediaComponent {
     return h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerElement = el), ...attrs });
   }
   renderPhotoEditor(item, index) {
-    var _a, _b, _c, _d;
-    const extraActions = (this.secondaryActions || [])
-      .filter((item) => (item.isVisible ? item.isVisible(index) : true));
+    var _a, _b, _c, _d, _e;
     return (h("yoo-photo-editor", { id: `${index}`, class: {
         current: index === this.currentIndex,
         light: this.isLight,
         [item === null || item === void 0 ? void 0 : item.extraClass]: !!(item === null || item === void 0 ? void 0 : item.extraClass)
-      }, editable: this.canAnnotate, zoomable: true, ref: (el) => (this.photoEditorElements[index] = el), onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && extraActions, drawings: (_c = (_b = (item.drawings || ((_a = item.photoEditorParams) === null || _a === void 0 ? void 0 : _a.drawings) || '')) !== null && _b !== void 0 ? _b : item.edit) !== null && _c !== void 0 ? _c : item.svgData, annotations: item.annotations || ((_d = item.photoEditorParams) === null || _d === void 0 ? void 0 : _d.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onSaveChanges: (ev) => {
+      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index] = el, onZoomClicked: () => this.onItemClicked(), isReadonly: true, src: this.getPhotoSrc(item), animated: item.animated, display: item.display, cloudinaryOptions: item.cloudinaryOptions, submitView: item.submitView, extraActions: !this.displayType && ((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((item) => { var _a; return ((_a = item === null || item === void 0 ? void 0 : item.isVisible) === null || _a === void 0 ? void 0 : _a.call(item, index)) || true; })), drawings: (_d = (_c = (item.drawings || ((_b = item.photoEditorParams) === null || _b === void 0 ? void 0 : _b.drawings) || '')) !== null && _c !== void 0 ? _c : item.edit) !== null && _d !== void 0 ? _d : item.svgData, annotations: item.annotations || ((_e = item.photoEditorParams) === null || _e === void 0 ? void 0 : _e.annotations) || item.texts, submitButton: this.submitPhotoEditorButton, onImageZoomed: (ev) => this.hideContainer = ev === null || ev === void 0 ? void 0 : ev.detail, onImageClicked: () => !isWeb(this.host) && this.showPhotoDetailView(), onExtraActionClicked: (ev) => { var _a, _b; return (_b = (_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.handler) === null || _b === void 0 ? void 0 : _b.call(_a, this.currentIndex); }, onSaveChanges: (ev) => {
         if (ev === null || ev === void 0 ? void 0 : ev.detail) {
           const { drawings, annotations } = ev.detail;
           this.items[index] = { ...this.items[index], drawings, annotations };

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

@@ -90,16 +90,6 @@ export class YooGridComponent {
     }, 500);
     this.itemsHaveBeenReordered = false;
     this.filtersUpdated = false;
-    this.filterOptions = [
-      {
-        type: FormFilterAutocompleteOperator.is,
-        active: true
-      },
-      {
-        type: FormFilterAutocompleteOperator.isNot,
-        active: false
-      }
-    ];
     this.renderVirtualItem = (item, index) => {
       if (this.hasSecondaryActions || (this.keepSelection && isWeb(this.host))) {
         if (this.showActionsAsMore) {
@@ -510,6 +500,7 @@ export class YooGridComponent {
     if (this.isFormField) {
       setValidator(this);
     }
+    this.showFormRadio && !this.selectedFilterOperator && this.selectFilterOperator(FormFilterAutocompleteOperator.is);
     this.isSelectionMode = this.multiple && !this.blockSelectionMode;
     this.areItemsDisabled = (_a = this.extraClass) === null || _a === void 0 ? void 0 : _a.includes('item-disabled');
     this.searchText = this.search || '';
@@ -1395,18 +1386,6 @@ export class YooGridComponent {
     }
     return false;
   }
-  onToggleFormRadio(ev) {
-    var _a;
-    const selectedOption = (_a = this.filterOptions) === null || _a === void 0 ? void 0 : _a.find((option) => (option === null || option === void 0 ? void 0 : option.type) === (ev === null || ev === void 0 ? void 0 : ev.detail));
-    if (selectedOption) {
-      selectedOption.active = true;
-    }
-    if (!selectedOption) {
-      this.formRadioToggled.emit(null);
-      return;
-    }
-    this.formRadioToggled.emit(selectedOption.type);
-  }
   updateSelectAll(selectAll) {
     this.isSelectAll = selectAll;
     if (!this.isSelectAll && this.isAgGrid() && this.gridApi) {
@@ -1893,12 +1872,16 @@ export class YooGridComponent {
     }
     return 0;
   }
+  selectFilterOperator(operator) {
+    this.selectedFilterOperator = operator;
+    this.formRadioToggled.emit(operator);
+  }
   renderDropdownFormRadio() {
-    var _a;
-    const formOptions = this.filterOptions.map((filterOption) => filterOption.type);
-    if (isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
-      return (h("div", { class: "form-radio-container" }, h("yoo-form-radio", { options: formOptions, flow: "column", size: "medium", value: this.selectedFilterOperator || formOptions[0], onInputChanged: (ev) => this.onToggleFormRadio(ev) }, formOptions.map((option, index) => (h("span", { slot: index.toString() }, option))))));
-    }
+    const operators = [FormFilterAutocompleteOperator.is, FormFilterAutocompleteOperator.isNot];
+    return (h("div", { class: "form-radio-container" }, h("yoo-form-radio", { options: operators, flow: "column", size: "medium", value: this.selectedFilterOperator, onInputChanged: (event) => {
+        event.stopPropagation();
+        this.selectFilterOperator(event.detail);
+      } }, operators.map((operator, index) => h("span", { slot: index.toString() }, operator)))));
   }
   renderSearchInput() {
     var _a, _b, _c;
@@ -3063,14 +3046,14 @@ export class YooGridComponent {
     return (this.mainProgressValue >= 0 && (h("div", { class: "grid-progress" }, h("yoo-progress-bar", { animated: this.animated, metric: "percentage", percentValueColorScheme: false, value: this.total > 0 ? (this.mainProgressValue * 100) / this.total : 0 }))));
   }
   renderBase() {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const renderEntityTags = (!isWeb(this.host) || (this.gridIsExpanded && (((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_c = (_b = this.model) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0))) &&
       this.isTagsVisible() &&
       ((this.items && this.items.length > 0) || this.hasSortsAndFilters() || this.alwaysRenderTagsAndFilters() || this.isAgGrid()) &&
       !this.host.classList.contains('learning-manager') && !this.host.classList.contains('course-info');
     return [
       this.showProgress && this.progressHandler && this.renderProgress(),
-      h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (h("div", { class: { 'dropdown-header': true, 'no-tags': !renderEntityTags || ((_d = this.tags) === null || _d === void 0 ? void 0 : _d.length) === 0, 'form-radio-operators': this.showFormRadio } }, this.showFormRadio && this.renderDropdownFormRadio(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && h("slot", { name: "header" }), (((_e = this.columns) === null || _e === void 0 ? void 0 : _e.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && isWeb(this.host) && !this.isMap() ? (h("div", { class: "horizontal-scroll-parent" }, h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
+      h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (h("div", { class: { 'dropdown-header': true, 'no-tags': !renderEntityTags || ((_d = this.tags) === null || _d === void 0 ? void 0 : _d.length) === 0, 'form-radio-operators': this.showFormRadio } }, this.showFormRadio && isWeb(this.host) && !!((_e = this.items) === null || _e === void 0 ? void 0 : _e.length) && this.renderDropdownFormRadio(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && h("slot", { name: "header" }), (((_f = this.columns) === null || _f === void 0 ? void 0 : _f.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && isWeb(this.host) && !this.isMap() ? (h("div", { class: "horizontal-scroll-parent" }, h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
       isWeb(this.host) && this.showGlobalActions && this.isSelectionMode && this.renderGlobalActions()
     ];
   }
@@ -3994,14 +3977,19 @@ export class YooGridComponent {
       },
       "selectedFilterOperator": {
         "type": "string",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
+          "original": "FormFilterAutocompleteOperator",
+          "resolved": "FormFilterAutocompleteOperator.is | FormFilterAutocompleteOperator.isNot",
+          "references": {
+            "FormFilterAutocompleteOperator": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
         },
         "required": false,
-        "optional": false,
+        "optional": true,
         "docs": {
           "tags": [],
           "text": ""

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

@@ -1,8 +1,7 @@
 import { ATTENDANCE_TRANSLATIONS, CALENDAR_TRANSLATIONS, QuickviewModaNoTopClass, WaitlistAPIDateFormat } from '@shared/interfaces';
 import { dateAdd, dateDiff, dateFormat, getAsyncExtraData, getCalendarParticipantStatusColor, getCssColor, getCurrentLanguage, getEventStatusInfo, getEventTypeColor, getRecurrences, getStartDayOfWeek, getUrlParameterByName, isWeb, toMinutes, translate } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
-import { isArray } from 'highcharts';
-import { assign, compact, flatten, get, remove, sumBy } from 'lodash-es';
+import { assign, compact, flatten, get, isArray, remove, sumBy } from 'lodash-es';
 import tippy from 'tippy.js';
 import { getMissionColor } from '../../../feature-operate/campaign/helpers/operation-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';

package/dist/collection/feature-communicate/chat/chat/chat.js

@@ -1,5 +1,5 @@
 import { BroadcastType, MessageType } from '@shared/interfaces';
-import { cancelRequestInterval, closeModal, dateFormat, disableKeyboardResize, dispatchCustomEvent, downloadFile, enableKeyboardResize, findParent, floatingIconAnimation, getAsyncExtraData, getFormattedCountDownToDisplay, getSession, getUserDisplayName, isGif, isImage, isIOS, isIphoneX, isNativeMobile, isNotificationMessage, isNullOrUndefined, isRichContentMessage, isVideo, isWeb, requestInterval, showAlert, translate } from '@shared/utils';
+import { cancelRequestInterval, closeModal, dateFormat, disableKeyboardResize, dispatchCustomEvent, downloadFile, enableKeyboardResize, floatingIconAnimation, getAsyncExtraData, getFormattedCountDownToDisplay, getSession, getUserDisplayName, isGif, isImage, isIOS, isIphoneX, isNativeMobile, isNotificationMessage, isNullOrUndefined, isRichContentMessage, isVideo, isWeb, requestInterval, showAlert, translate } from '@shared/utils';
 import { h, Host } from '@stencil/core';
 import { isFinite } from 'lodash-es';
 import { getButton } from '../../../utils/button.factory';
@@ -72,7 +72,7 @@ export class YooChatComponent {
     const findIndex = mediaMessages.findIndex(m => (m === null || m === void 0 ? void 0 : m.timetoken) === ev.detail.timetoken);
     const items = parseMediaMessageForSlidesMedia(mediaMessages);
     const { message, item } = this.getCurrentItemAndMessage(findIndex, items, mediaMessages) || {};
-    const secondaryActions = this.getMediaSecondaryActions(findIndex, items, mediaMessages);
+    const secondaryActions = this.getMediaSecondaryActions(items, mediaMessages);
     showSlidesMedia(this.host, {
       items,
       currentSlideIndex: findIndex,
@@ -338,29 +338,23 @@ export class YooChatComponent {
       this.scroll.scrollByPoint(0, scrollDistance, 300);
     }
   }
-  getMediaSecondaryActions(findIndex, items, mediaMessages) {
+  getMediaSecondaryActions(items, mediaMessages) {
     return [
       {
         icon: 'photo-annotated',
-        isVisible: (index) => {
-          if (!(index >= 0)) {
+        isVisible: (currentIndex) => {
+          if (currentIndex < 0) {
             return true;
           }
-          const { item } = this.getCurrentItemAndMessage(index, items, mediaMessages);
+          const { item } = this.getCurrentItemAndMessage(currentIndex, items, mediaMessages) || {};
           return item && !(isVideo(item.value) || isGif(item.value));
-        },
-        handler: (event) => {
-          if (event === null || event === void 0 ? void 0 : event.target) {
-            const photoEditor = findParent(event === null || event === void 0 ? void 0 : event.target, 'yoo-photo-editor');
-            photoEditor.isReadonly = false;
-          }
         }
       },
       {
         icon: 'download',
         isVisible: () => true,
-        handler: () => {
-          const { message, item } = this.getCurrentItemAndMessage(findIndex, items, mediaMessages);
+        handler: (currentIndex) => {
+          const { message, item } = this.getCurrentItemAndMessage(currentIndex, items, mediaMessages) || {};
           if (!message || !item) {
             return;
           }

package/dist/collection/interfaces/ui/index.js

@@ -3,7 +3,6 @@ export * from './card-video.interface';
 export * from './draggable.interface';
 export * from './form-creator.interface';
 export * from './form-daterange.interface';
-export * from './form-filter.interface';
 export * from './form-reorder.interface';
 export * from './map.interface';
 export * from './modal.interface';