@yoobic/yobi 8.6.0-5 → 8.6.0-6

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

@@ -152,3 +152,12 @@ export function hasKeyboardInput(fieldType) {
       return false;
   }
 }
+export function getSlideIndexFromTabs(slides, tabs, tabIndex) {
+  const tab = tabs === null || tabs === void 0 ? void 0 : tabs[tabIndex || 0];
+  return Math.max((slides === null || slides === void 0 ? void 0 : slides.findIndex((s) => {
+    if (s._id) {
+      return s._id === (tab === null || tab === void 0 ? void 0 : tab.id);
+    }
+    return (s.value || s.title) === (tab === null || tab === void 0 ? void 0 : tab.value);
+  })) || 0, 0);
+}

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

@@ -397,7 +397,7 @@ export class YooFormInputContainerComponent {
         "mutable": false,
         "complexType": {
           "original": "FormDynamicType",
-          "resolved": "\"feed\" | \"form-creator-announcement\" | \"form-creator-block\" | \"form-creator-preview\" | \"form-creator-preview-kanban\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"kanban\" | \"lesson\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission\" | \"mission-validation\" | \"poll\" | \"service\" | \"todo\" | \"visit\" | \"waitlist\" | \"workflow\"",
+          "resolved": "\"feed\" | \"form-creator-announcement\" | \"form-creator-block\" | \"form-creator-preview\" | \"form-creator-preview-kanban\" | \"form-creator-preview-lesson\" | \"form-creator-preview-workflow\" | \"kanban\" | \"lesson\" | \"lesson-creator-block\" | \"lesson-detail\" | \"lesson-question-result\" | \"mission\" | \"mission-validation\" | \"poll\" | \"service\" | \"todo\" | \"visit\" | \"waitlist\" | \"workflow\"",
           "references": {
             "FormDynamicType": {
               "location": "import",

package/dist/collection/components/form/form-text-area/form-text-area.js

@@ -207,10 +207,14 @@ export class YooFormTextAreaComponent {
     }
   }
   onInputChanged() {
-    var _a, _b;
-    const value = this.inputEl && this.inputEl.value ? this.inputEl.value : null;
-    this.emitValueAndSetValidity(value, this, null, this.validateInput, false, ((_a = this.translationKey) === null || _a === void 0 ? void 0 : _a.length) > 0);
-    if (((_b = this.translationKey) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+    var _a, _b, _c;
+    let value = ((_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.value) || null;
+    if (this.sanitizeValue) {
+      value = this.sanitizeInputValue(value);
+      this.inputEl.value = value;
+    }
+    this.emitValueAndSetValidity(value, this, null, this.validateInput, false, ((_b = this.translationKey) === null || _b === void 0 ? void 0 : _b.length) > 0);
+    if (((_c = this.translationKey) === null || _c === void 0 ? void 0 : _c.length) > 0) {
       this.translationValueUpdated.emit({ key: this.translationKey, value });
     }
     this.updateSegmentsCountDebounce();
@@ -419,7 +423,7 @@ export class YooFormTextAreaComponent {
           }
           ev.preventDefault();
         }, contenteditable: "true", placeholder: translate(this.placeholder), readonly: this.readonly, rows: this.rows, onBlur: (ev) => onInputBlurred(ev, this, 'textarea'), onInput: () => this.onInputChanged(), onFocus: () => this.onInputFocused('textarea'), onKeyPress: (ev) => this.onKeyPress(ev), onKeyDown: (ev) => this.onKeyDown(ev), onTouchStart: (ev) => ev.stopPropagation(), tabindex: this.inputTabIndex }),
-      this.clearable && (h("div", { class: { 'icon-suffix-focus last icon-close': true }, style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) }, h("yoo-icon", { size: this.getIconSize(), name: "cross" })))
+      this.clearable && (h("div", { class: "icon-suffix-focus last icon-close", style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) }, h("yoo-icon", { size: this.getIconSize(), name: "cross" })))
     ];
   }
   renderEditable() {

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

@@ -310,6 +310,7 @@ svg:not(:root) {
   min-width: 25rem;
   max-width: 58.75rem;
   height: 100%;
+  max-height: calc(100% - var(--spacing-32, 2rem));
   margin: auto;
   padding: var(--spacing-16, 1rem);
   /* Track */
@@ -434,4 +435,11 @@ svg:not(:root) {
 }
 :host yoo-accordion {
   --title-icon-color: var(--stable-alt, #d0d0d0);
+}
+
+:host([show-pages-section]) .form-content-blocks-container yoo-ion-scroll {
+  max-height: calc(100% - 5.75rem);
+}
+:host([show-pages-section]) .form-content-blocks-container yoo-ion-scroll.pages-accordion-open {
+  max-height: calc(100% - 10.75rem);
 }

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

@@ -21,7 +21,6 @@ export class YooFormCreatorComponent {
     this.hasLeftMenuOptionChanged = false;
     this.fieldsWithScoring = [];
     this.selectedScoringIndex = 0;
-    this.isPagesAccordionOpen = true;
     this.hasAdditionBeenClicked = false;
     this.infiniteScrolls = [];
     // This is needed to store any new conditions that are yet to be attached to a field so that they do not dissapear on rerender
@@ -194,6 +193,7 @@ export class YooFormCreatorComponent {
     this.newCustomFormFieldSelectionMode = undefined;
     this.expandedFieldName = undefined;
     this.shouldRenderLeftSelectionContent = true;
+    this.isPagesAccordionOpen = true;
   }
   get isTranslatorForm() {
     var _a;
@@ -711,6 +711,73 @@ export class YooFormCreatorComponent {
       this.haveTranslationsUpdated = false;
     }
   }
+  async showTranslationDialog(event, selectedFieldLocation = null) {
+    var _a;
+    let refreshForms = false;
+    if (event) {
+      selectedFieldLocation = selectedFieldLocation === null ? findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
+    }
+    else if (!selectedFieldLocation) {
+      selectedFieldLocation = { slideIndex: 0, itemIndex: 0 };
+    }
+    this.formCreatorTranslateDialog = document.createElement('yoo-form-creator-translate-dialog');
+    this.formCreatorTranslateDialog.baseLanguage = this.baseLanguage;
+    this.formCreatorTranslateDialog.translatedLanguages = (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.languages;
+    this.formCreatorTranslateDialog.allLanguages = this.allLanguages;
+    if (this.translations && this.translations.length > 0) {
+      refreshForms = true;
+      this.formCreatorTranslateDialog.isTranslator = this.isTranslator;
+      this.formCreatorTranslateDialog.disableNewLanguageButton = this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null;
+      this.formCreatorTranslateDialog.translations = this.translations;
+      this.formCreatorTranslateDialog.slides = formatSlides(this.currentSlides, true);
+      this.formCreatorTranslateDialog.initialSelectedFieldLocation = selectedFieldLocation;
+      this.formCreatorTranslateDialog.addEventListener('translationUpdated', (ev) => {
+        ev.stopPropagation();
+        this.translationUpdated.emit(ev.detail);
+      });
+      this.formCreatorTranslateDialog.addEventListener('languageChanged', (ev) => {
+        ev.stopPropagation();
+        this.translateDialogLanguageChanged.emit(ev.detail);
+      });
+      this.formCreatorTranslateDialog.addEventListener('translateValue', (ev) => {
+        this.translateValue.emit(ev.detail);
+      });
+    }
+    else {
+      this.formCreatorTranslateDialog.mode = 'createInitial';
+      this.formCreatorTranslateDialog.addEventListener('selectedLanguagesChanged', (ev) => {
+        this.selectedLanguagesChanged.emit(ev.detail);
+      });
+      this.formCreatorTranslateDialog.addEventListener('baseLanguageChanged', (ev) => {
+        this.baseLanguageChanged.emit(ev.detail);
+      });
+    }
+    showModal({
+      component: this.formCreatorTranslateDialog,
+      cssClass: 'visible-overflow responsive',
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
+      var _a, _b, _c, _d;
+      this.translateDialogClosed.emit({ refreshForms });
+      if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
+        this.translateNewLanguages([], false, selectedFieldLocation);
+      }
+      else if ((_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.addNewLanguage) {
+        this.showChangeLanguageTranslationDialog(event, selectedFieldLocation);
+      }
+      else {
+        this.reloadLivePreview.emit();
+        if (this.livePreviewElement) {
+          this.livePreviewElement.missionDescriptionTitle = translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
+        }
+        if (this.formCreatorHeader) {
+          this.formCreatorHeader.formTitle = translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
+        }
+      }
+    });
+  }
   async addPageCondition(condition, slideIndex) {
     if (this.currentSlides[slideIndex].condition) {
       const currentCondition = [...this.currentSlides[slideIndex].condition, condition];
@@ -886,14 +953,6 @@ export class YooFormCreatorComponent {
       this.currentSlides = setParentConditions(this.currentSlides);
       this.updateGlobalActions();
       this.hasLoaded.emit();
-      // Sometimes the container is scrolled down and because of overflow:hidden can't be scrolled back to top.
-      // Following interval watch the container scrollTop and scroll back to top if needed.
-      this.containerElWatch = setInterval(() => {
-        var _a;
-        if (((_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.scrollTop) > 0) {
-          this.containerEl.scrollTop = 0;
-        }
-      }, 1000);
     }
     this.hasLoaded.emit();
   }
@@ -1041,73 +1100,6 @@ export class YooFormCreatorComponent {
       });
     }
   }
-  showTranslationDialog(event, selectedFieldLocation = null) {
-    var _a;
-    let refreshForms = false;
-    if (event) {
-      selectedFieldLocation = selectedFieldLocation === null ? findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
-    }
-    else if (!selectedFieldLocation) {
-      selectedFieldLocation = { slideIndex: 0, itemIndex: 0 };
-    }
-    this.formCreatorTranslateDialog = document.createElement('yoo-form-creator-translate-dialog');
-    this.formCreatorTranslateDialog.baseLanguage = this.baseLanguage;
-    this.formCreatorTranslateDialog.translatedLanguages = (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.languages;
-    this.formCreatorTranslateDialog.allLanguages = this.allLanguages;
-    if (this.translations && this.translations.length > 0) {
-      refreshForms = true;
-      this.formCreatorTranslateDialog.isTranslator = this.isTranslator;
-      this.formCreatorTranslateDialog.disableNewLanguageButton = this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null;
-      this.formCreatorTranslateDialog.translations = this.translations;
-      this.formCreatorTranslateDialog.slides = formatSlides(this.currentSlides, true);
-      this.formCreatorTranslateDialog.initialSelectedFieldLocation = selectedFieldLocation;
-      this.formCreatorTranslateDialog.addEventListener('translationUpdated', (ev) => {
-        ev.stopPropagation();
-        this.translationUpdated.emit(ev.detail);
-      });
-      this.formCreatorTranslateDialog.addEventListener('languageChanged', (ev) => {
-        ev.stopPropagation();
-        this.translateDialogLanguageChanged.emit(ev.detail);
-      });
-      this.formCreatorTranslateDialog.addEventListener('translateValue', (ev) => {
-        this.translateValue.emit(ev.detail);
-      });
-    }
-    else {
-      this.formCreatorTranslateDialog.mode = 'createInitial';
-      this.formCreatorTranslateDialog.addEventListener('selectedLanguagesChanged', (ev) => {
-        this.selectedLanguagesChanged.emit(ev.detail);
-      });
-      this.formCreatorTranslateDialog.addEventListener('baseLanguageChanged', (ev) => {
-        this.baseLanguageChanged.emit(ev.detail);
-      });
-    }
-    showModal({
-      component: this.formCreatorTranslateDialog,
-      cssClass: 'visible-overflow responsive',
-      enterAnimation: 'fadeEnterAnimation',
-      leaveAnimation: 'fadeLeaveAnimation',
-      showBackdrop: true
-    }).then((ret) => {
-      var _a, _b, _c, _d;
-      this.translateDialogClosed.emit({ refreshForms });
-      if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
-        this.translateNewLanguages([], false, selectedFieldLocation);
-      }
-      else if ((_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.addNewLanguage) {
-        this.showChangeLanguageTranslationDialog(event, selectedFieldLocation);
-      }
-      else {
-        this.reloadLivePreview.emit();
-        if (this.livePreviewElement) {
-          this.livePreviewElement.missionDescriptionTitle = translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
-        }
-        if (this.formCreatorHeader) {
-          this.formCreatorHeader.formTitle = translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
-        }
-      }
-    });
-  }
   showChangeLanguageTranslationDialog(event, selectedFieldLocation) {
     var _a;
     const formCreatorTranslateDialogLanguageSelector = document.createElement('yoo-form-creator-translate-dialog');
@@ -1613,11 +1605,10 @@ export class YooFormCreatorComponent {
     }
   }
   onMainContentScrolled(event) {
-    if (event) {
-      this.scrollContent.emit(event.detail);
-      if (this.pagesAccordion && (event.detail.scrollTop > 200 ? this.isPagesAccordionOpen : !this.isPagesAccordionOpen) && !this.isPageReordering && this.hasPageChanged === -1) {
-        this.pagesAccordion.clickAccordion(0);
-      }
+    var _a, _b;
+    const scrollableHeight = ((_a = this.mainContentScrollElement) === null || _a === void 0 ? void 0 : _a.scrollHeight) - ((_b = this.mainContentScrollElement) === null || _b === void 0 ? void 0 : _b.clientHeight);
+    if (event && this.pagesAccordion && ((event.detail.scrollTop && event.detail.scrollTop === scrollableHeight) ? this.isPagesAccordionOpen : !this.isPagesAccordionOpen) && !this.isPageReordering && this.hasPageChanged === -1) {
+      this.pagesAccordion.clickAccordion(0);
     }
   }
   onPagesAccordionSelected(event) {
@@ -2330,7 +2321,7 @@ export class YooFormCreatorComponent {
           selected: true,
           actionButtons: isScoring(this.selectedLeftMenuOption) ? [] : [...actionButtons]
         }
-      ], iconPairLeft: ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index) => (h("div", { slot: index === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, h("yoo-ion-scroll", { ref: (el) => {
+      ], iconPairLeft: ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index) => (h("div", { slot: index === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, h("yoo-ion-scroll", { class: { 'pages-accordion-open': this.isPagesAccordionOpen }, ref: (el) => {
         if (index === this.selectedPageIndex) {
           this.mainContentScrollElement = el;
         }
@@ -2408,7 +2399,7 @@ export class YooFormCreatorComponent {
     return (h("div", { class: "form-dynamic-container" }, h("yoo-header", null, h("yoo-navbar", null, h("yoo-truncate", null, translateMulti((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title))))));
   }
   render() {
-    return (h(Host, { class: getAppContext(this.host) }, h("div", { class: "container", ref: (el) => (this.containerEl = el) }, this.renderHeader(), this.renderContent(), this.renderOverlays())));
+    return (h(Host, { class: getAppContext(this.host) }, h("div", { class: "container" }, this.renderHeader(), this.renderContent(), this.renderOverlays())));
   }
   static get is() { return "yoo-form-creator"; }
   static get encapsulation() { return "shadow"; }
@@ -2634,7 +2625,7 @@ export class YooFormCreatorComponent {
           "text": "Desines whether to show pages section."
         },
         "attribute": "show-pages-section",
-        "reflect": false,
+        "reflect": true,
         "defaultValue": "true"
       },
       "baseLanguage": {
@@ -2878,7 +2869,8 @@ export class YooFormCreatorComponent {
       "forceFieldRerender": {},
       "newCustomFormFieldSelectionMode": {},
       "expandedFieldName": {},
-      "shouldRenderLeftSelectionContent": {}
+      "shouldRenderLeftSelectionContent": {},
+      "isPagesAccordionOpen": {}
     };
   }
   static get events() {
@@ -3497,26 +3489,6 @@ export class YooFormCreatorComponent {
           "resolved": "void",
           "references": {}
         }
-      }, {
-        "method": "scrollContent",
-        "name": "scrollContent",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emits an event when the form-creator content is triggered"
-        },
-        "complexType": {
-          "original": "IScrollDetail",
-          "resolved": "IScrollDetail",
-          "references": {
-            "IScrollDetail": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        }
       }, {
         "method": "createNewRestrictionClicked",
         "name": "createNewRestrictionClicked",
@@ -3942,6 +3914,38 @@ export class YooFormCreatorComponent {
           "tags": []
         }
       },
+      "showTranslationDialog": {
+        "complexType": {
+          "signature": "(event?: CustomEvent<{ name: string; }>, selectedFieldLocation?: { slideIndex: number; itemIndex: number; }) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "CustomEvent": {
+              "location": "global"
+            },
+            "HTMLYooFormCreatorTranslateDialogElement": {
+              "location": "global"
+            },
+            "ITranslation": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
       "addPageCondition": {
         "complexType": {
           "signature": "(condition: ICondition, slideIndex: number) => Promise<void>",

package/dist/collection/components/form-creator/form-creator-live-preview/form-creator-live-preview.js

@@ -23,7 +23,8 @@ export class YooFormCreatorLivePreviewComponent {
     forceUpdate(this);
   }
   componentWillLoad() {
-    this.onDeviceClick('iphone-x', false);
+    var _a;
+    this.onDeviceClick(((_a = this.selectedDevice) === null || _a === void 0 ? void 0 : _a.device) || 'iphone-x', false);
   }
   componentDidUpdate() {
     this.deviceChanged.emit({ loaded: true });
@@ -335,14 +336,29 @@ export class YooFormCreatorLivePreviewComponent {
         },
         "attribute": "hide-heading",
         "reflect": false
+      },
+      "selectedDevice": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IDeviceEntry",
+          "resolved": "IDeviceEntry",
+          "references": {
+            "IDeviceEntry": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       }
     };
   }
-  static get states() {
-    return {
-      "selectedDevice": {}
-    };
-  }
   static get events() {
     return [{
         "method": "shared",

package/dist/collection/components/form-creator/form-creator-translate/form-creator-translate.js

@@ -515,7 +515,7 @@ export class YooFormCreatorTranslateComponent {
           isVisible: () => this.hasTranslations
         }
       ], disabled: this.areTranslationsLocked })), this.hasTranslations && !this.areTranslationsLocked && (h("yoo-tooltip", { hoverable: true, placement: "bottom", content: translate(this.disableNewLanguageButton ? this.disableNewLanguageButton : 'ADDNEWLANGUAGE'), class: "no-pointer" }, h("yoo-button", { disabled: ((_a = this.disableNewLanguageButton) === null || _a === void 0 ? void 0 : _a.length) > 0, size: "medium", shape: "square", onClick: () => this.onAddNewLanguageClicked() }, h("yoo-icon", { slot: "start", size: "small", name: "plus" })))), !this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (this.disableTranslateButton ? h("yoo-tooltip", { hoverable: true, placement: "bottom", content: translate(this.disableTranslateButton), class: "no-pointer" }, h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_b = this.selectedLanguages) === null || _b === void 0 ? void 0 : _b.includes(this.baseLanguage)) || ((_c = this.disableTranslateButton) === null || _c === void 0 ? void 0 : _c.length) > 0, onClick: () => this.onTranslateAll() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATE'))) :
-      h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_d = this.selectedLanguages) === null || _d === void 0 ? void 0 : _d.includes(this.baseLanguage)) || ((_e = this.disableTranslateButton) === null || _e === void 0 ? void 0 : _e.length) > 0, onClick: () => this.onTranslateAll() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATE'))), h("span", { class: "placeholder" }), this.showBilingualView && this.hasTranslations && (h("yoo-button", { color: "app-color", size: "medium", shape: "rectangular", onClick: () => this.bilingualViewClicked.emit() }, h("yoo-icon", { name: "eye", slot: "start", size: "small" }), translate('BILINGUAL'))), this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (h("yoo-button", { size: "medium", shape: "rectangular", onClick: () => this.onTranslateNewFields() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATENEWFIELDS'))), !this.isTranslator && h("yoo-context-menu", { contentButtons: this.exportActions }, h("yoo-button", { color: "stable" }, h("yoo-icon", { name: "more" })))), ((_f = this.missionDescription) === null || _f === void 0 ? void 0 : _f.lockTranslations) && this.renderTranslationLock(), this.renderTranslationGrid()));
+      h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_d = this.selectedLanguages) === null || _d === void 0 ? void 0 : _d.includes(this.baseLanguage)) || ((_e = this.disableTranslateButton) === null || _e === void 0 ? void 0 : _e.length) > 0, onClick: () => this.onTranslateAll() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATE'))), h("span", { class: "placeholder" }), this.showBilingualView && this.hasTranslations && (h("yoo-button", { color: "app-color", size: "medium", shape: "rectangular", onClick: () => this.bilingualViewClicked.emit() }, h("yoo-icon", { name: "eye", slot: "start", color: "light", size: "small" }), translate('BILINGUAL'))), this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (h("yoo-button", { size: "medium", shape: "rectangular", onClick: () => this.onTranslateNewFields() }, h("yoo-icon", { name: "translate", slot: "start", size: "small" }), translate('TRANSLATENEWFIELDS'))), !this.isTranslator && h("yoo-context-menu", { contentButtons: this.exportActions }, h("yoo-button", { color: "stable" }, h("yoo-icon", { name: "more" })))), ((_f = this.missionDescription) === null || _f === void 0 ? void 0 : _f.lockTranslations) && this.renderTranslationLock(), this.renderTranslationGrid()));
   }
   static get is() { return "yoo-form-creator-translate"; }
   static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-creator/helpers/index.js

@@ -323,8 +323,8 @@ export function getDefaultField(field, type) {
   }
   if (field.type === FormFieldType.photo || field.type === FormFieldType.multiphotos) {
     newField.allowLibrary = true;
-    newField.allowUnsplash = true;
-    newField.allowGif = true;
+    newField.allowUnsplash = false;
+    newField.allowGif = false;
   }
   if (field.type === FormFieldType.information) {
     newField.value = '';
@@ -335,6 +335,9 @@ export function getDefaultField(field, type) {
   if (type === 'lesson') {
     newField.required = true;
   }
+  if (type === 'mission' && [FormFieldType.number, FormFieldType.slider].includes(field.type)) {
+    newField.allowDecimals = true;
+  }
   return newField;
 }
 export function setParentConditions(slides) {

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

@@ -4355,4 +4355,8 @@ svg:not(:root) {
 :host(.rtl.widget.framed) .frame-container .frame-header .row .icon-container {
   margin-right: var(--spacing-08, 0.5rem);
   margin-left: 0;
+}
+
+:host(.missions.emulate-preview) {
+  padding-bottom: 2.5rem;
 }

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

@@ -1,7 +1,7 @@
 import { CALENDAR_VIEW_IDS, EMPTYSTATE_TEXT_MAP, EMPTYSTATE_TITLE_MAP, FormFieldType, FormFilterAutocompleteOperator } from '@shared/interfaces';
 import { dispatchCustomEvent, filterListByText, getAsyncExtraData, getAuthentication, getSession, HorizontalSlidesAnimation, isAnimationsDisabled, isAutocompleteLocalField, isDateTimeField, isEmail, isFirefox, isForceScrollbar, isMapField, isNullOrUndefined, isNumberField, isOffline, isPresent, isWeb, MONGODB_ID_REGEX, pipes, safeScrollIntoView, showActionSheet, showModal, toButton, translate, translateMulti } from '@shared/utils';
 import { forceUpdate, h, Host } from '@stencil/core';
-import { compact, debounce, findIndex, get, isArray, isBoolean, isEmpty, isEqual, isFunction, isNumber, isString, map, range, sortBy, sum } from 'lodash-es';
+import { compact, debounce, findIndex, get, isArray, isBoolean, isEmpty, isEqual, isFunction, isNil, isNumber, isString, map, range, sortBy, sum } from 'lodash-es';
 import { isObject } from 'lodash-es';
 import Sortable from 'sortablejs';
 import { ItemSlidingType } from '../../../interfaces';
@@ -53,6 +53,7 @@ export class YooGridComponent {
     };
     this.direction = undefined;
     this.tabs = undefined;
+    this.initialTabIndex = undefined;
     this.isLocal = false;
     this.isPdf = undefined;
     this.displayTypes = undefined;
@@ -2358,13 +2359,13 @@ export class YooGridComponent {
       }, onFieldFetchCustomData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchCustomData.emit(ev.detail);
-      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, isWeb(this.host) && !this.isReadonly && (h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), h("slot", { name: "search-buttons-before" }))), h("div", { slot: "after" }, this.renderCustomViews()), isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), isWeb(this.host) && this.renderDisplayMode(), isWeb(this.host) && this.renderRefresh(), isWeb(this.host) && this.renderExports(), actions.length > 0 && (h("yoo-items", { class: { 'margin-left': !isWeb(this.host) && this.isToggleModeVisible() } }, actions
+      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, isWeb(this.host) && !this.isReadonly && (h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), h("slot", { name: "search-buttons-before" }))), h("div", { slot: "after" }, this.renderCustomViews()), isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), isWeb(this.host) && this.renderDisplayMode(), isWeb(this.host) && this.renderExports(), actions.length > 0 && (h("yoo-items", { class: { 'margin-left': !isWeb(this.host) && this.isToggleModeVisible() } }, actions
       .map((a) => toButton(a, this))
       .map((button) => getButton({
       ...button,
       color: button.color || 'stable',
       cssClass: `${button.cssClass || ''}`
-    })))), isWeb(this.host) && (h("div", { class: "nav-bar-entity-right", slot: "before-sort" }, h("slot", { name: "nav-bar-entity-right" }))), h("slot", { name: "search-buttons" })));
+    })))), isWeb(this.host) && (h("div", { class: "nav-bar-entity-right", slot: "before-sort" }, h("slot", { name: "nav-bar-entity-right" }))), h("slot", { name: "search-buttons" }), isWeb(this.host) && this.renderRefresh()));
   }
   renderEntitySearchTags(renderSearchOrAutocomplete) {
     const showAdvancedFilters = (!isWeb(this.host) && this.showSearch !== false) || (isWeb(this.host) && !!this.model) || this.forceTagFilters;
@@ -2378,7 +2379,7 @@ export class YooGridComponent {
     if (!this.tabs || !this.tabs.length) {
       return;
     }
-    return (h("yoo-header", { class: "primary" }, h("yoo-tabs", { tabs: this.tabs, onTabSelected: (ev) => this.onTabSelected(ev) })));
+    return (h("yoo-header", { class: "primary" }, h("yoo-tabs", { key: (this.collectionName || this.entityType || 'grid-tab').replace('_archive', ''), initialIndex: this.initialTabIndex, tabs: this.tabs, onTabSelected: (ev) => this.onTabSelected(ev) })));
   }
   renderTotalNumber() {
     var _a;
@@ -2430,7 +2431,7 @@ export class YooGridComponent {
   renderTotalHeader() {
     const total = this.getTotalSelected() || 0;
     if ((this.isFormField || this.showGridTotalHeader) && this.showGridTotalHeader !== false && (this.collectionName || this.entityType)) {
-      return h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: isWeb(this.host) } }, h("span", { class: "total" }, total === null || total === void 0 ? void 0 : total.toLocaleString()), h("span", { class: "title" }, translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
+      return h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: isWeb(this.host) } }, h("span", { class: "total" }, (this.isLoading || isNil(this.total)) ? ' - ' : total === null || total === void 0 ? void 0 : total.toLocaleString()), h("span", { class: "title" }, translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
     }
   }
   renderLinkHeader() {
@@ -3303,6 +3304,23 @@ export class YooGridComponent {
           "text": ""
         }
       },
+      "initialTabIndex": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "initial-tab-index",
+        "reflect": false
+      },
       "isLocal": {
         "type": "boolean",
         "mutable": false,

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

@@ -385,7 +385,7 @@ export class YooGridCalendarComponent {
           return false;
         }
         else if ((_d = (_c = info === null || info === void 0 ? void 0 : info.event) === null || _c === void 0 ? void 0 : _c.extendedProps) === null || _d === void 0 ? void 0 : _d.item) {
-          this.itemSelected.emit({ entity: (_f = (_e = info === null || info === void 0 ? void 0 : info.event) === null || _e === void 0 ? void 0 : _e.extendedProps) === null || _f === void 0 ? void 0 : _f.item, event: info.jsEvent, calendarEvent: info === null || info === void 0 ? void 0 : info.event });
+          this.itemSelected.emit({ entity: (_f = (_e = info === null || info === void 0 ? void 0 : info.event) === null || _e === void 0 ? void 0 : _e.extendedProps) === null || _f === void 0 ? void 0 : _f.item, event: info.jsEvent, calendarEvent: info === null || info === void 0 ? void 0 : info.event, el: info === null || info === void 0 ? void 0 : info.el });
         }
       },
       noEventsContent: translate('YOOBICNOACTIVITY')
