@yoobic/yobi 8.5.0-63 → 8.5.0-65

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

@@ -95,7 +95,7 @@ const YooChatComponent = class {
     const findIndex = mediaMessages.findIndex(m => (m === null || m === void 0 ? void 0 : m.timetoken) === ev.detail.timetoken);
     const items = chatHelpers.parseMediaMessageForSlidesMedia(mediaMessages);
     const { message, item } = this.getCurrentItemAndMessage(findIndex, items, mediaMessages) || {};
-    const secondaryActions = this.getMediaSecondaryActions(findIndex, items, mediaMessages);
+    const secondaryActions = this.getMediaSecondaryActions(items, mediaMessages);
     commonHelpers.showSlidesMedia(this.host, {
       items,
       currentSlideIndex: findIndex,
@@ -361,29 +361,23 @@ const YooChatComponent = class {
       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 && !(index$1.isVideo(item.value) || index$1.isGif(item.value));
-        },
-        handler: (event) => {
-          if (event === null || event === void 0 ? void 0 : event.target) {
-            const photoEditor = index$1.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/cjs/yoo-entity-query-builder.cjs.entry.js

@@ -105,14 +105,8 @@ const YooEntityQueryBuilderComponent = class {
     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 lodash.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) ? lodash.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 filtersHelpers.filterIsRadio(f) || filtersHelpers.filterIsAutocomplete(f) || filtersHelpers.filterIsSegement(f) || filtersHelpers.filterIsAutocompleteLocal(f) || filtersHelpers.filterIsBoolean(f) || filtersHelpers.filterIsDate(f) || filtersHelpers.filterIsText(f) || filtersHelpers.filterIsNumber(f);
@@ -187,6 +181,7 @@ const YooEntityQueryBuilderComponent = class {
     if (values.length > 0 || (values && field.type === index$1.FormFieldType.missionfield)) {
       this.values.filters.push(filtersHelpers.filterFromFormField(field, values, this.filterAutocompleteOperator));
     }
+    this.values = lodash.cloneDeep(this.values);
     this.onEmitValues();
   }
   onAutocompleteChangeAdvanced(ev, index) {
@@ -322,7 +317,7 @@ const YooEntityQueryBuilderComponent = class {
   }
   renderFiltersHeader() {
     const count = this.getActiveFiltersCount();
-    return index.h("div", { class: "filters-header" }, index.h("div", { class: "counter" }, index$2.translate('YOOBICFILTERSAPPLIED', { smart_count: count })), index.h("div", { class: "clear-all" }, count > 0 && index.h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", onClick: () => this.onClear() }, index$2.translate('CLEARALL'))));
+    return index.h("div", { class: "filters-header" }, index.h("div", { class: "counter" }, index$2.translate('YOOBICFILTERSAPPLIED', { smart_count: count })), index.h("div", { class: "clear-all" }, index.h("yoo-button", { size: this.size, color: "app-color", disabled: !count, fill: "transparent", onClick: () => this.onClear() }, index$2.translate('CLEARALL'))));
   }
   renderFilters() {
     var _a, _b;
@@ -406,7 +401,7 @@ const YooEntityQueryBuilderComponent = class {
     const count = this.getActiveFiltersCount();
     return [
       (customViewsButtons === null || customViewsButtons === void 0 ? void 0 : customViewsButtons.length) > 0 && (index.h("yoo-context-menu", { contentButtons: customViewsButtons, placement: "right", class: "customview-menu width-unset" }, index.h("div", { class: "header width-auto" }, index.h("div", { class: { title: true, 'app-color': !!this.customView } }, index$2.translate('SAVEDFILTERS')), index.h("yoo-icon", { name: "right-web", color: "stable", size: "medium" })))),
-      index.h("div", { class: "header" }, index.h("div", { class: "title" }, index$2.translate('FILTERS', { count })), index.h("yoo-button", { size: this.size, color: count > 0 ? 'app-color' : 'stable', fill: "transparent", disabled: !this.isDirty && !(count > 0), onClick: () => this.onClear() }, index$2.translate('CLEARALL')))
+      index.h("div", { class: "header" }, index.h("div", { class: "title" }, index$2.translate('FILTERS', { count })), index.h("yoo-button", { size: this.size, color: "app-color", fill: "transparent", disabled: !count, onClick: () => this.onClear() }, index$2.translate('CLEARALL')))
     ];
   }
   renderDialogFooter() {

package/dist/cjs/yoo-form-autocomplete-dialog.cjs.entry.js

@@ -280,6 +280,7 @@ const YooFormAutocompleteDialogComponent = class {
   }
   onFilterRadioToggled(ev) {
     ev.stopPropagation();
+    this.selectedFilterOperator = ev.detail;
     this.filterRadioToggled.emit(ev.detail);
   }
   getEntityType() {

package/dist/cjs/yoo-form-autocomplete.cjs.entry.js

@@ -225,6 +225,7 @@ const YooFormAutocompleteComponent = class {
   }
   componentWillLoad() {
     var _a, _b;
+    this.isFilter && !this.filterOperator && this.selectFilterOperator(index$2.FormFilterAutocompleteOperator.is);
     this.updateSelection(true);
     if (this.showDropdownOnLoad) {
       this.showDropdownContent = this.showDropdownOnLoad;
@@ -650,7 +651,7 @@ const YooFormAutocompleteComponent = class {
     });
     this.dialog.addEventListener('filterRadioToggled', (ev) => {
       ev.stopPropagation();
-      this.onFilterRadioToggled(ev.detail);
+      this.selectFilterOperator(ev.detail);
     });
     let modalOptions = { half: !index$1.isWeb(this.host) };
     if (isExpanding) {
@@ -704,7 +705,8 @@ const YooFormAutocompleteComponent = class {
     this.currentSelectedTags = ev.detail;
     await this.fetch();
   }
-  onFilterRadioToggled(operator) {
+  selectFilterOperator(operator) {
+    this.filterOperator = operator;
     this.extraDataChanged.emit(operator);
   }
   async onFileChanges(ev) {
@@ -913,7 +915,6 @@ const YooFormAutocompleteComponent = class {
     var _a, _b, _c, _d, _e, _f, _g;
     const isPopulatedQuery = lodash.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 = lodash.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 && lodash.isString(this.value[0]) && !this.idOnlyInitialSelection) {
       this.forceSelectedContentIdOnlyReload = true;
     }
@@ -925,7 +926,7 @@ const YooFormAutocompleteComponent = class {
     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(index$1.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(index$1.MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(index$1.MONGODB_ID_REGEX)); });
     }
-    return (index.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} ${index$1.translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${index$1.translate(this.multipleSelectionSuffix)}`));
+    return (index.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} ${index$1.translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${index$1.translate(this.multipleSelectionSuffix)}`));
   }
   renderUnselectedEntites(entityType, hasIconPrefix) {
     const filesPlaceholder = index$1.isWeb(this.host) ? index$1.translate('FORMFIELDDEFINITIONDOCUMENTPLACEHOLDER') : index$1.translate('SELECTFILES');
@@ -943,7 +944,6 @@ const YooFormAutocompleteComponent = class {
   }
   renderEntities(hasIconPrefix, cardTagSingle = false) {
     var _a;
-    const selectedOperator = this.filterOperator || 'in';
     return (index.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;
@@ -965,7 +965,7 @@ const YooFormAutocompleteComponent = class {
       }
       const title = (entitySelection === null || entitySelection === void 0 ? void 0 : entitySelection.title) || entitySelection;
       return (entitySelection && [
-        index.h("div", { class: { 'single-entity-container': this.isFilter } }, index.h("div", { class: "operator-container" }, `${this.isFilter ? selectedOperator : ''}`), index.h("yoo-entity", { class: {
+        index.h("div", { class: { 'single-entity-container': this.isFilter } }, index.h("div", { class: "operator-container" }, `${this.isFilter ? this.filterOperator : ''}`), index.h("yoo-entity", { class: {
             'autocomplete autocomplete-selected': true,
             last: i === this.selection.length - 1,
             bold: this.color === 'transparent',
@@ -1010,7 +1010,7 @@ const YooFormAutocompleteComponent = class {
         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: index$1.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(index$1.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
         ? index$1.translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD')
-        : index$1.translate('SEARCH'), tags: this.tags, forceHideSearch: this.forceHideSearch, maxSelectionNumber: this.max, customModel: this.customModel, addNewTagText: this.entityType === 'emails' ? index$1.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 }))))))));
+        : index$1.translate('SEARCH'), tags: this.tags, forceHideSearch: this.forceHideSearch, maxSelectionNumber: this.max, customModel: this.customModel, addNewTagText: this.entityType === 'emails' ? index$1.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) {

package/dist/cjs/yoo-form-choice-button.cjs.entry.js

@@ -4,15 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 require('./index-944805e9.js');
-const highcharts = require('./highcharts-874d9bd2.js');
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const lodash = require('./lodash-a9050d79.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 const index$1 = require('./index-9236f182.js');
-require('./lodash-a9050d79.js');
-require('./_commonjsHelpers-94df2ea7.js');
 require('./draggable-tags-helpers-04b206b2.js');
 require('./form-input-helpers-3c2cd259.js');
 require('./index-cb8276bc.js');
 require('./common-helpers-266b26c4.js');
+require('./_commonjsHelpers-94df2ea7.js');
 
 const formChoiceButtonCss = "svg:not(:root){overflow:hidden}:host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{--button-columns:2;--item-spacing:var(--spacing-16, 1rem);display:block;width:100%;height:100%}:host yoo-banner{height:0}:host #buttons{display:grid;grid-gap:var(--item-spacing);grid-template-columns:repeat(var(--button-columns), minmax(0, 1fr))}:host yoo-button{--side-padding:0 var(--spacing-16, 1rem)}";
 
@@ -46,8 +45,8 @@ const YooFormChoiceButtonComponent = class {
     return this.choices && index.h("section", { id: "buttons" }, this.choices.map((item) => {
       var _a, _b;
       const { icon, _id, value, title } = item || {};
-      const choiceValue = (highcharts.highcharts.isString(item) ? item : (_id || value || title));
-      const text = (highcharts.highcharts.isString(item) ? item : (title || _id || value));
+      const choiceValue = (lodash.isString(item) ? item : (_id || value || title));
+      const text = (lodash.isString(item) ? item : (title || _id || value));
       const iconToDisplay = icon || ((_b = (_a = this.valuesIcon) === null || _a === void 0 ? void 0 : _a.find(valueIcon => text === valueIcon.key)) === null || _b === void 0 ? void 0 : _b.value.icon);
       return (!!text &&
         index.h("yoo-button", { color: formChoiceHelpers.isSelected(choiceValue, this.selection) ? this.getBackgroundColor(choiceValue) : 'light', customColor: formChoiceHelpers.getColor(choiceValue, this.valuesColor, this.selection), size: this.size || 'large', onClick: () => formChoiceHelpers.onItemSelect(choiceValue, this) }, iconToDisplay &&

package/dist/cjs/yoo-form-choice-card.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 require('./index-944805e9.js');
 require('./index-9236f182.js');
 require('./index-cb8276bc.js');
@@ -12,7 +12,6 @@ require('./draggable-tags-helpers-04b206b2.js');
 require('./form-input-helpers-3c2cd259.js');
 require('./common-helpers-266b26c4.js');
 require('./index-9ca0e46c.js');
-require('./highcharts-874d9bd2.js');
 
 
 

package/dist/cjs/yoo-form-choice-chat.cjs.entry.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-cb8276bc.js');
 require('./index-944805e9.js');
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 const index$2 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./draggable-tags-helpers-04b206b2.js');
 require('./form-input-helpers-3c2cd259.js');
 require('./common-helpers-266b26c4.js');
-require('./highcharts-874d9bd2.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formChoiceChatCss = "svg:not(:root){overflow:hidden}:host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{display:block;width:100%;height:100%}:host yoo-banner{height:0}:host #messages{display:grid;gap:var(--spacing-16, 1rem)}:host #messages yoo-chat-message{--left-messages-text-color:var(--dark, #000000)}:host #messages yoo-chat-message:not(:first-child){cursor:pointer;--right-messages-text-color:var(--dark, #000000);--border-message-content:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host #messages yoo-chat-message:not(:first-child).selected{--right-messages-background-color:var(--app-color, #5a30f4);--right-messages-text-color:var(--light, #ffffff)}:host #messages yoo-chat-message:not(:first-child):not(.selected){--right-messages-background-color:var(--light, #ffffff)}:host .title.alternate{text-align:end}:host([animated]){--chat-answer-message-animation-duration:0.3s;--chat-answer-message-animation-start:1.5s;--chat-answer-message-animation-step:0.2s;--chat-answer-title-animation-start:1.3s;--chat-question-message-animation-start:0.2s;--chat-question-message-fade-animation-duration:0.1s;--chat-question-message-slide-animation-duration:0.2s;--chat-question-title-animation-start:0.1s;--chat-title-animation-duration:0.2s;--choice-index:0}:host([animated]) yoo-chat-message,:host([animated]) .title{opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) yoo-chat-message.choice{-webkit-animation-name:slide-in-from-right, fade-in;animation-name:slide-in-from-right, fade-in;-webkit-animation-duration:var(--chat-answer-message-animation-duration);animation-duration:var(--chat-answer-message-animation-duration);-webkit-animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);-webkit-animation-delay:calc(var(--chat-answer-message-animation-start) + var(--choice-index) * var(--chat-answer-message-animation-step));animation-delay:calc(var(--chat-answer-message-animation-start) + var(--choice-index) * var(--chat-answer-message-animation-step))}:host([animated]) yoo-chat-message:not(.choice){-webkit-animation-name:slide-in-from-left, fade-in;animation-name:slide-in-from-left, fade-in;-webkit-animation-duration:var(--chat-question-message-slide-animation-duration), var(--chat-question-message-fade-animation-duration);animation-duration:var(--chat-question-message-slide-animation-duration), var(--chat-question-message-fade-animation-duration);-webkit-animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);animation-timing-function:var(--ease-out-back), var(--ease-in-out-sine);-webkit-animation-delay:var(--chat-question-message-animation-start);animation-delay:var(--chat-question-message-animation-start)}:host([animated]) .title{-webkit-animation-name:slide-up, fade-in;animation-name:slide-up, fade-in;-webkit-animation-duration:var(--chat-title-animation-duration);animation-duration:var(--chat-title-animation-duration)}:host([animated]) .title.alternate{-webkit-animation-timing-function:var(--ease-in-out-sine);animation-timing-function:var(--ease-in-out-sine);-webkit-animation-delay:var(--chat-answer-title-animation-start);animation-delay:var(--chat-answer-title-animation-start)}:host([animated]) .title:not(.alternate){-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-delay:var(--chat-question-title-animation-start);animation-delay:var(--chat-question-title-animation-start)}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes slide-in-from-right{from{-webkit-transform:translateX(17.375rem);transform:translateX(17.375rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-from-right{from{-webkit-transform:translateX(17.375rem);transform:translateX(17.375rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-in-from-left{from{-webkit-transform:translateX(-13.75rem);transform:translateX(-13.75rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-from-left{from{-webkit-transform:translateX(-13.75rem);transform:translateX(-13.75rem)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slide-up{from{-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-up{from{-webkit-transform:translateY(0.5rem);transform:translateY(0.5rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-in-from-bottom{from{-webkit-transform:translateY(42rem);transform:translateY(42rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in-from-bottom{from{-webkit-transform:translateY(42rem);transform:translateY(42rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}";

package/dist/cjs/yoo-form-choice-image.cjs.entry.js

@@ -6,12 +6,11 @@ const index = require('./index-9ca0e46c.js');
 require('./index-944805e9.js');
 const commonHelpers = require('./common-helpers-266b26c4.js');
 const draggableTagsHelpers = require('./draggable-tags-helpers-04b206b2.js');
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 const index$1 = require('./index-9236f182.js');
 require('./lodash-a9050d79.js');
 require('./form-input-helpers-3c2cd259.js');
 require('./index-cb8276bc.js');
-require('./highcharts-874d9bd2.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formChoiceImageCss = "svg:not(:root){overflow:hidden}:host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;width:100%}:host yoo-banner{width:100%;height:0}:host .content{position:relative}:host .content yoo-img{border:solid var(--border-width-01, 0.0625rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host .content yoo-form-checkbox{position:absolute;top:var(--spacing-08, 0.5rem);right:var(--spacing-08, 0.5rem)}:host .content yoo-tag{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);display:-ms-flexbox;display:flex;cursor:pointer}:host .text{margin:var(--spacing-08, 0.5rem) 0;text-align:center;cursor:pointer}:host .text.truncate{overflow:hidden;text-align:left;word-break:break-word}@supports (display: -webkit-box){:host .text.truncate{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}:host .text.link{color:var(--app-color, #5a30f4)}:host([animated]:not([readonly])){--image-index:0}:host([animated]:not([readonly])) .image-container{-webkit-transform:scale(0);transform:scale(0);-webkit-animation-name:scale;animation-name:scale;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-delay:calc(0.5s + var(--image-index) * 0.1s);animation-delay:calc(0.5s + var(--image-index) * 0.1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes scale{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{from{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}:host([is-pdf]) .image-container:not(:last-child){border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(:not([is-pdf]):not([readonly])){gap:var(--spacing-16, 1rem)}:host(:not([is-pdf]):not([readonly])) yoo-banner{margin-bottom:calc(var(--spacing-16, 1rem) * -1)}:host(:not([is-pdf]):not([readonly])) .image-container{width:calc(50% - (var(--spacing-16, 1rem) / 2));max-width:18rem}:host(:not([is-pdf]):not([readonly])) .image-container yoo-img{--image-position:absolute;position:relative}:host(:not([is-pdf]):not([readonly])) .image-container yoo-img:after{padding-bottom:100%;content:\"\"}";

package/dist/cjs/yoo-form-choice-radio.cjs.entry.js

@@ -6,12 +6,11 @@ const index = require('./index-9ca0e46c.js');
 require('./index-944805e9.js');
 const lodash = require('./lodash-a9050d79.js');
 const formInputHelpers = require('./form-input-helpers-3c2cd259.js');
-const formChoiceHelpers = require('./form-choice-helpers-b3d03d83.js');
+const formChoiceHelpers = require('./form-choice-helpers-7911fdac.js');
 const index$1 = require('./index-9236f182.js');
 require('./index-cb8276bc.js');
 require('./common-helpers-266b26c4.js');
 require('./draggable-tags-helpers-04b206b2.js');
-require('./highcharts-874d9bd2.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formChoiceRadioCss = "svg:not(:root){overflow:hidden}:host([readonly]){padding:0.5rem 0.5rem 0 0;-ms-flex-pack:start;justify-content:flex-start;color:var(--dark, #000000)}:host([readonly]) .image-container{max-width:var(--spacing-80, 5rem);margin-right:var(--spacing-24, 1.5rem);margin-bottom:0;padding-bottom:0;border-bottom:none}:host([readonly]) .image-container .content{position:relative;width:var(--spacing-80, 5rem);height:var(--spacing-80, 5rem);border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content::before{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0.4;content:\"\"}:host([readonly]) .image-container .content yoo-img{height:100%;border-radius:var(--border-radius-08, 0.5rem)}:host([readonly]) .image-container .content.correct-answer{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host([readonly]) .image-container .content.correct-answer::before{background-color:var(--success, #3aa76d)}:host([readonly]) .image-container .content.wrong-answer{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host([readonly]) .image-container .content.wrong-answer::before{background-color:var(--danger, #d44333)}:host([readonly]) .image-container .text{white-space:unset;text-align:center;-webkit-line-clamp:2}:host([is-pdf]) .image-container{width:100%}:host([is-pdf]) .image-container .content{max-width:22.5rem}:host([is-pdf]) .image-container .content yoo-img{border:none;border-radius:0}:host([is-pdf]) .image-container .text{text-align:left}:host([is-pdf]) .image-container:not(:last-child){margin-bottom:var(--spacing-16, 1rem);padding-bottom:var(--spacing-16, 1rem)}.readonly-card{width:100%}.readonly-card .invalid{color:var(--danger, #d44333)}.readonly-card .valid{color:var(--success, #3aa76d)}.readonly-card.chat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000)}.readonly-card.chat .text:not(:last-of-type){margin-bottom:var(--spacing-08, 0.5rem)}.readonly-card.chat .text{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem);border-radius:var(--border-radius-16, 1rem)}.readonly-card.chat .text.valid{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}.readonly-card.chat .text.invalid{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host(.history:not(.forcedhistory)){padding:0}:host(.history:not(.forcedhistory))>.text,:host(.history:not(.forcedhistory)) .card .text,:host(.history:not(.forcedhistory)) .button .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;margin-right:var(--spacing-16, 1rem)}:host{display:block;width:100%;height:100%}:host yoo-banner{height:0}:host .choice{margin-top:-cssvar(spacing-08)}:host .input-zone{position:relative;height:2.375rem;margin-top:var(--spacing-08, 0.5rem);margin-right:var(--spacing-16, 1rem);margin-left:var(--spacing-16, 1rem);padding:var(--spacing-04, 0.25rem);background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable, #adadad);border-radius:var(--border-radius-04, 0.25rem)}:host .input-zone textarea{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;overflow:hidden;overflow-y:auto !important;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Lato\");line-height:1rem;background-color:var(--light, #ffffff);border:none;outline:none !important;-webkit-appearance:none;resize:none}";

package/dist/cjs/yoo-grid-calendar.cjs.entry.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-9ca0e46c.js');
 const index$2 = require('./index-cb8276bc.js');
 const index$3 = require('./index-944805e9.js');
-const highcharts = require('./highcharts-874d9bd2.js');
 const lodash = require('./lodash-a9050d79.js');
 const tippy_esm = require('./tippy.esm-0d11354c.js');
 const operationHelpers = require('./operation-helpers-18dedc9b.js');
@@ -396,7 +395,7 @@ const YooGridCalendarComponent = class {
   }
   getEventTitle(i) {
     let title = lodash.get(i, (this.titleField || 'title')) || lodash.get(i, 'description' + (this.suffix || '')) || lodash.get(i, 'name' + (this.suffix || '')) || 'EVENT';
-    if (highcharts.highcharts.isArray(title)) {
+    if (lodash.isArray(title)) {
       title = title.join(' ');
     }
     title = title === null || title === void 0 ? void 0 : title.replace(/(<([^>]+)>)/ig, '').replace(/&nbsp;/g, ' ');

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

@@ -172,16 +172,6 @@ const YooGridComponent = class {
     }, 500);
     this.itemsHaveBeenReordered = false;
     this.filtersUpdated = false;
-    this.filterOptions = [
-      {
-        type: index$2.FormFilterAutocompleteOperator.is,
-        active: true
-      },
-      {
-        type: index$2.FormFilterAutocompleteOperator.isNot,
-        active: false
-      }
-    ];
     this.renderVirtualItem = (item, index) => {
       if (this.hasSecondaryActions || (this.keepSelection && index$1.isWeb(this.host))) {
         if (this.showActionsAsMore) {
@@ -592,6 +582,7 @@ const YooGridComponent = class {
     if (this.isFormField) {
       formInputHelpers.setValidator(this);
     }
+    this.showFormRadio && !this.selectedFilterOperator && this.selectFilterOperator(index$2.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 || '';
@@ -1477,18 +1468,6 @@ const YooGridComponent = class {
     }
     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) {
@@ -1975,12 +1954,16 @@ const YooGridComponent = class {
     }
     return 0;
   }
+  selectFilterOperator(operator) {
+    this.selectedFilterOperator = operator;
+    this.formRadioToggled.emit(operator);
+  }
   renderDropdownFormRadio() {
-    var _a;
-    const formOptions = this.filterOptions.map((filterOption) => filterOption.type);
-    if (index$1.isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
-      return (index.h("div", { class: "form-radio-container" }, index.h("yoo-form-radio", { options: formOptions, flow: "column", size: "medium", value: this.selectedFilterOperator || formOptions[0], onInputChanged: (ev) => this.onToggleFormRadio(ev) }, formOptions.map((option, index$1) => (index.h("span", { slot: index$1.toString() }, option))))));
-    }
+    const operators = [index$2.FormFilterAutocompleteOperator.is, index$2.FormFilterAutocompleteOperator.isNot];
+    return (index.h("div", { class: "form-radio-container" }, index.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$1) => index.h("span", { slot: index$1.toString() }, operator)))));
   }
   renderSearchInput() {
     var _a, _b, _c;
@@ -3145,14 +3128,14 @@ const YooGridComponent = class {
     return (this.mainProgressValue >= 0 && (index.h("div", { class: "grid-progress" }, index.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 = (!index$1.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(),
-      index.h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (index.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() && index.h("slot", { name: "header" }), (((_e = this.columns) === null || _e === void 0 ? void 0 : _e.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && index$1.isWeb(this.host) && !this.isMap() ? (index.h("div", { class: "horizontal-scroll-parent" }, index.h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, index.h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
+      index.h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (index.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 && index$1.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() && index.h("slot", { name: "header" }), (((_f = this.columns) === null || _f === void 0 ? void 0 : _f.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && index$1.isWeb(this.host) && !this.isMap() ? (index.h("div", { class: "horizontal-scroll-parent" }, index.h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, index.h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
       index$1.isWeb(this.host) && this.showGlobalActions && this.isSelectionMode && this.renderGlobalActions()
     ];
   }

package/dist/cjs/yoo-photo-editor.cjs.entry.js

@@ -43,11 +43,11 @@ const Dot = ({ annotation, tooltipProps, onAnnotationClick, onDotSave, readonly,
 class Menu {
   constructor(config) {
     this.getOptions = () => {
-      var _a, _b, _c;
+      var _a, _b;
       return {
         extras: {
           start: [this.closeOption],
-          end: ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.extrasActions) === null || _b === void 0 ? void 0 : _b.filter((extraAction) => (extraAction === null || extraAction === void 0 ? void 0 : extraAction.isVisible) ? extraAction.isVisible() : extraAction)) || []
+          end: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.extrasActions) || []
         },
         tools: {
           start: [this.closeOption],
@@ -59,7 +59,7 @@ class Menu {
         text: {
           start: [
             ...this.formatOptions([
-              `align-${((_c = this.activeStyles) === null || _c === void 0 ? void 0 : _c.textAlignment) || 'center'}`,
+              `align-${((_b = this.activeStyles) === null || _b === void 0 ? void 0 : _b.textAlignment) || 'center'}`,
               `background-${this.isBackgroundOff ? 'off' : 'on'}`
             ]),
             ...[this.predefinedTextsOption]
@@ -204,6 +204,7 @@ const YooPhotoEditorComponent = class {
     this.imageZoomed = index.createEvent(this, "imageZoomed", 7);
     this.switchFromEditable = index.createEvent(this, "switchFromEditable", 7);
     this.blockMoves = index.createEvent(this, "blockMoves", 7);
+    this.extraActionClicked = index.createEvent(this, "extraActionClicked", 7);
     this.saveChanges = index.createEvent(this, "saveChanges", 7);
     /**
      * Set to true wether the image in a readonly mode can be
@@ -1162,8 +1163,13 @@ const YooPhotoEditorComponent = class {
       const actionName = isIcon ? clickedElement.name : (_a = content === null || content === void 0 ? void 0 : content.toLowerCase()) === null || _a === void 0 ? void 0 : _a.replace('yoobic', '');
       const getEntity = (button, type) => (button === null || button === void 0 ? void 0 : button[type]) && lodash.isFunction(button[type]) ? button[type]() : button[type];
       const extraAction = (_b = (this.extraActions || [])) === null || _b === void 0 ? void 0 : _b.find(xa => { var _a, _b; return ((_a = getEntity(xa, 'icon')) === null || _a === void 0 ? void 0 : _a.includes(content)) || ((_b = getEntity(xa, 'content')) === null || _b === void 0 ? void 0 : _b.includes(xa === null || xa === void 0 ? void 0 : xa.icon)); });
-      if (extraAction === null || extraAction === void 0 ? void 0 : extraAction.handler) {
-        extraAction.handler(ev);
+      if (extraAction) {
+        if (extraAction.icon === 'photo-annotated') {
+          this.isReadonly = false;
+        }
+        else {
+          this.extraActionClicked.emit(extraAction);
+        }
       }
       if (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) {
         const actions = extraAction['subActions'];

package/dist/cjs/yoo-slides-media.cjs.entry.js

@@ -12,7 +12,7 @@ const formTextAreaHelpers = require('./form-text-area-helpers-0547b462.js');
 require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
-const slidesMediaCss = "svg.sc-yoo-slides-media:not(:root){overflow:hidden}.sc-yoo-slides-media-h{--search-bar-display:none;width:100%;height:100%;background:var(--dark, #000000)}@-webkit-keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}@keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}.sc-yoo-slides-media-h .fade-in.sc-yoo-slides-media{margin-bottom:2.5rem !important;-webkit-animation:fadeInTransition 0.5s;animation:fadeInTransition 0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;width:100%;height:100%}.sc-yoo-slides-media-h .content-container.video.sc-yoo-slides-media{padding-top:var(--spacing-64, 4rem);padding-bottom:var(--spacing-64, 4rem)}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-photo-editor.sc-yoo-slides-media{width:100%}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-videoplayer-core.sc-yoo-slides-media{z-index:6;width:100%;background:var(--dark, #000000)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media{position:absolute;top:0;left:0;z-index:9;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light, #ffffff)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media yoo-form-input.sc-yoo-slides-media{padding-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media{display:-ms-flexbox;display:flex}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-left:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding-top:var(--spacing-08, 0.5rem);overflow:auto}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tooltip.sc-yoo-slides-media{max-width:100%}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tag.sc-yoo-slides-media{max-width:100%;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.max-height.sc-yoo-slides-media{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media{width:100%;margin-top:auto;padding:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{width:50%;margin-left:auto}.sc-yoo-slides-media-h .action-buttons.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff);font-size:var(--font-size-20, 1.25rem)}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media{width:100%;height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media{height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media yoo-ion-slides.sc-yoo-slides-media{--host-background-color:var(--dark, #000000);height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--swiper-background:var(--dark, #000000);--wrapper-border-radius:0}.sc-yoo-slides-media-h mark.sc-yoo-slides-media{color:var(--light, #ffffff);background-color:transparent}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media{position:absolute;top:auto;right:0;bottom:0;left:0;z-index:8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-bottom:0 !important;padding:var(--spacing-16, 1rem);color:var(--stable, #adadad);word-break:break-word;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(7%, rgba(0, 0, 0, 0)), color-stop(6%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.85)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.85) 70%);-webkit-transition:0.3s;transition:0.3s}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .white-text.sc-yoo-slides-media{padding:0 var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media .user-title.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .photo-information.sc-yoo-slides-media{text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .tags.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);padding-right:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .time.sc-yoo-slides-media{font-size:var(--font-size-14, 0.875rem)}.sc-yoo-slides-media-h .bottom-container.iphone-x.sc-yoo-slides-media{padding-bottom:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h yoo-header.sc-yoo-slides-media{position:absolute;top:0;right:0;bottom:auto;left:0;z-index:11;-webkit-transition:0.3s;transition:0.3s}.card-media.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--wrapper-border-radius:var(--border-radius-08, 0.5rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media{position:absolute;right:0;bottom:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media span.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem)}.tagging.sc-yoo-slides-media-h{--search-bar-display:block}";
+const slidesMediaCss = "svg.sc-yoo-slides-media:not(:root){overflow:hidden}.sc-yoo-slides-media-h{--search-bar-display:none;width:100%;height:100%;background:var(--dark, #000000)}@-webkit-keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}@keyframes fadeInTransition{0%{opacity:1}50%{opacity:0.5}100%{visibility:hidden;opacity:0}}.sc-yoo-slides-media-h .fade-in.sc-yoo-slides-media{margin-bottom:2.5rem !important;-webkit-animation:fadeInTransition 0.5s;animation:fadeInTransition 0.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;width:100%;height:100%}.sc-yoo-slides-media-h .content-container.video.sc-yoo-slides-media{padding-top:var(--spacing-64, 4rem);padding-bottom:var(--spacing-64, 4rem)}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-photo-editor.sc-yoo-slides-media{width:100%}.sc-yoo-slides-media-h .content-container.sc-yoo-slides-media yoo-videoplayer-core.sc-yoo-slides-media{z-index:6;width:100%;background:var(--dark, #000000)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media{position:absolute;top:0;left:0;z-index:9;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light, #ffffff)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;margin:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media yoo-form-input.sc-yoo-slides-media{padding-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media{display:-ms-flexbox;display:flex}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .header.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-left:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;padding-top:var(--spacing-08, 0.5rem);overflow:auto}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tooltip.sc-yoo-slides-media{max-width:100%}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.sc-yoo-slides-media yoo-tag.sc-yoo-slides-media{max-width:100%;margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .actions-container.sc-yoo-slides-media .current-tag-container.sc-yoo-slides-media .badges-container.max-height.sc-yoo-slides-media{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media{width:100%;margin-top:auto;padding:var(--spacing-16, 1rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.sc-yoo-slides-media-h .tag-container.sc-yoo-slides-media .button-container.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{width:50%;margin-left:auto}.sc-yoo-slides-media-h .action-buttons.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);color:var(--light, #ffffff);font-size:var(--font-size-20, 1.25rem)}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media{width:100%;height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media{height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media .slides-container.sc-yoo-slides-media yoo-ion-slides.sc-yoo-slides-media{--host-background-color:var(--dark, #000000);height:100%}.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--swiper-background:var(--dark, #000000);--wrapper-border-radius:0}.sc-yoo-slides-media-h mark.sc-yoo-slides-media{color:var(--light, #ffffff);background-color:transparent}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media{position:absolute;top:auto;right:0;bottom:0;left:0;z-index:8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-bottom:0 !important;padding:var(--spacing-16, 1rem);color:var(--stable, #adadad);word-break:break-word;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(7%, rgba(0, 0, 0, 0)), color-stop(6%, rgba(0, 0, 0, 0)), color-stop(70%, rgba(0, 0, 0, 0.85)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 7%, rgba(0, 0, 0, 0) 6%, rgba(0, 0, 0, 0.85) 70%);-webkit-transition:0.3s;transition:0.3s}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .white-text.sc-yoo-slides-media{padding:0 var(--spacing-04, 0.25rem);color:var(--light, #ffffff)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .user-info.sc-yoo-slides-media .user-title.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .photo-information.sc-yoo-slides-media{text-align:left}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .tags.sc-yoo-slides-media{display:-ms-flexbox;display:flex;padding-top:var(--spacing-04, 0.25rem);padding-right:var(--spacing-04, 0.25rem);color:var(--app-color, #5a30f4)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media .time.sc-yoo-slides-media{font-size:var(--font-size-14, 0.875rem)}.sc-yoo-slides-media-h .bottom-container.iphone-x.sc-yoo-slides-media{padding-bottom:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h .bottom-container.sc-yoo-slides-media yoo-icon.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.sc-yoo-slides-media-h yoo-header.sc-yoo-slides-media{position:absolute;top:0;right:0;bottom:auto;left:0;z-index:11;cursor:pointer;-webkit-transition:0.3s;transition:0.3s}.card-media.sc-yoo-slides-media-h .slides-media-container.sc-yoo-slides-media yoo-swipe-container.sc-yoo-slides-media{--wrapper-border-radius:var(--border-radius-08, 0.5rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media{position:absolute;right:0;bottom:var(--spacing-16, 1rem);display:-ms-flexbox;display:flex}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media yoo-button.sc-yoo-slides-media{margin-right:var(--spacing-16, 1rem)}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.card-media.sc-yoo-slides-media-h .hover-buttons.sc-yoo-slides-media .flex.sc-yoo-slides-media span.sc-yoo-slides-media{padding-left:var(--spacing-08, 0.5rem)}.tagging.sc-yoo-slides-media-h{--search-bar-display:block}";
 
 const YooSlidesMediaComponent = class {
   constructor(hostRef) {
@@ -425,10 +425,9 @@ const YooSlidesMediaComponent = class {
       .filter((item) => (item.isVisible ? item.isVisible(this.currentIndex) : true))
       .map((item) => {
       return (index.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" }));
     })));
   }
@@ -472,14 +471,12 @@ const YooSlidesMediaComponent = class {
     return index.h("yoo-videoplayer-core", { class: "video", onClick: () => this.onItemClicked(), ref: (el) => (this.videoPlayerElement = el), ...attrs });
   }
   renderPhotoEditor(item, index$2) {
-    var _a, _b, _c, _d;
-    const extraActions = (this.secondaryActions || [])
-      .filter((item) => (item.isVisible ? item.isVisible(index$2) : true));
+    var _a, _b, _c, _d, _e;
     return (index.h("yoo-photo-editor", { id: `${index$2}`, class: {
         current: index$2 === 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$2] = 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: () => !index$1.isWeb(this.host) && this.showPhotoDetailView(), onSaveChanges: (ev) => {
+      }, editable: this.canAnnotate, zoomable: true, ref: (el) => this.photoEditorElements[index$2] = 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$2)) || 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: () => !index$1.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$2] = { ...this.items[index$2], drawings, annotations };

package/dist/collection/components/3.organisms/photo-editor/components/menu.js

@@ -1,11 +1,11 @@
 export class Menu {
   constructor(config) {
     this.getOptions = () => {
-      var _a, _b, _c;
+      var _a, _b;
       return {
         extras: {
           start: [this.closeOption],
-          end: ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.extrasActions) === null || _b === void 0 ? void 0 : _b.filter((extraAction) => (extraAction === null || extraAction === void 0 ? void 0 : extraAction.isVisible) ? extraAction.isVisible() : extraAction)) || []
+          end: ((_a = this.config) === null || _a === void 0 ? void 0 : _a.extrasActions) || []
         },
         tools: {
           start: [this.closeOption],
@@ -17,7 +17,7 @@ export class Menu {
         text: {
           start: [
             ...this.formatOptions([
-              `align-${((_c = this.activeStyles) === null || _c === void 0 ? void 0 : _c.textAlignment) || 'center'}`,
+              `align-${((_b = this.activeStyles) === null || _b === void 0 ? void 0 : _b.textAlignment) || 'center'}`,
               `background-${this.isBackgroundOff ? 'off' : 'on'}`
             ]),
             ...[this.predefinedTextsOption]

package/dist/collection/components/3.organisms/photo-editor/photo-editor.js

@@ -987,8 +987,13 @@ export class YooPhotoEditorComponent {
       const actionName = isIcon ? clickedElement.name : (_a = content === null || content === void 0 ? void 0 : content.toLowerCase()) === null || _a === void 0 ? void 0 : _a.replace('yoobic', '');
       const getEntity = (button, type) => (button === null || button === void 0 ? void 0 : button[type]) && isFunction(button[type]) ? button[type]() : button[type];
       const extraAction = (_b = (this.extraActions || [])) === null || _b === void 0 ? void 0 : _b.find(xa => { var _a, _b; return ((_a = getEntity(xa, 'icon')) === null || _a === void 0 ? void 0 : _a.includes(content)) || ((_b = getEntity(xa, 'content')) === null || _b === void 0 ? void 0 : _b.includes(xa === null || xa === void 0 ? void 0 : xa.icon)); });
-      if (extraAction === null || extraAction === void 0 ? void 0 : extraAction.handler) {
-        extraAction.handler(ev);
+      if (extraAction) {
+        if (extraAction.icon === 'photo-annotated') {
+          this.isReadonly = false;
+        }
+        else {
+          this.extraActionClicked.emit(extraAction);
+        }
       }
       if (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) {
         const actions = extraAction['subActions'];
@@ -1724,6 +1729,26 @@ export class YooPhotoEditorComponent {
           "resolved": "boolean",
           "references": {}
         }
+      }, {
+        "method": "extraActionClicked",
+        "name": "extraActionClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitted to block the swiping action of the slides when drag and dropping an annotation"
+        },
+        "complexType": {
+          "original": "IButton",
+          "resolved": "IButton",
+          "references": {
+            "IButton": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        }
       }, {
         "method": "saveChanges",
         "name": "saveChanges",