@yoobic/yobi 8.2.0-18 → 8.2.0-20

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-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();
@@ -4398,7 +4416,8 @@ export class YooFormDynamicComponent {
           heading: field.heading,
           values: field.values,
           livePreview: this.isLessonPreview(),
-          isVisible: this.isCurrentSlide(slideIndex)
+          isVisible: this.isCurrentSlide(slideIndex),
+          isAnimationFinished: this.isAnimationFinished
         };
         break;
       case FormFieldType.feedpreview:
@@ -4519,26 +4538,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 +6087,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",

package/dist/collection/components/form/form-input-container/form-input-container.css

@@ -993,6 +993,12 @@ span.fr-img-caption.fr-view {
   display: block;
   margin-top: var(--spacing-08, 0.5rem);
 }
+:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-input).inline,
+:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-image-tagging).inline,
+:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-ranking).inline,
+:host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-autocomplete).inline {
+  margin-top: 0;
+}
 :host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-categorize-words),
 :host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-connect),
 :host(.readonly:not(.forcedhistory):not(.custom-width)) ::slotted(yoo-form-swipe-cards) {
@@ -1000,6 +1006,14 @@ span.fr-img-caption.fr-view {
   margin-top: var(--spacing-16, 1rem);
 }
 
+:host(.readonly.custom-width.inline-row:not(.label-top-aligned)) .top-container {
+  justify-content: center;
+}
+
+:host(.readonly.inline-row:not(.label-top-aligned)) ::slotted(yoo-form-autocomplete) {
+  margin-top: 0;
+}
+
 :host(:not(.lesson).readonly) {
   --field-title-font-weight: var(--font-weight-700, 700);
 }
@@ -1084,7 +1098,9 @@ span.fr-img-caption.fr-view {
   height: 100%;
 }
 :host(.textsequence) .top-container .content-container ::slotted(yoo-text-sequence) {
+  max-width: 40rem;
   height: 100%;
+  margin: 0 auto;
 }
 
 :host(.mobile) .content-container .removable {
@@ -1188,6 +1204,17 @@ span.fr-img-caption.fr-view {
   padding-top: var(--label-padding-top);
 }
 
+:host(.web.operator) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 2rem;
+  padding: 0;
+}
+:host(.web.operator) .top-container .content-container {
+  padding: 0 0 var(--spacing-04, 0.25rem) 0;
+}
+
 .fr-view h1, .fr-view h2, .fr-view h3, .fr-view h4, .fr-view h5, .fr-view h6 {
   margin: 0;
   padding: 0;
@@ -1287,9 +1314,16 @@ span.fr-img-caption.fr-view {
   min-width: 5rem;
   margin-right: var(--spacing-08, 0.5rem);
 }
+:host(.inline-row:not(.label-top-aligned)) .top-container .label.readonly {
+  min-width: fit-content;
+  padding-top: 0;
+}
 :host(.inline-row:not(.label-top-aligned)) .top-container .content-container {
   width: 100%;
 }
+:host(.inline-row:not(.label-top-aligned)) .top-container .content-container.readonly {
+  width: fit-content;
+}
 
 :host(.inline-row.label-right-aligned) .top-container .label > span {
   width: 100%;

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

@@ -438,7 +438,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   overflow: hidden;
   white-space: nowrap;
 }
-:host label yoo-tooltip {
+:host yoo-tooltip {
   padding-left: var(--spacing-08, 0.5rem);
 }
 

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

@@ -65,10 +65,10 @@ export class YooFormRadioComponent {
       h("slot", { name: (_a = this.options.findIndex((option) => this.value === option)) === null || _a === void 0 ? void 0 : _a.toString() }))) : ((_c = (_b = this.options) === null || _b === void 0 ? void 0 : _b.map((option, index) => ({ option, id: index.toString() }))) === null || _c === void 0 ? void 0 : _c.map(({ option, id }, index) => (h("div", null,
       h("input", { checked: this.value === option, disabled: this.disabled, id: id, name: this.name, required: this.required, type: "radio", value: typeof option === 'boolean' ? option.toString() : option, onChange: this.onChange.bind(this, option) }),
       h("label", { htmlFor: id },
-        h("slot", { name: id }),
-        this.helpers && this.helpers[index] &&
-          h("yoo-tooltip", { hoverable: true, placement: "bottom", content: this.helpers[index] },
-            h("yoo-icon", { name: "info", color: "stable", size: "small" })))))));
+        h("slot", { name: id })),
+      this.helpers && this.helpers[index] &&
+        h("yoo-tooltip", { hoverable: true, placement: "bottom", content: this.helpers[index] },
+          h("yoo-icon", { name: "info", color: "stable", size: "small" }))))));
   }
   static get is() { return "yoo-form-radio"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/form/form-recurrence-preview/form-recurrence-preview.css

@@ -206,6 +206,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   flex-direction: column;
   height: 100%;
   background-color: var(--light, #ffffff);
+  box-shadow: var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));
 }
 :host footer {
   display: flex;

package/dist/collection/components/form/form-recurrence-preview/form-recurrence-preview.js

@@ -1,5 +1,6 @@
-import { getNextRecurrences, guessCurrentTimezone, pipes, TIMEZONES, translate } from '@shared/utils';
-import { Component, Event, h, Host, Prop } from '@stencil/core';
+import { closeModal, getNextRecurrences, guessCurrentTimezone, pipes, TIMEZONES, translate } from '@shared/utils';
+import { Component, Element, Event, h, Host, Prop } from '@stencil/core';
+import { getAppContext } from '../../../utils/helpers/common-helpers';
 const EmptyState = () => [h("yoo-empty-state", null), h("p", null, translate('LISTEMPTY'))];
 const Recurrences = ({ dates, label }) => (h("div", { class: "recurrences" },
   h("h1", null, translate(label)),
@@ -31,16 +32,17 @@ export class YooFormRecurrencePreviewComponent {
   }
   finish() {
     this.close.emit();
+    closeModal(null);
   }
   render() {
     const recurrences = getNextRecurrences(this.value, { max: this.max, timezone: this.timezone });
     const hasRecurrences = !!(recurrences === null || recurrences === void 0 ? void 0 : recurrences.length);
-    return (h(Host, null,
+    return (h(Host, { class: { ...getAppContext(this.host) } },
       h("header", null,
         h("yoo-navbar", null,
           h("yoo-items", { slot: "start" },
             h("yoo-button", { animated: true, color: "stable", fill: "transparent", rippleType: "unbounded", shape: "circular", onClick: () => this.finish() },
-              h("yoo-icon", { color: "stable", name: "left" }))),
+              h("yoo-icon", { color: "stable", name: "close" }))),
           h("yoo-truncate", null, translate('RECURRENCEPREVIEWTITLE')))),
       h("main", { class: { empty: !hasRecurrences } },
         hasRecurrences && h(Timezones, { value: this.timezone, values: TIMEZONES, onUpdate: (timezone) => (this.timezone = timezone) }),
@@ -133,4 +135,5 @@ export class YooFormRecurrencePreviewComponent {
         "references": {}
       }
     }]; }
+  static get elementRef() { return "host"; }
 }

package/dist/collection/components/form/form-star-rating/form-star-rating.css

@@ -270,8 +270,8 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: 30px;
-  height: 30px;
+  min-width: 1.875rem;
+  height: 1.875rem;
   color: var(--dark, #000000);
   font-size: var(--font-size-14, 0.875rem);
   background: var(--stable-light, #f1f1f1);

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

@@ -382,7 +382,7 @@ export class YooFormTableComponent {
       "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-text-editor/form-text-editor.css

@@ -218,4 +218,10 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host(.link) yoo-links-preview {
   order: 2;
+}
+
+:host(.android) .container.fullscreen {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
 }