@yoobic/yobi 8.2.0-16 → 8.2.0-19

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

@@ -325,7 +325,7 @@ export class YooFormAudienceComponent {
     const index = this.targetValues.findIndex((v) => v.id === target);
     return this.enableTarget && h("yoo-form-input-container", { class: "bordered", hideOptional: true, field: { title: translate('AUDIENCETARGET') } },
       h("div", { class: "segment-container" },
-        h("yoo-segment", { readonly: this.readonly, size: "medium", class: "segment", values: this.targetValues, initialIndex: index, onSegmentSelected: (ev) => this.onTargetChanged(ev) }),
+        h("yoo-segmented-control", { readonly: this.readonly, size: "medium", class: "segment", values: this.targetValues, initialIndex: index, onSegmentSelected: (ev) => this.onTargetChanged(ev) }),
         this.renderHelp(`AUDIENCETARGET${target.toUpperCase()}HELP`)));
   }
   renderStoreTarget() {
@@ -429,7 +429,7 @@ export class YooFormAudienceComponent {
             (_a = this.gridUsers) === null || _a === void 0 ? void 0 : _a.updateGridConfig();
             this.refreshConfig = false;
           }
-        }, collectionName: "user", displayType: "card-grid", model: this.models[0], gridConfig: gridConfig, initialQuery: (_c = this.value) === null || _c === void 0 ? void 0 : _c.usersQuery, isFormField: true, showSearch: true, hideAdvancedFilters: true, scrollable: true, class: "no-margin", gridClass: "transparent grid-font-small", showSelectionOnlyToggle: type === 'manual', multiple: true, returnQuery: true, showGridTotalHeader: false, showSelectAll: type === 'manual', keepSelection: type === 'manual', isSelectAll: type === 'manual' && ((this.mode !== 'store' && ((_e = (_d = this.value) === null || _d === void 0 ? void 0 : _d.usersQuery) === null || _e === void 0 ? void 0 : _e.isSelectAll) !== false) || (this.mode === 'store' && ((_g = (_f = this.value) === null || _f === void 0 ? void 0 : _f.usersQuery) === null || _g === void 0 ? void 0 : _g.isSelectAll))), hideRefreshButton: true, onFetchData: (ev) => this.onPreviewGridUsersFetchData(ev), onInputChanged: (ev) => this.onPreviewGridUsersChanged(ev), isReadonly: this.readonly }));
+        }, key: "grid-users", collectionName: "user", displayType: isWeb(this.host) ? 'card-grid' : 'card-list', entityType: "useraudience", model: this.models[0], gridConfig: gridConfig, initialQuery: (_c = this.value) === null || _c === void 0 ? void 0 : _c.usersQuery, isFormField: true, showSearch: true, hideAdvancedFilters: true, scrollable: true, class: "no-margin", gridClass: "transparent grid-font-small", showSelectionOnlyToggle: type === 'manual', multiple: true, returnQuery: true, showGridTotalHeader: false, showSelectAll: type === 'manual', keepSelection: type === 'manual', isSelectAll: type === 'manual' && ((this.mode !== 'store' && ((_e = (_d = this.value) === null || _d === void 0 ? void 0 : _d.usersQuery) === null || _e === void 0 ? void 0 : _e.isSelectAll) !== false) || (this.mode === 'store' && ((_g = (_f = this.value) === null || _f === void 0 ? void 0 : _f.usersQuery) === null || _g === void 0 ? void 0 : _g.isSelectAll))), hideRefreshButton: true, onFetchData: (ev) => this.onPreviewGridUsersFetchData(ev), onInputChanged: (ev) => this.onPreviewGridUsersChanged(ev), isReadonly: this.readonly }));
   }
   renderStoresGridHeader() {
     var _a, _b, _c, _d;
@@ -460,14 +460,14 @@ export class YooFormAudienceComponent {
       }
     }
     return (this.showPreviewGrid || type === 'manual') && h("div", { class: "preview-grid" },
-      h("yoo-grid", { ref: (el) => {
+      h("yoo-grid", { key: "grid-stores", ref: (el) => {
           var _a;
           this.gridStores = el;
           if (this.refreshConfig) {
             (_a = this.gridStores) === null || _a === void 0 ? void 0 : _a.updateGridConfig();
             this.refreshConfig = false;
           }
-        }, collectionName: "locations", displayType: "card-grid", model: this.models[1], gridConfig: gridConfig, initialQuery: (_c = this.value) === null || _c === void 0 ? void 0 : _c.storesQuery, isFormField: true, showSearch: true, hideAdvancedFilters: true, scrollable: true, class: "no-margin", gridClass: "transparent grid-font-small", showSelectionOnlyToggle: type === 'manual', multiple: true, returnQuery: true, showGridTotalHeader: false, hideRefreshButton: true, showSelectAll: type === 'manual', keepSelection: type === 'manual', isSelectAll: type === 'manual' && ((_e = (_d = this.value) === null || _d === void 0 ? void 0 : _d.storesQuery) === null || _e === void 0 ? void 0 : _e.isSelectAll) !== false, onFetchData: (ev) => this.onPreviewGridStoresFetchData(ev), onInputChanged: (ev) => this.onPreviewGridStoresChanged(ev), isReadonly: this.readonly }));
+        }, collectionName: "locations", entityType: "locationsaudience", displayType: isWeb(this.host) ? 'card-grid' : 'card-list', model: this.models[1], gridConfig: gridConfig, initialQuery: (_c = this.value) === null || _c === void 0 ? void 0 : _c.storesQuery, isFormField: true, showSearch: true, hideAdvancedFilters: true, scrollable: true, class: "no-margin", gridClass: "transparent grid-font-small", showSelectionOnlyToggle: type === 'manual', multiple: true, returnQuery: true, showGridTotalHeader: false, hideRefreshButton: true, showSelectAll: type === 'manual', keepSelection: type === 'manual', isSelectAll: type === 'manual' && ((_e = (_d = this.value) === null || _d === void 0 ? void 0 : _d.storesQuery) === null || _e === void 0 ? void 0 : _e.isSelectAll) !== false, onFetchData: (ev) => this.onPreviewGridStoresFetchData(ev), onInputChanged: (ev) => this.onPreviewGridStoresChanged(ev), isReadonly: this.readonly }));
   }
   renderTabsGridHeader() {
     var _a, _b, _c;
@@ -501,14 +501,14 @@ export class YooFormAudienceComponent {
       suppressColumnsToolPanel: true
     });
     return h("div", { class: "saved-grid" },
-      h("yoo-grid", { ref: (el) => this.gridAudiences = el, collectionName: "audiences", displayType: "card-grid", isFormField: true, showSearch: true, scrollable: true, class: "no-margin", model: this.models[2], gridConfig: gridConfig, gridClass: "transparent grid-font-small", showGridTotalHeader: false, onFetchData: (ev) => this.onSavedGridFetchData(ev), onInputChanged: (ev) => ev.stopPropagation(), onSelected: (ev) => this.onUseSavedAudience(ev.detail), gridDomLayout: !isWeb(this.host) ? 'autoHeight' : null, isReadonly: this.readonly }));
+      h("yoo-grid", { ref: (el) => this.gridAudiences = el, entityType: "audiences", displayType: isWeb(this.host) ? 'card-grid' : 'card-list', isFormField: true, showSearch: true, scrollable: true, class: "no-margin", model: this.models[2], gridConfig: gridConfig, gridClass: "transparent grid-font-small", showGridTotalHeader: false, onFetchData: (ev) => this.onSavedGridFetchData(ev), onInputChanged: (ev) => ev.stopPropagation(), onSelected: (ev) => this.onUseSavedAudience(ev.detail), gridDomLayout: !isWeb(this.host) ? 'autoHeight' : null, isReadonly: this.readonly }));
   }
   renderContent() {
     return h("div", { class: "outer-container" },
-      !this.readonly && this.renderTabs(),
-      !this.readonly && this.selectedTabIndex === 0 && this.renderSave(),
+      !this.readonly && this.allowLibrary && this.renderTabs(),
+      !this.readonly && this.allowLibrary && this.selectedTabIndex === 0 && this.renderSave(),
       this.selectedTabIndex === 0 && this.mode !== 'store' && this.renderTarget(),
-      this.selectedTabIndex === 0 && this.renderType(),
+      this.selectedTabIndex === 0 && !this.forceManualType && this.renderType(),
       this.selectedTabIndex === 0 && this.renderRules(),
       this.selectedTabIndex === 0 && this.renderPreview(),
       !this.readonly && this.selectedTabIndex === 1 && this.renderSavedGrid());

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

@@ -591,6 +591,13 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   margin-top: var(--spacing-08, 0.5rem);
 }
 