@@ -1283,8 +1283,8 @@ export class YooGridCalendarComponent {
           "text": ""
         },
         "complexType": {
-          "original": "{ entity: IEntity; event: MouseEvent; calendarEvent: EventApi }",
-          "resolved": "{ entity: IEntity; event: MouseEvent; calendarEvent: EventApi; }",
+          "original": "{ entity: IEntity; event: MouseEvent; calendarEvent: EventApi; el: HTMLElement }",
+          "resolved": "{ entity: IEntity; event: MouseEvent; calendarEvent: EventApi; el: HTMLElement; }",
           "references": {
             "IEntity": {
               "location": "import",
@@ -1296,6 +1296,9 @@ export class YooGridCalendarComponent {
             "EventApi": {
               "location": "import",
               "path": "@fullcalendar/core"
+            },
+            "HTMLElement": {
+              "location": "global"
             }
           }
         }

package/dist/collection/feature-communicate/feed/card-feed/default/card-feed.js

@@ -1,6 +1,6 @@
 import { closeModal, getAsyncExtraData, getPermissions, getSession, getUserDisplayName, hasAttachment, intersectionObserve, isCampaignFeed, isCampaignTodo, isFieldWithNoValue, isIntersectionObserverSupported, isMedia, isNullOrUndefined, isVideo, isWeb, parseMarkDown, removeTextStyle, replaceAllLinks, replaceAtTagToMentionTag, setSecuredContent, showActionSheet, translate, translateMulti } from '@shared/utils';
 import { h, Host } from '@stencil/core';
-import { isEmpty } from 'lodash-es';
+import { compact, isEmpty } from 'lodash-es';
 import { getButton } from '../../../../utils/button.factory';
 import { execHandlerAndStopEvent, getAppContext, openImageDetailFromRTE } from '../../../../utils/helpers/common-helpers';
 import { EventActions } from '../components/events';
@@ -445,10 +445,12 @@ export class YooCardFeedComponent {
     }
   }
   renderSharedIn() {
-    const multiGroups = this.entry.groups.length > 1;
+    var _a;
+    const groups = compact(((_a = this.entry) === null || _a === void 0 ? void 0 : _a.groups) || []);
+    const multiGroups = groups.length > 1;
     return [
       isWeb(this.host) ? '' : translate('SHAREDIN'),
-      h("span", { class: "feed-group" }, ` ${multiGroups ? this.entry.groups.length : this.entry.groups[0]} `),
+      h("span", { class: "feed-group" }, ` ${multiGroups ? groups.length : ((groups === null || groups === void 0 ? void 0 : groups.length) === 1 ? groups[0] : '')} `),
       multiGroups && translate('GROUPS')
     ];
   }

package/dist/design-system/{button.factory-593a6ba3.js → button.factory-3a99f423.js}

@@ -1,4 +1,4 @@
-import { a3 as translateMulti } from './index-97f4ed07.js';
+import { a3 as translateMulti } from './index-5572e048.js';
 import { h } from './index-22891abe.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-254ab5fb.js → design-system/camera-helpers-978f7e13.js}

@@ -1,5 +1,5 @@
-import { cw as cordova, cx as AwesomeCordovaNativePlugin, cy as cordovaPropertyGet, cz as cordovaPropertySet, cA as registerPlugin, a8 as getSession, cB as isIonic, o as isNativeMobile, cC as Device, p as isAndroid, N as isIOS, cD as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-97f4ed07.js';
-import './index-590d30dd.js';
+import { cw as cordova, cx as AwesomeCordovaNativePlugin, cy as cordovaPropertyGet, cz as cordovaPropertySet, cA as registerPlugin, a8 as getSession, cB as isIonic, o as isNativeMobile, cC as Device, p as isAndroid, N as isIOS, cD as getMediaDevices, G as showModal, F as getModalAnimation, H as isWeb } from './index-5572e048.js';
+import './index-0a642388.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -249,7 +249,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-054323ca.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-49a0fb41.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-203178d1.js → chat-helpers-b3e297ef.js}

@@ -1,6 +1,6 @@
-import './index-590d30dd.js';
+import './index-0a642388.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-97f4ed07.js';
+import { aq as is24Hour, ar as isFile, as as replaceAtTagToMentionTag, at as replaceAllLinks, a3 as translateMulti } from './index-5572e048.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-2a9aacec.js → common-helpers-8dfbebc4.js}

@@ -1,5 +1,5 @@
-import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-97f4ed07.js';
-import './index-590d30dd.js';
+import { F as getModalAnimation, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, o as isNativeMobile, S as ScreenOrientation, K as findDevice, L as isRTL, M as isIphoneX, q as isIpadPro, s as isTablet, n as isFullScreenFalse, N as isIOS, p as isAndroid, O as setAnimation, P as animations, Q as getCssColor, Y as YOOBICON_ENTITIES_MAP, R as startOf, T as isDateBefore, U as dateDiffInCalendarDays, V as isDateAfter, W as getAsyncExtraData, X as findParent, Z as isNativeFilePath, $ as cleanupWKWebViewFilePath, a0 as Cloudinary, a1 as getProtocol, a2 as CloudinaryGradientLayer } from './index-5572e048.js';
+import './index-0a642388.js';
 import { C as get } from './lodash-777f91de.js';
 
 function getDefaultModalAnimation(host) {