+:host(.web.inline) {
+  margin: 0;
+}
+:host(.web.inline) .readonly {
+  margin: var(--spacing-04, 0.25rem) 0;
+}
+
 :host(.web.card-tag, .web.card-tag-single) .outer-container .input-container {
   overflow: hidden;
 }

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

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

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

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

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

@@ -47,7 +47,7 @@ export class YooFormCalendarDialogComponent {
                 h("yoo-icon", { name: "close", color: "stable" }))),
             h("yoo-truncate", null, translate('SELECTDATE')),
             h("yoo-items", { slot: "end" },
-              h("yoo-button", { color: "app-color", fill: "transparent", "ripple-type": "unbounded", onClick: (ev) => this.onTodayClicked(ev) }, translate('TODAY')))))),
+              h("yoo-button", { color: "app-color", fill: "transparent", "ripple-type": "unbounded", onClick: (ev) => this.onTodayClicked(ev) }, translate('YOOBICTODAY')))))),
       h("yoo-ion-content", null,
         h("yoo-calendar", { ref: (el) => (this.calendarHTMLElement = el), class: "calendar-picker datetime", isDatePicker: true, activeDay: this.value, onDateChanged: (ev) => { var _a; return this.onDateChanged(ev, (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.date); } }),
         h("yoo-form-time", { type: "datetime", value: this.value, onInputChanged: (ev) => this.onDateChanged(ev, ev.detail, true), onAmPmToggled: (ev) => this.onAmPmToggled(ev), onValidityChanged: (ev) => ev.stopPropagation() })),

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

@@ -1,7 +1,7 @@
 import { StatusBar } from '@capacitor/status-bar';
 import { MediaType, PictureSourceType } from '@ionic-native/camera';
 import { MediaCapture } from '@ionic-native/media-capture';
-import { addFilePrefix, asyncWaterfall, audios, changeExtension, downloadFile, getAsyncExtraData, getFormCapturedFileSize, getMimeType, getSession, hasLargeFile, images, isAndroid, isAudio, isCloudinaryLink, isFile, isGif, isImage, isIOS, isIphoneX, isLenovo, isNativeFilePath, isNativeMobile, isNullOrUndefined, isOffline, isPhotoEdited, isSafari, isUnsplashUrl, isVideo, isWeb, moveToImageDirectory, pipes, read, showActionSheet, showAlert, showContextMenu, showModal, showToast, translate, translateMulti, updatePathSessionId, videos } from '@shared/utils';
+import { addFilePrefix, asyncWaterfall, audios, changeExtension, downloadFile, getAsyncExtraData, getFormCapturedFileSize, getMimeType, getSession, hasLargeFile, images, isAndroid, isAudio, isCloudinaryLink, isFile, isGif, isImage, isImageUrl, isIOS, isIphoneX, isLenovo, isNativeFilePath, isNativeMobile, isNullOrUndefined, isOffline, isPhotoEdited, isSafari, isUnsplashUrl, isVideo, isWeb, moveToImageDirectory, pipes, read, showActionSheet, showAlert, showContextMenu, showModal, showToast, translate, translateMulti, updatePathSessionId, videos } from '@shared/utils';
 import { Build, Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { assign, assignInWith, clone, compact, intersection, isArray, isNumber, isUndefined, keys } from 'lodash-es';
 import { getPicture, getVideo, getVideoDevices, importMultipleFromLibrary, showAudioRecorder } from '../../../utils/helpers/camera-helpers';
@@ -1166,7 +1166,7 @@ export class YooFormCaptureComponent {
           return file;
         },
         (file) => {
-          if (isImage(file)) {
+          if (isImage(file) && !isImageUrl(file)) {
             return read(file, 'blob');
           }
           else if (isAudio(file) && !isNativeMobile()) {

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

@@ -42,9 +42,7 @@ export class YooFormCatalogComponent {
             this.value = {};
           }
         }
-        if (!isWeb(this.host)) {
-          this.addProducts(ev.detail);
-        }
+        this.addProducts(ev.detail);
       }
     }
   }
@@ -304,7 +302,7 @@ export class YooFormCatalogComponent {
   }
   renderEditable() {
     return (h("div", { class: "outer-container" },
-      h("yoo-form-autocomplete", { ref: (el) => (this.formAutocomplete = el), multiple: !this.isCheck, keepSelection: false, entityType: "products", displayType: "card-list", iconPrefix: "catalogue", onFetchData: (ev) => this.onFetchData(ev), onFetchFieldFilterData: (ev) => this.onFetchFieldFilterData(ev), onInputChanged: (ev) => this.onSelect(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.onAutoCompleteValidityChanged(ev), onWebAutocompleteClosed: (ev) => this.onWebAutocompleteClosed(ev), placeholder: translate('ADDPRODUCTTOBASKET'), tags: this.tags, isLocal: false, model: this.model, size: this.size }),
+      h("yoo-form-autocomplete", { ref: (el) => (this.formAutocomplete = el), multiple: !this.isCheck, keepSelection: true, entityType: "products", displayType: "card-list", iconPrefix: "catalogue", onFetchData: (ev) => this.onFetchData(ev), onFetchFieldFilterData: (ev) => this.onFetchFieldFilterData(ev), onInputChanged: (ev) => this.onSelect(ev), onInputBlurred: (ev) => this.onInputBlurred(ev), onInputFocused: (ev) => this.onInputFocused(ev), onValidityChanged: (ev) => this.onAutoCompleteValidityChanged(ev), onWebAutocompleteClosed: (ev) => this.onWebAutocompleteClosed(ev), placeholder: translate('ADDPRODUCTTOBASKET'), tags: this.tags, isLocal: false, model: this.model, size: this.size }),
       !this.disableScanner && h("div", { class: "or" }, translate('YOOBICOR')),
       !this.disableScanner && h("yoo-form-barcode", { onInputChanged: (ev) => this.onScanned(ev), placeholder: translate('SCANPRODUCTTOBASKET'), hideValue: true }),
       !this.selectorMode && this.notFoundError ? h("div", { class: "error", innerHTML: this.notFoundError }) : null,

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

@@ -25,11 +25,11 @@ export function onItemSelect(item, choiceElement, preventSetValue = false) {
   }
 }
 export function getColor(value, valuesColor, selection) {
-  if (valuesColor && value) {
-    if (!isSelected(value, selection))
-      return '';
-    return valuesColor.find(valueColor => valueColor.key === value).value || '';
+  var _a;
+  if ((valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.length) && value) {
+    return isSelected(value, selection) ? ((_a = valuesColor.find(({ key }) => key === value)) === null || _a === void 0 ? void 0 : _a.value) || '' : '';
   }
+  return '';
 }
 export function updateValue(newVal, oldVal, choiceElement, onSelectCall) {
   if (!isEqual(oldVal, newVal)) {

package/dist/collection/components/form/form-dynamic/form-dynamic.css

@@ -617,9 +617,15 @@ span.fr-img-caption.fr-view {
 :host(.inline-row) .inputs-container .field-placeholder:not(.custom-width) {
   width: 12.5rem;
 }
+:host(.inline-row) .inputs-container .field-placeholder.readonly {
+  width: fit-content;
+}
 :host(.inline-row) .inputs-container .field-placeholder.custom-width {
   width: auto;
 }
+:host(.inline-row) .inputs-container .field-placeholder.custom-width.readonly {
+  margin-left: -0.5rem;
+}
 :host(.inline-row) .inputs-container .field-placeholder.invisible {
   display: none;
 }
@@ -772,6 +778,9 @@ span.fr-img-caption.fr-view {
 :host yoo-progress-bar:not(.recap) {
   --progress-value-font-size: var(--font-size-14, 0.875rem);
 }
+:host .form-radio-label {
+  white-space: normal;
+}
 :host .answer-explanation-separator {
   height: 0.0625rem;
   margin: var(--spacing-16, 1rem) 0;
@@ -937,6 +946,7 @@ span.fr-img-caption.fr-view {
 }
 :host yoo-ion-slides yoo-ion-scroll.with-footer {
   bottom: var(--footer-height);
+  min-height: 100%;
 }
 :host yoo-form-recap-step.last {
   margin-bottom: var(--spacing-16, 1rem);
@@ -2489,7 +2499,7 @@ span.fr-img-caption.fr-view {
     page-break-inside: auto;
   }
 }
-:host(.readonly) .inputs-container {
+:host(.readonly:not(.inline-row)) .inputs-container {
   padding-top: var(--spacing-08, 0.5rem);
   padding-bottom: var(--spacing-08, 0.5rem);
 }

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

@@ -1,5 +1,5 @@
 import { FormFieldType, IncentivePartType } from '@shared/interfaces';
-import { answerIsValid, cancelRequestInterval, debounce, disableKeyboardResize, enableKeyboardResize, evalInContext, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPhotoOrMultiPhotosField, isPresent, isQuiz, isSafari, isSamsung, isTimedQuiz, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
+import { answerIsValid, cancelRequestInterval, debounce, disableKeyboardResize, enableKeyboardResize, evalInContext, findField, findParent, getConfidenceDescriptionKey, getConfidenceEmoji, getCssColor, getDistance, getFieldReplacement, getFieldValue, getModalAnimation, getSession, hasValue, isAndroid, isAnimationsDisabled, isChromeForIos, isConfidenceAssessment, isContentOnly, isFieldWithDirectValue, isFieldWithNoValue, isIonic, isIOS, isIphoneX, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isPhotoOrMultiPhotosField, isPresent, isQuiz, isSafari, isSamsung, isTimedQuiz, isValueATranslationKey, isVisible, isWeb, pipes, requestInterval, showContextMenu, showModal, showToast, slenderizeObject, translate, translateMulti, updateDatasetFilters } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
 import { assign, cloneDeep, compact, findLastIndex, flatten, get, groupBy, isArray, isEmpty, isEqual, isFunction, isNumber, isObject, isString, keys, orderBy, pick, range, result, uniqBy } from 'lodash-es';
 import { getMissionStatusIconName } from '../../../feature-operate/campaign/helpers/operation-helpers';
@@ -245,7 +245,7 @@ export class YooFormDynamicComponent {
         }
         case FormFieldType.grid: {
           const grid = el;
-          grid.updateValues(field.tmpValues, field.tmpTotal, field.gridCurrentSearch);
+          grid.updateValues(field.tmpValues, field.tmpTotal, (formSearch === null || formSearch === void 0 ? void 0 : formSearch.search) || field.gridCurrentSearch);
           break;
         }
         case FormFieldType.emailreport: {
@@ -1951,7 +1951,8 @@ export class YooFormDynamicComponent {
     }
     this.selectedTabIndex = ev.detail.nextIndex;
     this.activeIndex = this.selectedTabIndex;
-    this.tabChanged.emit(this.selectedTabIndex);
+    const selectedSlideIndex = this.slides.findIndex((s) => { var _a; return (s.value || s.title) === ((_a = this.tabs[this.selectedTabIndex || 0]) === null || _a === void 0 ? void 0 : _a.value); }) || 0;
+    this.tabChanged.emit({ tabIndex: this.selectedTabIndex, slideIndex: selectedSlideIndex });
     if (this.showVerticalTabs) {
       // we need to reset the validity because vertical tabs form are independant from each other
       this.validity = null;
@@ -2069,7 +2070,7 @@ export class YooFormDynamicComponent {
     return null;
   }
   renderInnerBody() {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const slides = this.getVisibleSlides();
     if (!slides || slides.length === 0) {
       return (h("div", { class: "no-slide-container" },
@@ -2091,19 +2092,25 @@ export class YooFormDynamicComponent {
         this.setTabSelectedValue(this.selectedTabIndex || 0);
         return [
           h("slot", { name: "start-before-tabs" }),
-          h("yoo-tabs", { class: { 'items-flex-start': true, small: true, 'community-editor': this.host.classList.contains('community-editor') }, vertical: this.showVerticalTabs, showBadges: this.showBadgesVerticalTabs, tabOpenedIndicator: this.tabOpenedIndicator, tabs: this.tabs, autoScroll: this.autoScrollTabs, initialIndex: this.selectedTabIndex || 0, onTabSelected: (ev) => this.onTabSelected(ev) }),
+          h("yoo-tabs", { class: {
+              'items-flex-start': true,
+              small: true,
+              'big-tabs': this.host.classList.contains('big-tabs'),
+              'tabs-padding-top': this.host.classList.contains('tabs-padding-top')
+            }, vertical: this.showVerticalTabs, showBadges: this.showBadgesVerticalTabs, tabOpenedIndicator: this.tabOpenedIndicator, tabs: this.tabs, autoScroll: this.autoScrollTabs, initialIndex: this.selectedTabIndex || 0, onTabSelected: (ev) => this.onTabSelected(ev) }),
           h("div", { class: "main-container" },
             h("slot", { name: "main-top" }),
             this.renderLeftPanelSecondary(selectedSlide),
             h("div", { class: {
                 'inputs-container-parent': true,
-                'grid-flex': !this.showWizard && ((_a = selectedSlide === null || selectedSlide === void 0 ? void 0 : selectedSlide.items) === null || _a === void 0 ? void 0 : _a.some((f) => f.type === FormFieldType.grid || f.type === FormFieldType.audience)),
+                'grid-flex': !this.showWizard && ((_b = (_a = selectedSlide === null || selectedSlide === void 0 ? void 0 : selectedSlide.items) === null || _a === void 0 ? void 0 : _a.filter((f) => this.getFieldVisibility(f))) === null || _b === void 0 ? void 0 : _b.some((f) => f.type === FormFieldType.grid || f.type === FormFieldType.audience)),
                 'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
                 'gridstack-no-scroll': this.useGridstack && this.gridstackItemNoScroll,
                 'lesson-detail-answer': (this.formType === 'lesson' && isWeb()) && this.showAnswers && !this.lessonStarted
               }, ref: (el) => (this.inputContainerParent[selectedSlideIndex] = el) },
+              h("slot", { name: "before-main-container" }),
               this.selectedTabIndexState > -1 && this.renderFormContentFields(selectedSlide, selectedSlideIndex, slides.length - 1),
-              ((_b = this.formExtraOptions) === null || _b === void 0 ? void 0 : _b.livePreview) && this.renderToolbar(selectedSlide))),
+              ((_c = this.formExtraOptions) === null || _c === void 0 ? void 0 : _c.livePreview) && this.renderToolbar(selectedSlide))),
           !this.host.classList.contains('no-slide-bottom-toolbar') && this.renderToolbar(selectedSlide)
         ];
       }
@@ -2114,11 +2121,13 @@ export class YooFormDynamicComponent {
             this.renderLeftPanelSecondary(slides[0]),
             h("div", { class: {
                 'inputs-container-parent': true,
-                'grid-flex': !this.showWizard && ((_d = (_c = slides[0]) === null || _c === void 0 ? void 0 : _c.items) === null || _d === void 0 ? void 0 : _d.some((f) => f.type === FormFieldType.grid || f.type === FormFieldType.audience)),
+                'grid-flex': !this.showWizard && ((_f = (_e = (_d = slides[0]) === null || _d === void 0 ? void 0 : _d.items) === null || _e === void 0 ? void 0 : _e.filter((f) => this.getFieldVisibility(f))) === null || _f === void 0 ? void 0 : _f.some((f) => f.type === FormFieldType.grid || f.type === FormFieldType.audience)),
                 'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
                 'gridstack-no-scroll': this.useGridstack && this.gridstackItemNoScroll,
                 'lesson-detail-answer': this.formType === 'lesson' && isWeb() && this.showAnswers && !this.lessonStarted
-              }, ref: (el) => (this.inputContainerParent[0] = el) }, this.renderFormContentFields(slides[0], 0, slides.length - 1))),
+              }, ref: (el) => (this.inputContainerParent[0] = el) },
+              h("slot", { name: "before-main-container" }),
+              this.renderFormContentFields(slides[0], 0, slides.length - 1))),
           !this.host.classList.contains('no-slide-bottom-toolbar') && this.renderToolbar(slides[0])
         ];
       }
@@ -2340,7 +2349,7 @@ export class YooFormDynamicComponent {
     }
   }
   renderFormContentFields(slide, slideIndex, slideLength) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     let isPreviousFieldReadonlyAndVisible;
     this.printedSlideTitle = null;
     // speed improvement
@@ -2361,13 +2370,13 @@ export class YooFormDynamicComponent {
           'textsequence': !!slide.items.filter((field) => field.type === FormFieldType.textsequence).length,
           'swipecards': !!slide.items.filter((field) => field.type === FormFieldType.swipecards).length,
           'confidence': !!slide.items.filter((field) => field.type === FormFieldType.confidence).length,
-          'grid-flex': !this.showWizard && (slideItems === null || slideItems === void 0 ? void 0 : slideItems.some((f) => f.type === FormFieldType.grid || f.type === FormFieldType.audience)),
+          'grid-flex': !this.showWizard && ((_c = slideItems === null || slideItems === void 0 ? void 0 : slideItems.filter((f) => this.getFieldVisibility(f))) === null || _c === void 0 ? void 0 : _c.some((f) => f.type === FormFieldType.grid || f.type === FormFieldType.audience)),
           'large': this.isFormCreatorBlock() || this.host.classList.contains('translate-dialog') || this.host.classList.contains('large'),
           'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
           'form-edit': this.useGridstack && !this.gridstackStatic,
           'full-overlay': this.gridstackFullOverlay,
           'gap': this.isInlineNarrow() // || fields?.some((f) => f.flex > 0)
-        }, config: ((_c = this.gridstackConfig) === null || _c === void 0 ? void 0 : _c.length) > slideIndex ? this.gridstackConfig[slideIndex] : null, static: this.gridstackStatic, resizable: this.gridstackResizable, float: this.gridstackFloat, cellHeight: this.gridstackCellHeight, autoHeight: this.useGridstack ? true : null, forceGridLines: this.gridstackForceGridLines, allowEdit: this.gridstackAllowEdit, allowDelete: this.gridstackAllowDelete, forceLoader: this.gridstackForceLoader, margin: 10, ref: (el) => {
+        }, config: ((_d = this.gridstackConfig) === null || _d === void 0 ? void 0 : _d.length) > slideIndex ? this.gridstackConfig[slideIndex] : null, static: this.gridstackStatic, resizable: this.gridstackResizable, float: this.gridstackFloat, cellHeight: this.gridstackCellHeight, autoHeight: this.useGridstack ? true : null, forceGridLines: this.gridstackForceGridLines, allowEdit: this.gridstackAllowEdit, allowDelete: this.gridstackAllowDelete, forceLoader: this.gridstackForceLoader, margin: 10, ref: (el) => {
           this.gridStacks[slideIndex] = el;
         }, onConfigUpdated: (ev) => this.onGridstackConfigUpdated(ev, slideIndex), onItemDropped: (ev) => this.onGridstackItemDropped(ev, slideIndex), onItemEdited: (ev) => this.onGridstackItemEdited(ev, slideIndex), onItemClicked: (ev) => this.onGridstackItemClicked(ev, slideIndex), onItemRemoved: (ev) => this.onGridstackItemRemoved(ev, slideIndex) },
         slideIndex === 0 ? h("slot", null) : null,
@@ -2384,8 +2393,8 @@ export class YooFormDynamicComponent {
             slideLength,
             useGridstack: this.useGridstack
           });
-        }), (_d = keys(fieldsPerSections)) === null || _d === void 0 ? void 0 :
-        _d.map((section) => {
+        }), (_e = keys(fieldsPerSections)) === null || _e === void 0 ? void 0 :
+        _e.map((section) => {
           var _a;
           let inputIndex = 0;
           const visible = fieldsPerSections[section].some((field) => this.getFieldVisibility(field));
@@ -2396,7 +2405,6 @@ export class YooFormDynamicComponent {
             fieldWithSectionHeader && (h("div", { class: { 'section-header': true, readonly: this.forceReadonly }, innerHTML: translateMulti(fieldWithSectionHeader.sectionHeader) })),
             visible && (h("yoo-collapsible", { isPdf: this.isPdf, collapsed: !this.isPdf && !this.forceCollapsibleOpen && !fieldsPerSections[section].some((field) => field.sectionExpanded), class: {
                 'form': true,
-                'dark': !this.isPdf,
                 'padding': !this.showVerticalTabs && !this.forceReadonly,
                 'no-scroll': this.useGridstack && this.gridstackItemNoScroll
               }, icon: fieldWithSectionIcon === null || fieldWithSectionIcon === void 0 ? void 0 : fieldWithSectionIcon.sectionIcon, iconColor: "dark", iconSize: "medium", header: translate(section), style: { zIndex: fieldsPerSections[section].some((field) => field.type === FormFieldType.querybuilder) ? '1' : undefined }, slot: this.useGridstack ? section : null },
@@ -2436,8 +2444,8 @@ export class YooFormDynamicComponent {
                 }));
               })))
           ];
-        }), (_e = keys(fieldsPerGroup)) === null || _e === void 0 ? void 0 :
-        _e.map((group) => {
+        }), (_f = keys(fieldsPerGroup)) === null || _f === void 0 ? void 0 :
+        _f.map((group) => {
           let inputIndex = 0;
           return [
             h("div", { class: {
@@ -2548,7 +2556,11 @@ export class YooFormDynamicComponent {
       slideTitle: renderSlideTitle ? slideTitle : null
     };
     const inlineStyle = {
-      width: isFieldVisible && field.width > 0 ? field.width + 'px' : null
+      width: !(isFieldVisible && field.width > 0)
+        ? null
+        : field.name === 'operator' && this.forceReadonly // Decrease the size of readonly operator fields
+          ? `${field.width / 1.4}px`
+          : `${field.width}px`
     };
     const isPhotoField = (field) => [FormFieldType.multiphotos, FormFieldType.image, FormFieldType.photo, FormFieldType.carousel].includes(field === null || field === void 0 ? void 0 : field.type);
     if (((previousField === null || previousField === void 0 ? void 0 : previousField.width) > 0 || (previousField === null || previousField === void 0 ? void 0 : previousField.flex) > 0) && !field.width && !field.flex && isFieldVisible) {
@@ -3270,7 +3282,11 @@ export class YooFormDynamicComponent {
           value: !isNullOrUndefined(value) ? value : field.fieldValue,
           idOnlyInitialSelection: field.tmpSelection,
           ...pick(field, fieldFields),
-          idOnly: !isNullOrUndefined(field.valuesColor) || !isNullOrUndefined(field.valuesIcon) ? true : field.idOnly,
+          idOnly: !(isNullOrUndefined(field.valuesColor) || !isNullOrUndefined(field.valuesIcon))
+            ? true
+            : !readonly
+              ? field.idOnly
+              : false,
           disabled,
           allowCreate,
           useUploader: field.useUploader,
@@ -3426,6 +3442,7 @@ export class YooFormDynamicComponent {
         extraAttrs = {
           shape: field.progressShape,
           maxValue: field.max,
+          animated: field.animated,
           value: value || field.progressValue,
           style: { '--trail-bar-color': 'var(--light)' }
         };
@@ -3506,7 +3523,7 @@ export class YooFormDynamicComponent {
         };
         break;
       case FormFieldType.textarea:
-        if (field.language === 'html' && (isWeb(this.host) || readonly)) {
+        if (field.useRichText || (field.language === 'html' && (isWeb(this.host) || readonly))) {
           TagType = 'yoo-form-text-editor';
         }
         else {
@@ -4114,6 +4131,7 @@ export class YooFormDynamicComponent {
           initialQuery: value,
           entityType: field.entityType || field.collectionName,
           isFormField: true,
+          isReadonly: readonly,
           field,
           showGlobalActions: true,
           scrollable: field.gridScrollable !== false,
@@ -4135,7 +4153,7 @@ export class YooFormDynamicComponent {
           onFetchData: (ev) => {
             ev.stopPropagation();
             field.gridCurrentSearch = ev.detail;
-            this.fieldFetchData.emit({ field, search: field.gridCurrentSearch });
+            this.fieldFetchData.emit({ field, search: ev.detail });
           },
           onTagsSelect: (ev) => {
             ev.stopPropagation();
@@ -4519,26 +4537,9 @@ export class YooFormDynamicComponent {
     if (field.type === FormFieldType.recurrence) {
       const { validity } = getFieldState(field, this.fieldsState);
       const PreviewButton = ({ slot }) => (h("yoo-button", { animated: true, color: "app-color", disabled: !validity, fill: "transparent", size: "small", slot: slot, onClick: () => {
-          const animationKeyframes = [{ transform: 'translateX(0)' }, { transform: 'translateX(100%)' }];
-          const animationOptions = { duration: 300, fill: 'forwards' };
-          const modal = findParent(this.host, '.modal-wrapper') || findParent(this.host, '.modal-fullscreen');
-          const form = modal.children[0];
-          let preview = modal.querySelector('yoo-form-recurrence-preview');
-          if (preview) {
-            preview.style.display = '';
-          }
-          else {
-            preview = document.createElement('yoo-form-recurrence-preview');
-            preview.addEventListener('close', async () => {
-              await preview.animate(animationKeyframes, animationOptions).finished;
-              preview.style.display = 'none';
-              form.style.display = '';
-            });
-            modal.appendChild(preview);
-          }
-          form.style.display = 'none';
+          const preview = document.createElement('yoo-form-recurrence-preview');
           preview.value = getFieldValue(field, this.currentData, this.suffix);
-          preview.animate(animationKeyframes, { ...animationOptions, direction: 'reverse' });
+          showModal(preview, null, null, getModalAnimation('Enter', 'X', true), getModalAnimation('Leave', 'X', true), true);
         } },
         h("yoo-icon", { color: "app-color", name: "eye", size: "small", slot: "start" }),
         translate('PREVIEW')));
@@ -6085,8 +6086,8 @@ export class YooFormDynamicComponent {
         "text": ""
       },
       "complexType": {
-        "original": "number",
-        "resolved": "number",
+        "original": "{ tabIndex: number, slideIndex: number }",
+        "resolved": "{ tabIndex: number; slideIndex: number; }",
         "references": {}
       }
     }, {

package/dist/collection/components/form/form-entity-value-pairs/form-entity-value-pairs.js

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