@yoobic/yobi 8.6.0-3 → 8.6.0-4

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const index$2 = require('./index-d5115bb4.js');
-require('./index-5eb4c510.js');
+const index = require('./index-3bfe7d7a.js');
+const index$4 = require('./index-d5115bb4.js');
+require('./index-0b17142a.js');
 const lodash = require('./lodash-a9050d79.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-5f22f998.js');
-const commonHelpers = require('./common-helpers-859d4168.js');
+const index$3 = require('./index-5f22f998.js');
+const commonHelpers = require('./common-helpers-0fb8b89b.js');
 const index$5 = require('./index-2646ccb0.js');
-const index$3 = require('./index-3898777f.js');
-const index$4 = require('./index-4cc44897.js');
+const index$1 = require('./index-23f5e551.js');
+const index$2 = require('./index-0e3ef7a3.js');
 const formField_instance = require('./form-field.instance-410c2aea.js');
 require('./workflow.interface-ffda8358.js');
 require('./item-sliding.interface-7206925b.js');
@@ -82,63 +82,6 @@ const YooFormCreatorComponent = class {
     this.displayLanguageChanged = index.createEvent(this, "displayLanguageChanged", 7);
     this.resetOpenFormDefinitions = index.createEvent(this, "resetOpenFormDefinitions", 7);
     this.openZenDesk = index.createEvent(this, "openZenDesk", 7);
-    /**
-     * The list of fields in an invalid state
-     */
-    this.invalidFields = [];
-    /**
-     * Defines form fields which can be added to the content.
-     */
-    this.formFields = [];
-    /**
-     * Defines left menu category list.
-     */
-    this.categories = [];
-    /**
-     * Defines enabled actions.
-     */
-    this.options = [];
-    /**
-     * An array for the button options that appear when hte user clicks on the help center.
-     */
-    this.helpCenterOptions = [];
-    /**
-     * Defines bulk actions.
-     */
-    this.bulkActions = index$1.FORM_CREATOR_BULK_ACTIONS_ALL;
-    /**
-     * Desines whether to show pages section.
-     */
-    this.showPagesSection = true;
-    /**
-     * Holds the scoring information for the current mission. Fields are added to the IScoring object as keys where
-     * the value is the score for that specific field.
-     */
-    this.scoring = [];
-    /**
-     * Holds the currently selected left menu option. There are 4 options: blocks, scoring, logic and translate
-     */
-    this.selectedLeftMenuOption = index$2.FormCreatorOptions.blocks;
-    /**
-     * Holds the index of the currently selected page (slide) of the form
-     */
-    this.selectedPageIndex = 0;
-    /**
-     * Controls whether the condition fields should be shown or hidden.
-     */
-    this.showConditions = false;
-    /**
-     * Hides or shows the left menu selection
-     */
-    this.showLeftMenuSelection = true;
-    /**
-     * Due to performance issues for large campaigns there is a limit on how many blocks will load on first render
-     */
-    this.numberOfBlocksToRender = 20;
-    this.selectionMode = false;
-    this.isLivePreviewHidden = false;
-    this.selectedFields = [];
-    this.shouldRenderLeftSelectionContent = true;
     this.currentSlides = [];
     this.parentBlockIndices = [];
     this.simpleFormBlocks = { information: [] };
@@ -191,12 +134,12 @@ const YooFormCreatorComponent = class {
       var _a, _b, _c, _d;
       if (event) {
         const duplicateSlide = lodash.cloneDeep(this.currentSlides[event.detail]);
-        index$3.addNewIdsToSlide(duplicateSlide);
+        index$1.addNewIdsToSlide(duplicateSlide);
         const newTranslationsToSave = [];
         if (((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) > 0 && !((_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.lockTranslations)) {
           (_c = this.translations) === null || _c === void 0 ? void 0 : _c.forEach((tran) => {
-            const newTranslation = index$4.updateTranslationKey(lodash.cloneDeep(tran), this.baseLanguage);
-            if (index$4.checkIfKeyIsInPage(null, false, `%${tran.key}%`, duplicateSlide, `%${newTranslation.key}%`)) {
+            const newTranslation = index$2.updateTranslationKey(lodash.cloneDeep(tran), this.baseLanguage);
+            if (index$2.checkIfKeyIsInPage(null, false, `%${tran.key}%`, duplicateSlide, `%${newTranslation.key}%`)) {
               newTranslationsToSave.push(newTranslation);
             }
           });
@@ -216,12 +159,12 @@ const YooFormCreatorComponent = class {
     this.onDeletePageClicked = (event) => {
       var _a;
       if (event) {
-        const warningMessage = ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.active) ? index$4.translate('DELETEPAGEACTIVECAMPAIGN') : index$4.translate('DELETECONFIRMPAGE');
-        index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], warningMessage).then((res) => {
+        const warningMessage = ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.active) ? index$2.translate('DELETEPAGEACTIVECAMPAIGN') : index$2.translate('DELETECONFIRMPAGE');
+        index$2.showAlert(index$2.translate('CONFIRM'), [index$2.translate('YOOBICNO'), index$2.translate('YOOBICOK')], warningMessage).then((res) => {
           var _a, _b, _c;
           if (res) {
             (_a = this.currentSlides[event.detail]) === null || _a === void 0 ? void 0 : _a.items.forEach((field) => {
-              this.scoring = index$4.removeScoringSelectedFields(field.name, this.scoring);
+              this.scoring = index$2.removeScoringSelectedFields(field.name, this.scoring);
             });
             this.computeScoringTotal();
             if (((_b = this.scoring) === null || _b === void 0 ? void 0 : _b.length) > 0) {
@@ -255,17 +198,17 @@ const YooFormCreatorComponent = class {
     };
     this.onScoreChanged = (event) => {
       const { formattedScoring, scoringCategory } = event.detail;
-      const serializedScore = index$4.serializeScores(formattedScoring, scoringCategory);
+      const serializedScore = index$2.serializeScores(formattedScoring, scoringCategory);
       this.updateScoring(serializedScore);
     };
     this.onScoreDeleted = (event) => {
       const { formattedScoring, scoringCategory } = event.detail;
-      const keysToRemove = index$3.serializeScoringValuePairs(formattedScoring, scoringCategory);
+      const keysToRemove = index$1.serializeScoringValuePairs(formattedScoring, scoringCategory);
       keysToRemove.forEach((key) => {
         delete this.selectedScoring[key];
       });
       // Remove from selected fields
-      this.selectedScoring.selectedFields = index$3.updateSelectedFields(this.selectedScoring.selectedFields, formattedScoring === null || formattedScoring === void 0 ? void 0 : formattedScoring.fieldName);
+      this.selectedScoring.selectedFields = index$1.updateSelectedFields(this.selectedScoring.selectedFields, formattedScoring === null || formattedScoring === void 0 ? void 0 : formattedScoring.fieldName);
       this.selectedScoring = { ...this.selectedScoring };
       this.scoring[this.selectedScoringIndex] = this.selectedScoring;
       if (!this.isInOtherScoring(formattedScoring === null || formattedScoring === void 0 ? void 0 : formattedScoring.fieldName)) {
@@ -277,9 +220,9 @@ const YooFormCreatorComponent = class {
     };
     this.onScoreAdded = (event) => {
       const { formattedScoring, scoringCategory } = event.detail;
-      const serializedScore = index$4.serializeScores(formattedScoring, scoringCategory);
+      const serializedScore = index$2.serializeScores(formattedScoring, scoringCategory);
       const fieldToAdd = this.slides[this.selectedPageIndex].items.find((field) => field.name === formattedScoring.fieldName);
-      this.selectedScoring.selectedFields = index$3.updateSelectedFields(this.selectedScoring.selectedFields, formattedScoring.fieldName);
+      this.selectedScoring.selectedFields = index$1.updateSelectedFields(this.selectedScoring.selectedFields, formattedScoring.fieldName);
       this.selectedScoring = { ...this.selectedScoring };
       if (!this.isInOtherScoring(formattedScoring.fieldName)) {
         this.toggleHasScoring(formattedScoring.fieldName);
@@ -288,25 +231,61 @@ const YooFormCreatorComponent = class {
       this.updateScoring(serializedScore);
       this.emitNewSlidesAndRerender();
     };
+    this.logo = undefined;
+    this.prefixTitle = undefined;
+    this.invalidFields = [];
+    this.formFields = [];
+    this.missionDescription = undefined;
+    this.plan = undefined;
+    this.categories = [];
+    this.options = [];
+    this.helpCenterOptions = [];
+    this.bulkActions = index$3.FORM_CREATOR_BULK_ACTIONS_ALL;
+    this.showPagesSection = true;
+    this.baseLanguage = undefined;
+    this.selectedLanguages = undefined;
+    this.allLanguages = undefined;
+    this.isTranslator = undefined;
+    this.scoring = [];
+    this.restrictionConditions = undefined;
+    this.customFormFields = undefined;
+    this.slides = undefined;
+    this.selectedNewScoring = undefined;
+    this.selectedLeftMenuOption = index$4.FormCreatorOptions.blocks;
+    this.translations = undefined;
+    this.showShare = undefined;
+    this.selectedPageIndex = 0;
+    this.showConditions = false;
+    this.showLeftMenuSelection = true;
+    this.numberOfBlocksToRender = 20;
+    this.selectionMode = false;
+    this.isLivePreviewHidden = false;
+    this.selectedFields = [];
+    this.selectedScoring = undefined;
+    this.currentWorkflowStep = undefined;
+    this.forceFieldRerender = undefined;
+    this.newCustomFormFieldSelectionMode = undefined;
+    this.expandedFieldName = undefined;
+    this.shouldRenderLeftSelectionContent = true;
   }
   get isTranslatorForm() {
     var _a;
-    return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) === 1 && this.options[0] === index$2.FormCreatorOptions.translate;
+    return ((_a = this.options) === null || _a === void 0 ? void 0 : _a.length) === 1 && this.options[0] === index$4.FormCreatorOptions.translate;
   }
   get showLogics() {
-    return this.options.includes(index$2.FormCreatorOptions.logic);
+    return this.options.includes(index$4.FormCreatorOptions.logic);
   }
   get showScorings() {
-    return this.options.includes(index$2.FormCreatorOptions.scoring);
+    return this.options.includes(index$4.FormCreatorOptions.scoring);
   }
   get showTranslations() {
-    return this.options.includes(index$2.FormCreatorOptions.translate);
+    return this.options.includes(index$4.FormCreatorOptions.translate);
   }
   get showDesign() {
-    return this.options.includes(index$2.FormCreatorOptions.design);
+    return this.options.includes(index$4.FormCreatorOptions.design);
   }
   get showWorkflow() {
-    return this.options.includes(index$2.FormCreatorOptions.workflow);
+    return this.options.includes(index$4.FormCreatorOptions.workflow);
   }
   // private get showReport(): boolean {
   //   return false; // this.options.includes(FormCreatorOptions.reportbuilder);
@@ -344,7 +323,7 @@ const YooFormCreatorComponent = class {
       var _a;
       slide.items = (_a = slide === null || slide === void 0 ? void 0 : slide.items) === null || _a === void 0 ? void 0 : _a.map((item, itemIndex) => {
         var _a, _b, _c;
-        item = index$4.setFieldIconAndCategory(item, index$2.ALL_MOBILE_FORM_FIELDS);
+        item = index$2.setFieldIconAndCategory(item, index$4.ALL_MOBILE_FORM_FIELDS);
         if (!item.isExpanded && this.selectedLeftMenuOption !== 'logic' && ((_a = this.currentExpandedBlockLocation) === null || _a === void 0 ? void 0 : _a.slideIndex) === slideIndex && ((_b = this.currentExpandedBlockLocation) === null || _b === void 0 ? void 0 : _b.itemIndex) === itemIndex && !((_c = this.newFieldCondition) === null || _c === void 0 ? void 0 : _c.condition)) {
           item.isExpanded = true;
         }
@@ -358,7 +337,7 @@ const YooFormCreatorComponent = class {
     else {
       this.currentSlides = [...newSlides];
     }
-    if (this.selectedLeftMenuOption === index$2.FormCreatorOptions.workflow) {
+    if (this.selectedLeftMenuOption === index$4.FormCreatorOptions.workflow) {
       this.missionDescription.slides = newSlides;
     }
     if (this.hasAdditionBeenClicked && ((_a = this.newFieldCondition) === null || _a === void 0 ? void 0 : _a.condition)) {
@@ -372,10 +351,10 @@ const YooFormCreatorComponent = class {
     this.haveTranslationsUpdated = true;
     this.reloadLivePreview.emit();
     if (this.livePreviewElement) {
-      this.livePreviewElement.missionDescriptionTitle = index$4.translateMulti(this.missDescDisplayTitle);
+      this.livePreviewElement.missionDescriptionTitle = index$2.translateMulti(this.missDescDisplayTitle);
     }
     if (this.formCreatorHeader) {
-      this.formCreatorHeader.formTitle = index$4.translateMulti(((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title) || ((_b = this.plan) === null || _b === void 0 ? void 0 : _b.title));
+      this.formCreatorHeader.formTitle = index$2.translateMulti(((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title) || ((_b = this.plan) === null || _b === void 0 ? void 0 : _b.title));
     }
     if (this.formCreatorTranslateDialog) {
       this.formCreatorTranslateDialog.translations = this.translations;
@@ -416,11 +395,11 @@ const YooFormCreatorComponent = class {
   onCreatorBlockExpanded(event) {
     var _a;
     if (event === null || event === void 0 ? void 0 : event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, event.detail.name);
       if (itemIndex > -1) {
-        if (event.detail.expanded && !index$3.isScoring(this.selectedLeftMenuOption)) {
+        if (event.detail.expanded && !index$1.isScoring(this.selectedLeftMenuOption)) {
           if (this.currentExpandedBlockLocation && itemIndex !== this.currentExpandedBlockLocation.itemIndex) {
-            const itemIndexRef = index$3.getExpandableBlockReference(this.currentSlides, this.selectedPageIndex, this.currentExpandedBlockLocation.itemIndex);
+            const itemIndexRef = index$1.getExpandableBlockReference(this.currentSlides, this.selectedPageIndex, this.currentExpandedBlockLocation.itemIndex);
             if (this.expandableBlocks && this.expandableBlocks[itemIndexRef]) {
               this.expandableBlocks[itemIndexRef].expandBlock(false, this.currentExpandedBlockLocation.itemIndex !== itemIndexRef, itemIndex);
             }
@@ -463,9 +442,9 @@ const YooFormCreatorComponent = class {
     }
   }
   onRemoveConditionClicked(event) {
-    index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], index$4.translate('REMOVECONDITIONCONFIRM')).then((res) => {
+    index$2.showAlert(index$2.translate('CONFIRM'), [index$2.translate('YOOBICNO'), index$2.translate('YOOBICOK')], index$2.translate('REMOVECONDITIONCONFIRM')).then((res) => {
       if (res) {
-        const { slides, unattachedParentConditions } = index$3.removeCondition(this.currentSlides, event.detail.name, this.unattachedParentConditions, event.detail.conditionId);
+        const { slides, unattachedParentConditions } = index$1.removeCondition(this.currentSlides, event.detail.name, this.unattachedParentConditions, event.detail.conditionId);
         this.currentSlides = slides;
         this.unattachedParentConditions = unattachedParentConditions;
         this.emitNewSlidesAndRerender();
@@ -474,7 +453,7 @@ const YooFormCreatorComponent = class {
   }
   onRemovePageCondition(event) {
     if (event && event.detail) {
-      const { slides, unattachedParentConditions } = index$3.removePageCondtion(this.currentSlides, event.detail.slideIndex, event.detail.conditionId, this.unattachedParentConditions);
+      const { slides, unattachedParentConditions } = index$1.removePageCondtion(this.currentSlides, event.detail.slideIndex, event.detail.conditionId, this.unattachedParentConditions);
       this.currentSlides = slides;
       this.unattachedParentConditions = unattachedParentConditions;
       this.emitNewSlidesAndRerender();
@@ -483,16 +462,16 @@ const YooFormCreatorComponent = class {
   onFormFieldDelete(event) {
     var _a;
     if (event && event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
-      const warningMessage = ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.active) ? index$4.translate('DELETEFIELDACTIVECAMPAIGN') : index$4.translate('DELETECONFIRMFIELD');
-      index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], warningMessage).then((res) => {
+      const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, event.detail.name);
+      const warningMessage = ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.active) ? index$2.translate('DELETEFIELDACTIVECAMPAIGN') : index$2.translate('DELETECONFIRMFIELD');
+      index$2.showAlert(index$2.translate('CONFIRM'), [index$2.translate('YOOBICNO'), index$2.translate('YOOBICOK')], warningMessage).then((res) => {
         var _a, _b, _c, _d, _e;
         if (res) {
-          this.unattachedParentConditions = index$3.addNewUnattachedParentConditions(this.currentSlides, { slideIndex, itemIndex }, this.unattachedParentConditions);
+          this.unattachedParentConditions = index$1.addNewUnattachedParentConditions(this.currentSlides, { slideIndex, itemIndex }, this.unattachedParentConditions);
           this.formFieldDelete.emit({ name: event.detail.name });
-          this.scoring = index$4.removeScoringSelectedFields(event.detail.name, this.scoring);
+          this.scoring = index$2.removeScoringSelectedFields(event.detail.name, this.scoring);
           this.computeScoringTotal();
-          index$3.deleteFieldAndRemoveConditionReferences(this.currentSlides, { slideIndex, itemIndex, name: event.detail.name });
+          index$1.deleteFieldAndRemoveConditionReferences(this.currentSlides, { slideIndex, itemIndex, name: event.detail.name });
           this.resetExpandableBlockReferences();
           this.emitNewSlidesAndRerender();
           if (((_b = (_a = this.currentSlides[slideIndex]) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length) === 0 || !((_c = this.currentSlides[slideIndex]) === null || _c === void 0 ? void 0 : _c.items)) {
@@ -510,8 +489,8 @@ const YooFormCreatorComponent = class {
   onFormFieldDuplicate(event) {
     var _a, _b, _c;
     if (event === null || event === void 0 ? void 0 : event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
-      this.currentSlides = index$3.duplicateField(this.currentSlides, { slideIndex, itemIndex }, false, null, ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'dataset');
+      const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, event.detail.name);
+      this.currentSlides = index$1.duplicateField(this.currentSlides, { slideIndex, itemIndex }, false, null, ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'dataset');
       if (((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) && !((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.lockTranslations)) {
         const translationsToSave = [];
         this.updateDuplicatedFieldTranslations(this.currentSlides, slideIndex, itemIndex + 1, translationsToSave);
@@ -525,7 +504,7 @@ const YooFormCreatorComponent = class {
   }
   onFormFieldMarkAsMandatory(event) {
     if (event && event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, event.detail.name);
       let item = this.currentSlides[slideIndex].items[itemIndex];
       item = { ...item, required: true };
       this.currentSlides[slideIndex].items[itemIndex] = item;
@@ -553,10 +532,10 @@ const YooFormCreatorComponent = class {
     }
   }
   onDeleteCondition(event) {
-    index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], index$4.translate('DELETECONFIRMCONDITION')).then((res) => {
+    index$2.showAlert(index$2.translate('CONFIRM'), [index$2.translate('YOOBICNO'), index$2.translate('YOOBICOK')], index$2.translate('DELETECONFIRMCONDITION')).then((res) => {
       if (res) {
-        index$3.deleteCondition(this.currentSlides, event.detail.conditionId);
-        this.unattachedParentConditions = index$3.deleteUnattachedParentConditions(this.unattachedParentConditions, event.detail.conditionId);
+        index$1.deleteCondition(this.currentSlides, event.detail.conditionId);
+        this.unattachedParentConditions = index$1.deleteUnattachedParentConditions(this.unattachedParentConditions, event.detail.conditionId);
         this.emitNewSlidesAndRerender(true, true);
       }
     });
@@ -580,7 +559,7 @@ const YooFormCreatorComponent = class {
     this.addPageCondition(condition, slideIndex);
   }
   onConditionClicked(ev) {
-    const { slideIndex, conditionIndex } = index$3.findCondition(this.currentSlides, ev.detail.conditionId);
+    const { slideIndex, conditionIndex } = index$1.findCondition(this.currentSlides, ev.detail.conditionId);
     if (conditionIndex >= 0) {
       if (this.selectedPageIndex !== slideIndex) {
         this.selectedPageIndex = slideIndex;
@@ -589,23 +568,23 @@ const YooFormCreatorComponent = class {
         this.resetExpandableBlockReferences();
       }
       this.showConditions = true;
-      this.selectedLeftMenuOption = index$2.FormCreatorOptions.logic;
+      this.selectedLeftMenuOption = index$4.FormCreatorOptions.logic;
     }
   }
   async onScoringSelected(event) {
     if (event === null || event === void 0 ? void 0 : event.detail) {
       const fadeIn = {
         keyframes: [{ opacity: 0 }, { opacity: 1 }],
-        options: { duration: 200, easing: index$4.CURVE_EASE_OUT_QUAD, fill: 'forwards' }
+        options: { duration: 200, easing: index$2.CURVE_EASE_OUT_QUAD, fill: 'forwards' }
       };
       const slideToLeft = {
         fromCenter: [{ transform: 'translateX(0)' }, { transform: 'translateX(-100px)' }],
         fromRight: [{ transform: 'translateX(100px)' }, { transform: 'translateX(0)' }],
-        options: { duration: 300, easing: index$4.CURVE_EASE_OUT_QUAD }
+        options: { duration: 300, easing: index$2.CURVE_EASE_OUT_QUAD }
       };
       this.formContentElement.animate(fadeIn.keyframes, { ...fadeIn.options, direction: 'reverse' });
       await this.formContentElement.animate(slideToLeft.fromCenter, slideToLeft.options).finished;
-      [this.scoring, this.selectedScoring, this.selectedScoringIndex] = index$4.changeSelectedScoring(this.scoring, event.detail);
+      [this.scoring, this.selectedScoring, this.selectedScoringIndex] = index$2.changeSelectedScoring(this.scoring, event.detail);
       this.formContentElement.animate(slideToLeft.fromRight, { ...slideToLeft.options, fill: 'forwards' });
       this.formContentElement.animate(fadeIn.keyframes, { ...fadeIn.options, delay: 100 });
     }
@@ -620,7 +599,7 @@ const YooFormCreatorComponent = class {
   }
   onNewConditionalFieldClicked(event) {
     var _a;
-    this.selectedLeftMenuOption = index$2.FormCreatorOptions.blocks;
+    this.selectedLeftMenuOption = index$4.FormCreatorOptions.blocks;
     this.newFieldCondition = event.detail;
     this.overlayElement.initialNewFieldCondition = this.newFieldCondition;
     (_a = this.newFieldCategoryBlocks) === null || _a === void 0 ? void 0 : _a.forEach((categoryBlock) => categoryBlock.forEach((block) => block === null || block === void 0 ? void 0 : block.classList.add('overlay-active')));
@@ -635,7 +614,7 @@ const YooFormCreatorComponent = class {
       this.newUndefinedCondition = null;
     }
     else if ((_c = this.newUndefinedCondition) === null || _c === void 0 ? void 0 : _c.condition) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, event.detail.name);
       this.addCondition(this.newUndefinedCondition.condition, slideIndex, itemIndex);
     }
   }
@@ -646,7 +625,7 @@ const YooFormCreatorComponent = class {
   }
   onConditionChanged(event) {
     if (event.detail.condition.type === 'field') {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.fieldName);
+      const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, event.detail.fieldName);
       let isUnattachedCondition = false;
       if (this.unattachedParentConditions && this.unattachedParentConditions.length > 0) {
         this.unattachedParentConditions = this.unattachedParentConditions.map((unattachedParentCondition) => {
@@ -667,14 +646,14 @@ const YooFormCreatorComponent = class {
         });
       }
       if (!isUnattachedCondition) {
-        index$3.updateCondition(event.detail.condition, this.currentSlides);
+        index$1.updateCondition(event.detail.condition, this.currentSlides);
       }
       this.emitNewSlidesAndRerender();
     }
   }
   onItemSelected(event) {
     if (this.selectionMode) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, event.detail.name);
       if (this.currentSlides[slideIndex].items[itemIndex].selected) {
         this.currentSlides[slideIndex].items[itemIndex].selected = false;
         this.selectedFields = this.selectedFields.filter((field) => !(field.slideIndex === slideIndex && field.itemIndex === itemIndex));
@@ -689,7 +668,7 @@ const YooFormCreatorComponent = class {
       }
       this.selectedFields = [...this.selectedFields];
       this.selectedFields = lodash.orderBy(this.selectedFields, ['slideIndex', 'itemIndex'], ['asc', 'asc']);
-      this.selectedMoveActions = index$3.setBlockSelection(this.itemList, null, (slideIndex, _itemIndex, itemId) => this.moveSelectedFields(itemId, slideIndex), {
+      this.selectedMoveActions = index$1.setBlockSelection(this.itemList, null, (slideIndex, _itemIndex, itemId) => this.moveSelectedFields(itemId, slideIndex), {
         selectedFields: this.selectedFields,
         extraStartingItems: [
           {
@@ -709,15 +688,15 @@ const YooFormCreatorComponent = class {
   }
   onTranslateFieldClicked(event, selectedFieldLocation = null) {
     var _a;
-    if (index$4.isNullOrUndefined(this.missionDescription.lockTranslations) && index$4.hasImageRecognitionFields(this.slides)) {
-      index$4.showAlert(index$4.translate('YOOBICWARNING'), [index$4.translate('YOOBICOK')], index$4.translate('LOCKEDTRANSLATIONWARNING'));
+    if (index$2.isNullOrUndefined(this.missionDescription.lockTranslations) && index$2.hasImageRecognitionFields(this.slides)) {
+      index$2.showAlert(index$2.translate('YOOBICWARNING'), [index$2.translate('YOOBICOK')], index$2.translate('LOCKEDTRANSLATIONWARNING'));
     }
     else {
       //If there are already translations then they are updated by google translate to fill in any missing ones
       //Note existing translations are NOT overridden
       if (((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) > 0) {
         this.loadNewTranslations.emit();
-        selectedFieldLocation = index$4.findField(this.currentSlides, event.detail.name);
+        selectedFieldLocation = index$2.findField(this.currentSlides, event.detail.name);
         this.reloadTranslationModalOnUpdate = selectedFieldLocation;
       }
       else {
@@ -726,7 +705,7 @@ const YooFormCreatorComponent = class {
     }
   }
   onCreateNewRestriction(event) {
-    this.selectedLeftMenuOption = index$2.FormCreatorOptions.logic;
+    this.selectedLeftMenuOption = index$4.FormCreatorOptions.logic;
     this.newRestrictionCondition = event.detail;
     if (this.restrictionSelector) {
       this.restrictionSelector.disableSecondaryActions = true;
@@ -739,17 +718,17 @@ const YooFormCreatorComponent = class {
       this.removeOverlays();
     }
     else if (this.newRestrictionCondition && event.detail.condition) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, this.newRestrictionCondition.name);
+      const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, this.newRestrictionCondition.name);
       this.addCondition(event.detail.condition, slideIndex, itemIndex);
     }
   }
   onRestrictionConditionClicked() {
     this.restrictionConditionSelectedTab = 1;
-    if (this.selectedLeftMenuOption === index$2.FormCreatorOptions.logic) {
+    if (this.selectedLeftMenuOption === index$4.FormCreatorOptions.logic) {
       this.restrictionSelector.updateSelectedTab(this.restrictionConditionSelectedTab);
     }
     else {
-      this.selectedLeftMenuOption = index$2.FormCreatorOptions.logic;
+      this.selectedLeftMenuOption = index$4.FormCreatorOptions.logic;
     }
   }
   onFieldMove(event) {
@@ -776,9 +755,9 @@ const YooFormCreatorComponent = class {
     }
   }
   onSaveAsTemplateClicked(ev) {
-    const fieldLocation = index$4.findField(this.slides, ev.detail.name);
+    const fieldLocation = index$2.findField(this.slides, ev.detail.name);
     const fields = [this.slides[fieldLocation.slideIndex].items[fieldLocation.itemIndex]];
-    const { cleanedFields, removedConditionIds } = index$3.cleanCustomFormFieldSlides(fields, this.translations);
+    const { cleanedFields, removedConditionIds } = index$1.cleanCustomFormFieldSlides(fields, this.translations);
     this.createCustomFormFields.emit({ cleanedFields, removedConditionIds });
   }
   async updateTranslatePageTranslationLock(isLocked) {
@@ -790,7 +769,7 @@ const YooFormCreatorComponent = class {
     this.formCreatorHeader.showWarning = showWarning;
   }
   async translateAllFields(saveOnFinish = false, closeOnFinish = false) {
-    index$3.translateAll(false, this.missionDescription, this.translations, this.currentSlides, this.scoring, this.baseLanguage, {
+    index$1.translateAll(false, this.missionDescription, this.translations, this.currentSlides, this.scoring, this.baseLanguage, {
       missionDescriptionChanged: this.missionDescriptionChanged,
       slidesChanged: this.slidesChanged,
       scoringChanged: this.scoringChanged,
@@ -813,7 +792,7 @@ const YooFormCreatorComponent = class {
     else {
       this.currentSlides[slideIndex].condition = [condition];
     }
-    this.unattachedParentConditions = index$3.cleanUnattachedParentConditions(this.unattachedParentConditions, condition);
+    this.unattachedParentConditions = index$1.cleanUnattachedParentConditions(this.unattachedParentConditions, condition);
     this.emitNewSlidesAndRerender();
   }
   async addCondition(condition, slideIndex, itemIndex) {
@@ -844,7 +823,7 @@ const YooFormCreatorComponent = class {
       var _a, _b;
       let blockRefIndex = index;
       if (!this.expandableBlocks[blockRefIndex] && !conditionElement) {
-        blockRefIndex = index$3.getExpandableBlockReference(this.slides, this.selectedPageIndex, index);
+        blockRefIndex = index$1.getExpandableBlockReference(this.slides, this.selectedPageIndex, index);
       }
       const offsetHeight = BLOCK_HEIGHT * (index - blockRefIndex);
       const element = conditionElement || this.expandableBlocks[blockRefIndex];
@@ -875,7 +854,7 @@ const YooFormCreatorComponent = class {
     }
     if (!this.selectionMode) {
       this.removeOverlays();
-      index$3.removeSelectedItems(this.currentSlides);
+      index$1.removeSelectedItems(this.currentSlides);
       this.selectedFields = [];
     }
     else if (this.currentExpandedBlockLocation && this.expandableBlocks[this.currentExpandedBlockLocation.itemIndex]) {
@@ -888,7 +867,7 @@ const YooFormCreatorComponent = class {
     this.selectedPageIndex = index;
   }
   async addNewPage(newPage, index) {
-    newPage = { _id: index$4.getUUID(), ...newPage };
+    newPage = { _id: index$2.getUUID(), ...newPage };
     this.currentSlides.splice(index, 0, newPage);
     this.selectedPageIndex = index;
     this.hasPageChanged = index;
@@ -920,10 +899,10 @@ const YooFormCreatorComponent = class {
   }
   async setScoring(scoring, populateSlides = false) {
     if (scoring && scoring.length > 0) {
-      [scoring, this.selectedScoring, this.selectedScoringIndex] = index$3.setSelectedScoring(scoring);
+      [scoring, this.selectedScoring, this.selectedScoringIndex] = index$1.setSelectedScoring(scoring);
       if (populateSlides) {
-        this.fieldsWithScoring = index$3.getFieldsWithScoring(scoring);
-        index$3.populateFieldsWithScoring(this.currentSlides, this.fieldsWithScoring);
+        this.fieldsWithScoring = index$1.getFieldsWithScoring(scoring);
+        index$1.populateFieldsWithScoring(this.currentSlides, this.fieldsWithScoring);
         this.computeScoringTotal();
       }
     }
@@ -942,7 +921,7 @@ const YooFormCreatorComponent = class {
           const key = title === null || title === void 0 ? void 0 : title.replace(/%/g, '');
           const translationIndex = this.translations.findIndex((tran) => tran.key === key);
           if (translationIndex > -1) {
-            title = this.translations[translationIndex][index$4.getCurrentLanguage()];
+            title = this.translations[translationIndex][index$2.getCurrentLanguage()];
           }
           this.expandableBlocks[itemIndex].formField.title = title;
           index.forceUpdate(this.expandableBlocks[itemIndex]);
@@ -958,26 +937,26 @@ const YooFormCreatorComponent = class {
     this.currentSlides = this.slides;
     this.resetBlocksToRender();
     if (this.isTranslatorForm) {
-      this.selectedLeftMenuOption = index$2.FormCreatorOptions.translate;
+      this.selectedLeftMenuOption = index$4.FormCreatorOptions.translate;
     }
     else {
-      index$3.setFormFieldIndex(this.currentSlides);
+      index$1.setFormFieldIndex(this.currentSlides);
       this.setItemList();
       this.newFieldCategoryBlocks = Array.from(Array(this.categories.length), () => []);
       this.setSimpleFormBlockArrays();
-      this.currentSlides = index$3.setParentConditions(this.currentSlides);
+      this.currentSlides = index$1.setParentConditions(this.currentSlides);
       this.scoring = lodash.compact(this.scoring);
       this.setScoring(this.scoring, true);
     }
     this.displayLanguage = this.baseLanguage;
     this.setMissionDescTitle();
-    this.isLivePreviewHidden = this.selectedLeftMenuOption === index$2.FormCreatorOptions.workflow;
+    this.isLivePreviewHidden = this.selectedLeftMenuOption === index$4.FormCreatorOptions.workflow;
   }
   componentDidLoad() {
     if (!this.plan) {
       this.initExpandedFieldsSortable();
       this.initNewFieldsSortable();
-      this.currentSlides = index$3.setParentConditions(this.currentSlides);
+      this.currentSlides = index$1.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.
@@ -992,9 +971,9 @@ const YooFormCreatorComponent = class {
     this.hasLoaded.emit();
   }
   componentWillUpdate() {
-    this.currentSlides = index$3.setParentConditions(this.currentSlides);
-    this.currentSlides = index$3.updateUnattatchedCondition(this.unattachedParentConditions, this.currentSlides);
-    index$3.setFormFieldIndex(this.currentSlides);
+    this.currentSlides = index$1.setParentConditions(this.currentSlides);
+    this.currentSlides = index$1.updateUnattatchedCondition(this.unattachedParentConditions, this.currentSlides);
+    index$1.setFormFieldIndex(this.currentSlides);
     if (!this.newFieldAdded) {
       this.newFieldContainerBlocks = [];
     }
@@ -1002,10 +981,10 @@ const YooFormCreatorComponent = class {
   }
   componentDidUpdate() {
     var _a, _b;
-    this.currentSlides = index$3.setParentConditions(this.currentSlides);
+    this.currentSlides = index$1.setParentConditions(this.currentSlides);
     this.restrictionConditionSelectedTab = 0;
     this.updateGlobalActions();
-    if ((this.hasPageChanged > -1 || this.forceSortableRefresh) && this.isSelectedLeftMenu(index$2.FormCreatorOptions.blocks)) {
+    if ((this.hasPageChanged > -1 || this.forceSortableRefresh) && this.isSelectedLeftMenu(index$4.FormCreatorOptions.blocks)) {
       if (((_a = this.currentExpandableFieldSortable) === null || _a === void 0 ? void 0 : _a.el) && this.hasPageChanged > -1) {
         this.currentExpandableFieldSortable.destroy();
       }
@@ -1016,7 +995,7 @@ const YooFormCreatorComponent = class {
       this.forceSortableRefresh = false;
       this.hasPageChanged = -1;
     }
-    if (this.hasLeftMenuOptionChanged && this.isSelectedLeftMenu(index$2.FormCreatorOptions.blocks)) {
+    if (this.hasLeftMenuOptionChanged && this.isSelectedLeftMenu(index$4.FormCreatorOptions.blocks)) {
       this.initExpandedFieldsSortable();
       this.initNewFieldsSortable();
       this.hasLeftMenuOptionChanged = false;
@@ -1037,7 +1016,7 @@ const YooFormCreatorComponent = class {
     this.resetExpandableBlockReferences();
   }
   updateGlobalActions() {
-    this.selectedMoveActions = index$3.setBlockSelection(this.itemList, null, (slideIndex, _itemIndex, itemId) => this.moveSelectedFields(itemId, slideIndex), {
+    this.selectedMoveActions = index$1.setBlockSelection(this.itemList, null, (slideIndex, _itemIndex, itemId) => this.moveSelectedFields(itemId, slideIndex), {
       extraStartingItems: [
         {
           title: 'MOVEFIELDSAFTER',
@@ -1052,7 +1031,7 @@ const YooFormCreatorComponent = class {
         }
       ]
     });
-    this.selectedDuplicateActions = index$3.setBlockSelection(this.itemList, null, (slideIndex, itemIndex) => this.duplicateSelectedFields(slideIndex, itemIndex), {
+    this.selectedDuplicateActions = index$1.setBlockSelection(this.itemList, null, (slideIndex, itemIndex) => this.duplicateSelectedFields(slideIndex, itemIndex), {
       emptySubmenuHandlerTitle: 'ADDTOSTART'
     });
   }
@@ -1070,12 +1049,12 @@ const YooFormCreatorComponent = class {
     }
   }
   computeScoringTotal() {
-    this.scoring = this.scoring.map((scoring) => index$4.calculateScoringTotal(scoring));
+    this.scoring = this.scoring.map((scoring) => index$2.calculateScoringTotal(scoring));
   }
   resetBlocksToRender() {
     // In the rare case a user is using a very tall screen the amount of blocks rendered will need to be increased so that an infinte scroll can be triggered
     const STANDARD_BLOCKS_TO_RENDER = 20;
-    this.numberOfBlocksToRender = STANDARD_BLOCKS_TO_RENDER + (index$3.isScoring(this.selectedLeftMenuOption) && this.isTallScreen() ? 10 : 0);
+    this.numberOfBlocksToRender = STANDARD_BLOCKS_TO_RENDER + (index$1.isScoring(this.selectedLeftMenuOption) && this.isTallScreen() ? 10 : 0);
   }
   isTallScreen() {
     const TALL_SCREEN_THRESHOLD = 1300;
@@ -1116,7 +1095,7 @@ const YooFormCreatorComponent = class {
    * Sortable null pointer errors when an element is being dragged over this slot.
    */
   toggleInvisibleDiv() {
-    if (index$3.doesSlidePageHaveItems(this.currentSlides, this.selectedPageIndex)) {
+    if (index$1.doesSlidePageHaveItems(this.currentSlides, this.selectedPageIndex)) {
       this.currentSlides[this.selectedPageIndex].items.forEach((item, index) => {
         var _a;
         if (item && item.isExpanded) {
@@ -1139,7 +1118,7 @@ const YooFormCreatorComponent = class {
     var _a;
     let refreshForms = false;
     if (event) {
-      selectedFieldLocation = selectedFieldLocation === null ? index$4.findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
+      selectedFieldLocation = selectedFieldLocation === null ? index$2.findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
     }
     else if (!selectedFieldLocation) {
       selectedFieldLocation = { slideIndex: 0, itemIndex: 0 };
@@ -1153,7 +1132,7 @@ const YooFormCreatorComponent = class {
       this.formCreatorTranslateDialog.isTranslator = this.isTranslator;
       this.formCreatorTranslateDialog.disableNewLanguageButton = this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null;
       this.formCreatorTranslateDialog.translations = this.translations;
-      this.formCreatorTranslateDialog.slides = index$4.formatSlides(this.currentSlides, true);
+      this.formCreatorTranslateDialog.slides = index$2.formatSlides(this.currentSlides, true);
       this.formCreatorTranslateDialog.initialSelectedFieldLocation = selectedFieldLocation;
       this.formCreatorTranslateDialog.addEventListener('translationUpdated', (ev) => {
         ev.stopPropagation();
@@ -1176,7 +1155,7 @@ const YooFormCreatorComponent = class {
         this.baseLanguageChanged.emit(ev.detail);
       });
     }
-    index$4.showModal(this.formCreatorTranslateDialog, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    index$2.showModal(this.formCreatorTranslateDialog, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', 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) {
@@ -1188,10 +1167,10 @@ const YooFormCreatorComponent = class {
       else {
         this.reloadLivePreview.emit();
         if (this.livePreviewElement) {
-          this.livePreviewElement.missionDescriptionTitle = index$4.translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
+          this.livePreviewElement.missionDescriptionTitle = index$2.translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
         }
         if (this.formCreatorHeader) {
-          this.formCreatorHeader.formTitle = index$4.translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
+          this.formCreatorHeader.formTitle = index$2.translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
         }
       }
     });
@@ -1206,7 +1185,7 @@ const YooFormCreatorComponent = class {
     formCreatorTranslateDialogLanguageSelector.addEventListener('selectedLanguagesChanged', (ev) => {
       this.selectedLanguagesChanged.emit([...ev.detail, ...this.selectedLanguages]);
     });
-    index$4.showModal(formCreatorTranslateDialogLanguageSelector, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    index$2.showModal(formCreatorTranslateDialogLanguageSelector, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
       var _a, _b, _c;
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
         this.translateNewLanguages(this.translations, true, selectedFieldLocation, (_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.newLanguesToTranslate);
@@ -1269,10 +1248,10 @@ const YooFormCreatorComponent = class {
             }
             this.toggleInvisibleDiv();
             switch (this.selectedLeftMenuOption) {
-              case index$2.FormCreatorOptions.blocks:
+              case index$4.FormCreatorOptions.blocks:
                 this.handleNewFieldOnClone(event);
                 break;
-              case index$2.FormCreatorOptions.logic:
+              case index$4.FormCreatorOptions.logic:
                 this.handleNewLogicFieldOnClone(event);
                 break;
               default:
@@ -1282,10 +1261,10 @@ const YooFormCreatorComponent = class {
           onEnd: (event) => {
             this.toggleInvisibleDiv();
             switch (this.selectedLeftMenuOption) {
-              case index$2.FormCreatorOptions.blocks:
+              case index$4.FormCreatorOptions.blocks:
                 this.handleNewFieldOnEnd(event, categoryIndex);
                 break;
-              case index$2.FormCreatorOptions.logic:
+              case index$4.FormCreatorOptions.logic:
                 // TODO
                 break;
               default:
@@ -1389,18 +1368,18 @@ const YooFormCreatorComponent = class {
           for (let i = newIndex; this.parentBlockIndices[i] >= 0; i--) {
             if (i !== oldIndex) {
               const item = this.currentSlides[this.selectedPageIndex].items[this.parentBlockIndices[i]];
-              newParentIndex += index$3.getNumberOfSequentialFields(item) + 1;
+              newParentIndex += index$1.getNumberOfSequentialFields(item) + 1;
             }
           }
         }
         const movedItem = this.currentSlides[this.selectedPageIndex].items[oldParentIndex];
-        const numberOfFieldsToMove = index$3.getNumberOfSequentialFields(movedItem) + 1;
+        const numberOfFieldsToMove = index$1.getNumberOfSequentialFields(movedItem) + 1;
         const itemsToMove = this.currentSlides[this.selectedPageIndex].items.slice(oldParentIndex, oldParentIndex + numberOfFieldsToMove);
         this.shiftUnattachedConditions(movedItem.name, newIndex);
         this.currentSlides[this.selectedPageIndex].items.splice(oldParentIndex, numberOfFieldsToMove);
         this.currentSlides[this.selectedPageIndex].items.splice(newParentIndex, 0, ...itemsToMove);
         this.toggleInvisibleDiv();
-        index$3.setFormFieldIndex(this.currentSlides);
+        index$1.setFormFieldIndex(this.currentSlides);
         this.emitNewSlidesAndRerender();
       }
     });
@@ -1439,20 +1418,20 @@ const YooFormCreatorComponent = class {
   createNewCondition(type, name, itemIndex, slideIndex, condition) {
     this.collapseAllBlocks();
     if (!condition) {
-      const fieldLocation = index$4.findField(this.currentSlides, name);
+      const fieldLocation = index$2.findField(this.currentSlides, name);
       itemIndex = fieldLocation.itemIndex;
       slideIndex = fieldLocation.slideIndex;
-      condition = index$3.getDefaultCondition(type, this.currentSlides[slideIndex].items[itemIndex]);
+      condition = index$1.getDefaultCondition(type, this.currentSlides[slideIndex].items[itemIndex]);
     }
     if (type === 'field') {
       if (!index$5.NON_CONDITION_CATEGORIES.includes(this.currentSlides[slideIndex].items[itemIndex].category) && !index$5.NON_CONDITION_TYPES.includes(this.currentSlides[slideIndex].items[itemIndex].type)) {
-        const { slides, unattachedParentConditions } = index$3.addNewParentCondition(this.currentSlides, this.unattachedParentConditions, slideIndex, itemIndex, condition);
+        const { slides, unattachedParentConditions } = index$1.addNewParentCondition(this.currentSlides, this.unattachedParentConditions, slideIndex, itemIndex, condition);
         this.currentSlides = slides;
         this.unattachedParentConditions = unattachedParentConditions;
       }
       else {
-        index$4.showToast({
-          message: index$4.translate('CANNOTAPPLYCONDITIONSTOINFORMATION'),
+        index$2.showToast({
+          message: index$2.translate('CANNOTAPPLYCONDITIONSTOINFORMATION'),
           duration: 2000,
           showCloseButton: true,
           closable: true,
@@ -1467,7 +1446,7 @@ const YooFormCreatorComponent = class {
     this.emitNewSlidesAndRerender(false);
   }
   checkExpandedFieldsHaveForms() {
-    if (index$3.doesSlidePageHaveItems(this.currentSlides, this.selectedPageIndex)) {
+    if (index$1.doesSlidePageHaveItems(this.currentSlides, this.selectedPageIndex)) {
       this.currentSlides[this.selectedPageIndex].items.forEach((item, itemIndex) => {
         if ((item === null || item === void 0 ? void 0 : item.isExpanded) && !item.hasExpanded) {
           this.formCreatorBlockExpanded.emit({
@@ -1496,8 +1475,8 @@ const YooFormCreatorComponent = class {
       const translationsToSave = [];
       correctOrderSelectedFields.forEach((selectedField) => {
         var _a, _b;
-        const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, selectedField.name);
-        this.currentSlides = index$3.duplicateField(this.currentSlides, { slideIndex, itemIndex }, false, { slideIndex: insertSlideIndex, itemIndex: insertItemIndex }, ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'dataset');
+        const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, selectedField.name);
+        this.currentSlides = index$1.duplicateField(this.currentSlides, { slideIndex, itemIndex }, false, { slideIndex: insertSlideIndex, itemIndex: insertItemIndex }, ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'dataset');
         if ((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) {
           this.updateDuplicatedFieldTranslations(this.currentSlides, insertSlideIndex, insertItemIndex + 1, translationsToSave);
         }
@@ -1512,14 +1491,14 @@ const YooFormCreatorComponent = class {
   updateDuplicatedFieldTranslations(slides, slideIndex, itemIndex, translationsToSave) {
     this.translations.forEach((tran) => {
       var _a, _b, _c, _d;
-      const newTranslation = index$4.updateTranslationKey(lodash.cloneDeep(tran), this.baseLanguage);
-      if (index$4.checkIfKeyIsInField(false, `%${tran.key}%`, slides[slideIndex].items[itemIndex], `%${newTranslation === null || newTranslation === void 0 ? void 0 : newTranslation.key}%`)) {
+      const newTranslation = index$2.updateTranslationKey(lodash.cloneDeep(tran), this.baseLanguage);
+      if (index$2.checkIfKeyIsInField(false, `%${tran.key}%`, slides[slideIndex].items[itemIndex], `%${newTranslation === null || newTranslation === void 0 ? void 0 : newTranslation.key}%`)) {
         translationsToSave.push(newTranslation);
         const field = slides[slideIndex].items[itemIndex];
         if (((_a = field === null || field === void 0 ? void 0 : field.opValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = field === null || field === void 0 ? void 0 : field.opValues[0]) === null || _b === void 0 ? void 0 : _b.length) > 0) {
           field.opValues[0] = field.values;
         }
-        if ((field === null || field === void 0 ? void 0 : field.type) === index$2.FormFieldType.categorizewords && ((_c = field === null || field === void 0 ? void 0 : field.complexAnswer) === null || _c === void 0 ? void 0 : _c.length) && ((_d = field === null || field === void 0 ? void 0 : field.complexCategorizeWordsValues) === null || _d === void 0 ? void 0 : _d.length)) {
+        if ((field === null || field === void 0 ? void 0 : field.type) === index$4.FormFieldType.categorizewords && ((_c = field === null || field === void 0 ? void 0 : field.complexAnswer) === null || _c === void 0 ? void 0 : _c.length) && ((_d = field === null || field === void 0 ? void 0 : field.complexCategorizeWordsValues) === null || _d === void 0 ? void 0 : _d.length)) {
           field.complexCategorizeWordsValues.forEach((complexCategorizeWordsValue, complexCategorizeWordsValueIndex) => {
             complexCategorizeWordsValue === null || complexCategorizeWordsValue === void 0 ? void 0 : complexCategorizeWordsValue.forEach((value, valueIndex) => {
               if ((field === null || field === void 0 ? void 0 : field.complexAnswer[complexCategorizeWordsValueIndex]) && (field === null || field === void 0 ? void 0 : field.complexAnswer[complexCategorizeWordsValueIndex][valueIndex]) && (value === null || value === void 0 ? void 0 : value.text)) {
@@ -1534,11 +1513,11 @@ const YooFormCreatorComponent = class {
   deleteSelectedFields() {
     if (this.selectedFields && this.selectedFields.length > 0) {
       const translationKey = this.selectedFields.length === 1 ? 'DELETECONFIRMFIELD' : 'DELETECONFIRMFIELDS';
-      index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('YOOBICNO'), index$4.translate('YOOBICOK')], index$4.translate(translationKey, { number: this.selectedFields.length })).then((res) => {
+      index$2.showAlert(index$2.translate('CONFIRM'), [index$2.translate('YOOBICNO'), index$2.translate('YOOBICOK')], index$2.translate(translationKey, { number: this.selectedFields.length })).then((res) => {
         var _a, _b, _c;
         if (res) {
           this.selectedFields.forEach((selectedField) => {
-            index$3.deleteFieldAndRemoveConditionReferences(this.currentSlides, { name: selectedField.name });
+            index$1.deleteFieldAndRemoveConditionReferences(this.currentSlides, { name: selectedField.name });
           });
           this.resetExpandableBlockReferences();
           this.emitNewSlidesAndRerender();
@@ -1576,7 +1555,7 @@ const YooFormCreatorComponent = class {
       const fields = this.selectedFields.map((location) => {
         return this.slides[location.slideIndex].items[location.itemIndex];
       });
-      const { cleanedFields, removedConditionIds } = index$3.cleanCustomFormFieldSlides(fields, this.translations);
+      const { cleanedFields, removedConditionIds } = index$1.cleanCustomFormFieldSlides(fields, this.translations);
       this.createCustomFormFields.emit({ cleanedFields, removedConditionIds });
     }
   }
@@ -1601,11 +1580,11 @@ const YooFormCreatorComponent = class {
         selectedFieldNames.push(this.currentSlides[selectedField.slideIndex].items[selectedField.itemIndex].name);
       });
       selectedFieldNames.forEach((selectedFieldName) => {
-        const selectedFieldPosition = index$4.findField(this.currentSlides, selectedFieldName);
+        const selectedFieldPosition = index$2.findField(this.currentSlides, selectedFieldName);
         this.currentSlides[selectedFieldPosition.slideIndex].items.splice(selectedFieldPosition.itemIndex, 1);
       });
       if (itemId) {
-        const fieldLocation = index$4.findField(this.currentSlides, itemId);
+        const fieldLocation = index$2.findField(this.currentSlides, itemId);
         slideIndex = fieldLocation.slideIndex;
         itemIndex = fieldLocation.itemIndex;
         positionOffset = 1;
@@ -1620,13 +1599,13 @@ const YooFormCreatorComponent = class {
   emitNewSlidesAndRerender(removeParentConditions = true, reloadRestrictionConditions = false) {
     this.removeOverlays();
     if (removeParentConditions) {
-      this.currentSlides = index$4.removeParentCondition(this.currentSlides);
+      this.currentSlides = index$2.removeParentCondition(this.currentSlides);
     }
-    index$3.removeSelectedItems(this.currentSlides);
+    index$1.removeSelectedItems(this.currentSlides);
     if (this.selectionMode) {
       this.toggleSelectionMode();
     }
-    this.currentSlides = index$4.formatSlides(this.currentSlides);
+    this.currentSlides = index$2.formatSlides(this.currentSlides);
     this.slidesChanged.emit({
       slides: this.currentSlides,
       pageIndex: this.selectedPageIndex,
@@ -1666,9 +1645,9 @@ const YooFormCreatorComponent = class {
   translateNewLanguages(translations, overwrite, selectedFieldLocation, newLanguesToTranslate) {
     var _a;
     if (((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'mission') {
-      index$4.showAlert(index$4.translate(this.missionDescription.active ? 'CAUTION' : 'BESTPRACTICES'), [index$4.translate('CANCEL'), index$4.translate('TRANSLATECAMPAIGN')], null, 'translate-warning', null, null, this.missionDescription.active ? 'TRANSLATEACTIVECAMPAIGNLINK' : 'TRANSLATECAMPAIGNLINK').then((ret) => {
+      index$2.showAlert(index$2.translate(this.missionDescription.active ? 'CAUTION' : 'BESTPRACTICES'), [index$2.translate('CANCEL'), index$2.translate('TRANSLATECAMPAIGN')], null, 'translate-warning', null, null, this.missionDescription.active ? 'TRANSLATEACTIVECAMPAIGNLINK' : 'TRANSLATECAMPAIGNLINK').then((ret) => {
         if (ret) {
-          index$3.translateAll(overwrite, this.missionDescription, translations, this.currentSlides, this.scoring, this.baseLanguage, {
+          index$1.translateAll(overwrite, this.missionDescription, translations, this.currentSlides, this.scoring, this.baseLanguage, {
             missionDescriptionChanged: this.missionDescriptionChanged,
             slidesChanged: this.slidesChanged,
             scoringChanged: this.scoringChanged,
@@ -1678,7 +1657,7 @@ const YooFormCreatorComponent = class {
       });
     }
     else {
-      index$3.translateAll(overwrite, this.missionDescription, translations, this.currentSlides, this.scoring, this.baseLanguage, {
+      index$1.translateAll(overwrite, this.missionDescription, translations, this.currentSlides, this.scoring, this.baseLanguage, {
         missionDescriptionChanged: this.missionDescriptionChanged,
         slidesChanged: this.slidesChanged,
         scoringChanged: this.scoringChanged,
@@ -1719,12 +1698,12 @@ const YooFormCreatorComponent = class {
     else {
       this.showLeftMenuSelection = true;
     }
-    if (leftMenuIcon === index$2.FormCreatorOptions.logic) {
+    if (leftMenuIcon === index$4.FormCreatorOptions.logic) {
       this.showConditions = true;
     }
-    if (leftMenuIcon === index$2.FormCreatorOptions.scoring && this.scoring[0]) {
+    if (leftMenuIcon === index$4.FormCreatorOptions.scoring && this.scoring[0]) {
       if (((_a = this.scoring) === null || _a === void 0 ? void 0 : _a.length) > 0) {
-        this.scoring = index$4.populateScoringFields(this.scoring, this.currentSlides);
+        this.scoring = index$2.populateScoringFields(this.scoring, this.currentSlides);
         this.computeScoringTotal();
       }
       if (this.scoring.some((scoring) => scoring.isSelected === true)) {
@@ -1739,7 +1718,7 @@ const YooFormCreatorComponent = class {
     this.leftMenuChange.emit(leftMenuIcon);
     this.selectedLeftMenuOption = leftMenuIcon;
     this.resetBlocksToRender();
-    this.isLivePreviewHidden = this.selectedLeftMenuOption === index$2.FormCreatorOptions.workflow;
+    this.isLivePreviewHidden = this.selectedLeftMenuOption === index$4.FormCreatorOptions.workflow;
     this.onWorkflowStep(null);
   }
   onAddNewPage(index = this.currentSlides.length) {
@@ -1747,13 +1726,13 @@ const YooFormCreatorComponent = class {
     this.addNewPageClicked.emit(index);
   }
   collapseAllBlocks(fieldException = null, forceRerender = false) {
-    if (index$3.doesSlidePageHaveItems(this.currentSlides, this.selectedPageIndex)) {
+    if (index$1.doesSlidePageHaveItems(this.currentSlides, this.selectedPageIndex)) {
       this.currentSlides[this.selectedPageIndex].items.forEach((item, i) => {
         item.isExpanded = fieldException && item.name === fieldException;
         this.slides[this.selectedPageIndex].items[i].isExpanded = item.isExpanded;
       });
       if (forceRerender) {
-        this.currentSlides = index$4.formatSlides(this.currentSlides);
+        this.currentSlides = index$2.formatSlides(this.currentSlides);
         this.currentSlides = [...this.currentSlides];
       }
     }
@@ -1763,11 +1742,11 @@ const YooFormCreatorComponent = class {
     if (!this.currentSlides[this.selectedPageIndex]) {
       return;
     }
-    indexToAdd = index$4.isNullOrUndefined(indexToAdd) ? (_b = (_a = this.currentSlides[this.selectedPageIndex]) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length : indexToAdd;
+    indexToAdd = index$2.isNullOrUndefined(indexToAdd) ? (_b = (_a = this.currentSlides[this.selectedPageIndex]) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length : indexToAdd;
     if (!selectedCustomFormField) {
       selectedCustomFormField = (_c = this.customFormFields) === null || _c === void 0 ? void 0 : _c.find((customField) => customField._id === customFieldId);
     }
-    const newFields = index$3.createNewIdsForCustomFields(selectedCustomFormField.fields, ((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.type) === 'dataset', { slideIndex: this.selectedPageIndex, itemIndex: indexToAdd });
+    const newFields = index$1.createNewIdsForCustomFields(selectedCustomFormField.fields, ((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.type) === 'dataset', { slideIndex: this.selectedPageIndex, itemIndex: indexToAdd });
     newFields === null || newFields === void 0 ? void 0 : newFields.forEach((field) => {
       var _a, _b;
       field.slideIndex = this.selectedPageIndex;
@@ -1810,7 +1789,7 @@ const YooFormCreatorComponent = class {
     let indexToAdd = this.currentSlides[this.selectedPageIndex].items.length;
     let newField;
     if (fieldDescription) {
-      newField = index$3.getDefaultField(fieldDescription, (_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.type);
+      newField = index$1.getDefaultField(fieldDescription, (_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.type);
       newField = { isExpanded: true, ...newField };
       if (this.newFieldCondition) {
         const condition = this.newFieldCondition.condition;
@@ -1819,15 +1798,15 @@ const YooFormCreatorComponent = class {
         }
         newField = { ...newField, condition: [condition] };
         indexToAdd = this.newFieldCondition.index;
-        this.unattachedParentConditions = index$3.cleanUnattachedParentConditions(this.unattachedParentConditions, this.newFieldCondition.condition);
+        this.unattachedParentConditions = index$1.cleanUnattachedParentConditions(this.unattachedParentConditions, this.newFieldCondition.condition);
         this.showConditions = false;
         this.forceFieldRerender = this.newFieldCondition.condition.field.name;
       }
       if (((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.type) === 'dataset') {
         newField.name = newField.title.split(' ').join('_').toLowerCase();
-        newField.customName = index$4.getUUID();
-        if (!index$4.isFieldNameUnique(newField, this.currentSlides)) {
-          newField.name = index$4.getCustomName(newField.title, this.selectedPageIndex, indexToAdd);
+        newField.customName = index$2.getUUID();
+        if (!index$2.isFieldNameUnique(newField, this.currentSlides)) {
+          newField.name = index$2.getCustomName(newField.title, this.selectedPageIndex, indexToAdd);
         }
       }
     }
@@ -1856,7 +1835,7 @@ const YooFormCreatorComponent = class {
     else {
       this.currentSlides[this.selectedPageIndex].items.push(newField);
     }
-    this.newFieldAdded = { slideIndex: this.selectedPageIndex, itemIndex: indexToAdd, conditional: !index$4.isNullOrUndefined(this.newFieldCondition) };
+    this.newFieldAdded = { slideIndex: this.selectedPageIndex, itemIndex: indexToAdd, conditional: !index$2.isNullOrUndefined(this.newFieldCondition) };
     this.resetExpandableBlockReferences();
     this.emitNewSlidesAndRerender();
     if (this.currentSlides[this.selectedPageIndex].items.length === 1) {
@@ -1919,9 +1898,9 @@ const YooFormCreatorComponent = class {
     const affectedBlockFields = this.getAffectedBlocks(name, newIndex, blockFields);
     affectedBlockFields.forEach(field => {
       this.allConditionIds(field, affectedConditions);
-      adjustNumberForMovingConditions += index$3.getNumberOfSequentialFields(field) + 1;
+      adjustNumberForMovingConditions += index$1.getNumberOfSequentialFields(field) + 1;
     });
-    adjustNumberForAffectedConditions = index$3.getNumberOfSequentialFields(this.movingField) + 1;
+    adjustNumberForAffectedConditions = index$1.getNumberOfSequentialFields(this.movingField) + 1;
     this.allConditionIds(this.movingField, movingConditions);
     this.unattachedParentConditions = (_a = this.unattachedParentConditions) === null || _a === void 0 ? void 0 : _a.map((unattachedParentCondition) => {
       if (affectedConditions.includes(unattachedParentCondition.condition._id)) {
@@ -1945,7 +1924,7 @@ const YooFormCreatorComponent = class {
   }
   onFormFieldMove(event, up) {
     if (event && event.detail) {
-      const { slideIndex, itemIndex } = index$4.findField(this.currentSlides, event.detail.name);
+      const { slideIndex, itemIndex } = index$2.findField(this.currentSlides, event.detail.name);
       if (this.currentExpandedBlockLocation &&
         this.currentExpandedBlockLocation.slideIndex === slideIndex &&
         this.currentExpandedBlockLocation.itemIndex === itemIndex &&
@@ -1962,7 +1941,7 @@ const YooFormCreatorComponent = class {
   }
   renderHeader() {
     var _a, _b;
-    const isCustomTheme = index$4.getSession().isCustomTheme;
+    const isCustomTheme = index$2.getSession().isCustomTheme;
     return (index.h("yoo-form-creator-header", { class: { 'custom-theme': isCustomTheme }, ref: (el) => (this.formCreatorHeader = el), logo: this.logo, formTitle: ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title) || ((_b = this.plan) === null || _b === void 0 ? void 0 : _b.title), prefixTitle: this.prefixTitle, isLesson: this.isLesson, selectedLeftMenuOption: this.selectedLeftMenuOption, initialSaveButtonDisabled: !this.areSlidesDirty, hideSave: this.isTranslator, onCloseClicked: (ev) => {
         ev.stopImmediatePropagation();
         this.closeClicked.emit();
@@ -1979,37 +1958,37 @@ const YooFormCreatorComponent = class {
   }
   renderContent() {
     var _a;
-    const renderLeftSection = this.selectedLeftMenuOption !== index$2.FormCreatorOptions.translate && this.selectedLeftMenuOption !== index$2.FormCreatorOptions.design && this.selectedLeftMenuOption !== index$2.FormCreatorOptions.workflow; // && this.selectedLeftMenuOption !== FormCreatorOptions.reportbuilder;
-    const renderMainContent = this.selectedLeftMenuOption !== index$2.FormCreatorOptions.design && this.selectedLeftMenuOption !== index$2.FormCreatorOptions.workflow; // && this.selectedLeftMenuOption !== FormCreatorOptions.reportbuilder;
-    const renderWorkflow = this.selectedLeftMenuOption === index$2.FormCreatorOptions.workflow;
-    let renderLivePreview = (this.selectedLeftMenuOption !== index$2.FormCreatorOptions.translate || this.isLesson) && this.selectedLeftMenuOption !== index$2.FormCreatorOptions.design && !this.plan; //  && this.selectedLeftMenuOption !== FormCreatorOptions.reportbuilder;
+    const renderLeftSection = this.selectedLeftMenuOption !== index$4.FormCreatorOptions.translate && this.selectedLeftMenuOption !== index$4.FormCreatorOptions.design && this.selectedLeftMenuOption !== index$4.FormCreatorOptions.workflow; // && this.selectedLeftMenuOption !== FormCreatorOptions.reportbuilder;
+    const renderMainContent = this.selectedLeftMenuOption !== index$4.FormCreatorOptions.design && this.selectedLeftMenuOption !== index$4.FormCreatorOptions.workflow; // && this.selectedLeftMenuOption !== FormCreatorOptions.reportbuilder;
+    const renderWorkflow = this.selectedLeftMenuOption === index$4.FormCreatorOptions.workflow;
+    let renderLivePreview = (this.selectedLeftMenuOption !== index$4.FormCreatorOptions.translate || this.isLesson) && this.selectedLeftMenuOption !== index$4.FormCreatorOptions.design && !this.plan; //  && this.selectedLeftMenuOption !== FormCreatorOptions.reportbuilder;
     if (renderWorkflow && !((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.hasWorkflow)) {
       renderLivePreview = false;
     }
-    return (index.h("div", { class: "content" }, this.renderLeftMenu(), renderLeftSection && this.renderLeftSelection(), renderMainContent && (this.selectedLeftMenuOption !== index$2.FormCreatorOptions.translate ? this.renderFormContent() : this.renderTranslateContent()), renderWorkflow && this.renderWorkflow(), renderLivePreview && !index$3.isScoring(this.selectedLeftMenuOption) && this.renderLivePreview()));
+    return (index.h("div", { class: "content" }, this.renderLeftMenu(), renderLeftSection && this.renderLeftSelection(), renderMainContent && (this.selectedLeftMenuOption !== index$4.FormCreatorOptions.translate ? this.renderFormContent() : this.renderTranslateContent()), renderWorkflow && this.renderWorkflow(), renderLivePreview && !index$1.isScoring(this.selectedLeftMenuOption) && this.renderLivePreview()));
   }
   renderLeftMenu() {
-    return (index.h("div", { class: "left-menu" }, index.h("div", { class: "left-menu-top" }, !this.isTranslatorForm && this.renderIcon(index$2.FormCreatorOptions.blocks), this.showLogics && this.renderIcon(index$2.FormCreatorOptions.logic), this.showScorings && this.renderIcon(index$2.FormCreatorOptions.scoring), this.showTranslations && this.renderIcon(index$2.FormCreatorOptions.translate), this.showDesign && this.renderIcon(index$2.FormCreatorOptions.design), this.showWorkflow && this.renderIcon(index$2.FormCreatorOptions.workflow)), index.h("div", { class: "left-menu-bottom" }, this.renderHelp())));
+    return (index.h("div", { class: "left-menu" }, index.h("div", { class: "left-menu-top" }, !this.isTranslatorForm && this.renderIcon(index$4.FormCreatorOptions.blocks), this.showLogics && this.renderIcon(index$4.FormCreatorOptions.logic), this.showScorings && this.renderIcon(index$4.FormCreatorOptions.scoring), this.showTranslations && this.renderIcon(index$4.FormCreatorOptions.translate), this.showDesign && this.renderIcon(index$4.FormCreatorOptions.design), this.showWorkflow && this.renderIcon(index$4.FormCreatorOptions.workflow)), index.h("div", { class: "left-menu-bottom" }, this.renderHelp())));
   }
   renderHelp() {
     var _a;
     const helpCenterOptions = (_a = this.helpCenterOptions) === null || _a === void 0 ? void 0 : _a.filter((option) => (option.isVisible ? option.isVisible() : true));
-    return !!(helpCenterOptions === null || helpCenterOptions === void 0 ? void 0 : helpCenterOptions.length) && (index.h("yoo-context-menu", { contentButtons: helpCenterOptions, placement: "above" }, index.h("yoo-tooltip", { content: index$4.translate('YOOBICHELP'), hoverable: true, placement: "right" }, index.h("yoo-icon", { color: "stable", name: "help", size: "medium" }))));
+    return !!(helpCenterOptions === null || helpCenterOptions === void 0 ? void 0 : helpCenterOptions.length) && (index.h("yoo-context-menu", { contentButtons: helpCenterOptions, placement: "above" }, index.h("yoo-tooltip", { content: index$2.translate('YOOBICHELP'), hoverable: true, placement: "right" }, index.h("yoo-icon", { color: "stable", name: "help", size: "medium" }))));
   }
   renderIcon(leftMenuOption) {
-    const retrievedIcon = leftMenuOption === index$2.FormCreatorOptions.blocks ? 'categories' : leftMenuOption;
+    const retrievedIcon = leftMenuOption === index$4.FormCreatorOptions.blocks ? 'categories' : leftMenuOption;
     const icon = retrievedIcon === 'translation' ? 'translate' :
       retrievedIcon === 'workflow' ? 'hr' :
         retrievedIcon === 'design' ? 'color-picker' :
           retrievedIcon === 'reportbuilder' ? 'audit' :
             retrievedIcon;
-    return (index.h("yoo-tooltip", { content: index$4.translate(leftMenuOption.toUpperCase()), hoverable: true, placement: "right" }, index.h("yoo-icon", { onClick: () => this.onLeftMenuIconSelected(leftMenuOption), name: icon, color: this.isSelectedLeftMenu(leftMenuOption) ? 'app-color' : 'stable', size: "medium" })));
+    return (index.h("yoo-tooltip", { content: index$2.translate(leftMenuOption.toUpperCase()), hoverable: true, placement: "right" }, index.h("yoo-icon", { onClick: () => this.onLeftMenuIconSelected(leftMenuOption), name: icon, color: this.isSelectedLeftMenu(leftMenuOption) ? 'app-color' : 'stable', size: "medium" })));
   }
   renderLeftSelection() {
     return (index.h("div", { class: {
         'left-selection': true,
         hide: !this.showLeftMenuSelection,
-        scoring: index$3.isScoring(this.selectedLeftMenuOption)
+        scoring: index$1.isScoring(this.selectedLeftMenuOption)
       } }, this.shouldRenderLeftSelectionContent && this.renderLeftSelectionContent()));
   }
   renderLeftSelectionContent() {
@@ -2039,10 +2018,10 @@ const YooFormCreatorComponent = class {
   }
   renderLogicSelection() {
     const entries = [
-      { title: 'ADDCONDITION', selected: true, subTitle: 'FIELDTOOLTIP', blurContent: !index$4.isNullOrUndefined(this.newRestrictionCondition) },
+      { title: 'ADDCONDITION', selected: true, subTitle: 'FIELDTOOLTIP', blurContent: !index$2.isNullOrUndefined(this.newRestrictionCondition) },
       { title: 'ADDRESTRICTION', selected: true, subTitle: 'RESTRICTIONTOOLTIP' }
     ];
-    return (index.h("div", { class: "logic-container" }, index.h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-accordion", { entries: entries, iconPairLeft: index$5.ARROW_PAIR, allowMultipleSelection: true }, index$2.CONDITION_TYPES.map((condition, conditionIndex) => (index.h("div", { slot: entries[conditionIndex].title }, index.h("div", { class: "condition-block-selection", ref: (el) => (this.newFieldContainerBlocks[conditionIndex] = el) }, condition === 'conditions' && this.renderNewConditionBlocks(condition), condition === 'restrictions' && this.renderRestrictionConditions(condition)))))))));
+    return (index.h("div", { class: "logic-container" }, index.h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-accordion", { entries: entries, iconPairLeft: index$5.ARROW_PAIR, allowMultipleSelection: true }, index$4.CONDITION_TYPES.map((condition, conditionIndex) => (index.h("div", { slot: entries[conditionIndex].title }, index.h("div", { class: "condition-block-selection", ref: (el) => (this.newFieldContainerBlocks[conditionIndex] = el) }, condition === 'conditions' && this.renderNewConditionBlocks(condition), condition === 'restrictions' && this.renderRestrictionConditions(condition)))))))));
   }
   renderNewConditionBlocks(condition) {
     return formField_instance.conditionBlocksConfig.map((blockConfig) => {
@@ -2052,14 +2031,14 @@ const YooFormCreatorComponent = class {
     });
   }
   renderRestrictionConditions(condition) {
-    return (index.h("yoo-form-creator-restriction-selector", { ref: (el) => (this.restrictionSelector = el), conditionType: condition, restrictionConditions: this.restrictionConditions, initialSelectedTab: this.restrictionConditionSelectedTab, disableSecondaryActions: !index$4.isNullOrUndefined(this.newRestrictionCondition) }));
+    return (index.h("yoo-form-creator-restriction-selector", { ref: (el) => (this.restrictionSelector = el), conditionType: condition, restrictionConditions: this.restrictionConditions, initialSelectedTab: this.restrictionConditionSelectedTab, disableSecondaryActions: !index$2.isNullOrUndefined(this.newRestrictionCondition) }));
   }
   renderEmptyScoringState() {
-    return (index.h("div", { class: "scoring-empty-state", slot: "CONTENT" }, index.h("yoo-empty-state", { type: "scoring" }), index.h("div", null, index$4.translate('LISTEMPTY'))));
+    return (index.h("div", { class: "scoring-empty-state", slot: "CONTENT" }, index.h("yoo-empty-state", { type: "scoring" }), index.h("div", null, index$2.translate('LISTEMPTY'))));
   }
   renderScoringSelection() {
     const newScoringButton = {
-      text: index$4.translate('ADDNEWSCORING'),
+      text: index$2.translate('ADDNEWSCORING'),
       size: 'small',
       color: 'app-color',
       handler: () => this.newScoringClicked.emit()
@@ -2077,7 +2056,7 @@ const YooFormCreatorComponent = class {
     const formField = {
       title: 'PLACEHOLDER',
       icon: 'info',
-      category: index$2.FormFieldCategory.information
+      category: index$4.FormFieldCategory.information
     };
     return (index.h("yoo-accordion", { class: "sub-accordion", entries: entries, iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, index.h("div", { slot: "TRANSLATE" }, index.h("yoo-form-creator-block-expandable", { mode: "new", formField: formField, options: this.options }))));
   }
@@ -2086,7 +2065,7 @@ const YooFormCreatorComponent = class {
     if (!this.showTranslations) {
       return;
     }
-    return (index.h("yoo-form-creator-translate", { ref: (el) => this.translatePage = el, baseLanguage: this.baseLanguage, selectedLanguages: this.selectedLanguages, allLanguages: this.allLanguages, translations: this.translations, slides: this.currentSlides, scoring: this.scoring, missionDescription: this.missionDescription, plan: this.plan, showBilingualView: this.isTranslatorForm && index$4.isNullOrUndefined(this.plan) && !index$4.isNullOrUndefined((_a = this.currentSlides[0]) === null || _a === void 0 ? void 0 : _a.items[0]), isTranslator: this.isTranslator, disableNewLanguageButton: this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null, disableTranslateButton: this.isLesson && !this.plan ? 'INITIATETRANSLATIONSINCOURSE' : null, onBaseLanguageChanged: (ev) => {
+    return (index.h("yoo-form-creator-translate", { ref: (el) => this.translatePage = el, baseLanguage: this.baseLanguage, selectedLanguages: this.selectedLanguages, allLanguages: this.allLanguages, translations: this.translations, slides: this.currentSlides, scoring: this.scoring, missionDescription: this.missionDescription, plan: this.plan, showBilingualView: this.isTranslatorForm && index$2.isNullOrUndefined(this.plan) && !index$2.isNullOrUndefined((_a = this.currentSlides[0]) === null || _a === void 0 ? void 0 : _a.items[0]), isTranslator: this.isTranslator, disableNewLanguageButton: this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null, disableTranslateButton: this.isLesson && !this.plan ? 'INITIATETRANSLATIONSINCOURSE' : null, onBaseLanguageChanged: (ev) => {
         ev.stopPropagation();
         this.baseLanguageChanged.emit(ev.detail);
       }, onSelectedLanguagesChanged: (ev) => {
@@ -2112,7 +2091,7 @@ const YooFormCreatorComponent = class {
         this.translationImport.emit(ev.detail);
       }, onSlidesChanged: (ev) => {
         ev.stopPropagation();
-        const slides = index$4.formatSlides(ev.detail.slides, true);
+        const slides = index$2.formatSlides(ev.detail.slides, true);
         this.slidesChanged.emit({ slides });
       }, onScoringChanged: (ev) => {
         ev.stopPropagation();
@@ -2174,73 +2153,73 @@ const YooFormCreatorComponent = class {
       iconSlot: 'start',
       icon: 'circle-plus',
       iconSize: 'small',
-      text: index$4.translate('ADDNEWPAGE'),
+      text: index$2.translate('ADDNEWPAGE'),
       size: 'small',
       color: 'light',
       handler: () => this.onAddNewPage()
     };
     const quickScoringButton = {
-      text: index$4.translate('FASTSCORING'),
+      text: index$2.translate('FASTSCORING'),
       size: 'medium',
       color: 'app-color',
       handler: async () => {
         const dialog = document.createElement('yoo-form-creator-scoring-quick-setup');
-        dialog.data = index$3.getScoringQuickSetupData(this.slides);
+        dialog.data = index$1.getScoringQuickSetupData(this.slides);
         dialog.page = this.selectedPageIndex;
-        dialog.addEventListener('close', () => index$4.closeModal(null, dialog));
-        dialog.addEventListener('save', (event) => index$4.closeModal(event.detail, dialog));
-        const { data: result } = await index$4.showModal(dialog, { height: 'medium' }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true);
+        dialog.addEventListener('close', () => index$2.closeModal(null, dialog));
+        dialog.addEventListener('save', (event) => index$2.closeModal(event.detail, dialog));
+        const { data: result } = await index$2.showModal(dialog, { height: 'medium' }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true);
         if (result) {
-          const answer = await index$4.showAlert(index$4.translate('CONFIRM'), [index$4.translate('CANCEL'), index$4.translate('YOOBICYES')], index$4.translate('SCORINGQUICKSETUPCONFIRM'));
+          const answer = await index$2.showAlert(index$2.translate('CONFIRM'), [index$2.translate('CANCEL'), index$2.translate('YOOBICYES')], index$2.translate('SCORINGQUICKSETUPCONFIRM'));
           if (answer) {
             this.scoringQuickSetup.emit({ pages: result.pages, scores: result.scores, scoringIndex: this.selectedScoringIndex });
           }
         }
       }
     };
-    const message = index$4.translate('SELECTEDITEMS', { n: '' });
+    const message = index$2.translate('SELECTEDITEMS', { n: '' });
     /**
      * TODO:
      * Add extra selection buttons when product confirms
      */
     const extraButtonsVisible = this.selectedFields.length > 0;
     const extraButtons = [];
-    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$2.FormCreatorBulkActions.custom)) {
+    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$4.FormCreatorBulkActions.custom)) {
       extraButtons.push({
         icon: () => 'dashboards',
         color: () => 'stable',
-        text: () => index$4.translate('CREATECUSTOMFIELD'),
+        text: () => index$2.translate('CREATECUSTOMFIELD'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.onCreateCustomFormFields();
         }
       });
     }
-    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$2.FormCreatorBulkActions.settings)) {
+    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$4.FormCreatorBulkActions.settings)) {
       extraButtons.push({
         icon: () => 'settings',
         color: () => 'stable',
-        text: () => index$4.translate('SETTINGS'),
+        text: () => index$2.translate('SETTINGS'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.editSelectedFields();
         }
       });
     }
-    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$2.FormCreatorBulkActions.move)) {
+    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$4.FormCreatorBulkActions.move)) {
       extraButtons.push({
         icon: () => 'move',
         color: () => 'stable',
-        text: () => index$4.translate('YOOBICMOVE'),
+        text: () => index$2.translate('YOOBICMOVE'),
         isVisible: () => extraButtonsVisible,
         contextMenuActions: { contentButtons: this.selectedMoveActions }
       });
     }
-    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$2.FormCreatorBulkActions.duplicate)) {
+    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$4.FormCreatorBulkActions.duplicate)) {
       extraButtons.push({
         icon: () => 'duplicate',
         color: () => 'stable',
-        text: () => index$4.translate('DUPLICATE'),
+        text: () => index$2.translate('DUPLICATE'),
         isVisible: () => extraButtonsVisible,
         contextMenuActions: {
           contentButtons: this.selectedDuplicateActions,
@@ -2248,11 +2227,11 @@ const YooFormCreatorComponent = class {
         }
       });
     }
-    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$2.FormCreatorBulkActions.delete) && !index$3.checkForFieldAttribute(this.slides, 'locked', this.selectedFields)) {
+    if (!this.newCustomFormFieldSelectionMode && this.bulkActions.includes(index$4.FormCreatorBulkActions.delete) && !index$1.checkForFieldAttribute(this.slides, 'locked', this.selectedFields)) {
       extraButtons.push({
         icon: () => 'delete',
         color: () => 'stable',
-        text: () => index$4.translate('DELETE'),
+        text: () => index$2.translate('DELETE'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.deleteSelectedFields();
@@ -2263,28 +2242,28 @@ const YooFormCreatorComponent = class {
       extraButtons.push({
         icon: () => 'check',
         color: () => 'success',
-        text: () => index$4.translate('SAVE'),
+        text: () => index$2.translate('SAVE'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.onCreateCustomFormFields();
         }
       });
     }
-    if (this.bulkActions.includes(index$2.FormCreatorBulkActions.settings)) {
+    if (this.bulkActions.includes(index$4.FormCreatorBulkActions.settings)) {
       extraButtons.push({
         icon: () => 'cross',
         color: () => 'stable',
-        text: () => index$4.translate('CLOSE'),
+        text: () => index$2.translate('CLOSE'),
         isVisible: () => extraButtonsVisible,
         handler: () => {
           this.toggleSelectionMode();
         }
       });
     }
-    if (index$3.isScoring(this.selectedLeftMenuOption) && this.scoring.length === 0) {
+    if (index$1.isScoring(this.selectedLeftMenuOption) && this.scoring.length === 0) {
       return index.h("div", { class: "form-content relative" }, this.renderEmptyScoringState());
     }
-    const actionButtons = index$3.isScoring(this.selectedLeftMenuOption) ? (this.scoring.length > 0 ? [quickScoringButton] : null) : [newPageButton];
+    const actionButtons = index$1.isScoring(this.selectedLeftMenuOption) ? (this.scoring.length > 0 ? [quickScoringButton] : null) : [newPageButton];
     const pageSectionEl = (index.h("yoo-accordion", { ref: (el) => (this.pagesAccordion = el), class: "pages-accordion", entries: [
         {
           title: 'PAGES',
@@ -2292,7 +2271,7 @@ const YooFormCreatorComponent = class {
           selected: this.isPagesAccordionOpen,
           actionButtons
         }
-      ], iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, index.h("div", { slot: "PAGES" }, index.h("yoo-form-creator-page-card-list", { scoringMode: index$3.isScoring(this.selectedLeftMenuOption) ? this.selectedScoring : null, missionSlides: this.currentSlides, selectedPageIndex: this.selectedPageIndex, onPageClicked: this.onPageClicked, onDuplicatePageClicked: this.onDuplicatePageClicked, onInsertPageAfterClicked: this.onInsertPageAfterClicked, onDeletePageClicked: this.onDeletePageClicked, onEditPageClicked: this.onEditPageClicked, onAddSiteTagRestrictionClicked: this.onAddSiteTagRestrictionClicked, onAddUserGroupRestrictionClicked: this.onAddUserGroupRestrictionClicked, onPageOrderChanged: this.onPageOrderChanged, onReorderEnded: () => {
+      ], iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, index.h("div", { slot: "PAGES" }, index.h("yoo-form-creator-page-card-list", { scoringMode: index$1.isScoring(this.selectedLeftMenuOption) ? this.selectedScoring : null, missionSlides: this.currentSlides, selectedPageIndex: this.selectedPageIndex, onPageClicked: this.onPageClicked, onDuplicatePageClicked: this.onDuplicatePageClicked, onInsertPageAfterClicked: this.onInsertPageAfterClicked, onDeletePageClicked: this.onDeletePageClicked, onEditPageClicked: this.onEditPageClicked, onAddSiteTagRestrictionClicked: this.onAddSiteTagRestrictionClicked, onAddUserGroupRestrictionClicked: this.onAddUserGroupRestrictionClicked, onPageOrderChanged: this.onPageOrderChanged, onReorderEnded: () => {
         this.isPageReordering = false;
       }, onReorderStarted: () => {
         this.isPageReordering = true;
@@ -2303,11 +2282,11 @@ const YooFormCreatorComponent = class {
   renderOverlays() {
     return (index.h("yoo-form-creator-overlay", { ref: (el) => (this.overlayElement = el), initialNewUndefinedCondition: this.newUndefinedCondition, initialNewFieldCondition: this.newFieldCondition, initialNewRestrictionCondition: this.newRestrictionCondition, initialIsLivePreviewHidden: this.isLivePreviewHidden, newCustomFormField: this.newCustomFormFieldSelectionMode, onOverlaysCleared: () => this.removeOverlays() }));
   }
-  renderScoringBlocksContainer(slide, index$1) {
+  renderScoringBlocksContainer(slide, index$3) {
     return [
       index.h("div", { class: "expandable-form-block-container" }, slide.items.map(({ multiple, title, icon, category, name, type, opValues, values, hasScoring, formCreatorIndex, parentConditions, max }, itemIndex) => {
         if (itemIndex < this.numberOfBlocksToRender) {
-          const scoringCategory = index$4.getScoringCategory(type, index$2.ALL_MOBILE_FORM_FIELDS, multiple);
+          const scoringCategory = index$2.getScoringCategory(type, index$4.ALL_MOBILE_FORM_FIELDS, multiple);
           let scoringValues;
           let formattedScoring = {
             fieldName: name,
@@ -2315,20 +2294,20 @@ const YooFormCreatorComponent = class {
             maxScore: null
           };
           if (type === 'feedback') {
-            values = index$2.FEEDBACK_SCORING_VALUES;
+            values = index$4.FEEDBACK_SCORING_VALUES;
           }
-          if (scoringCategory !== index$2.ScoringCategory.noScoring) {
+          if (scoringCategory !== index$4.ScoringCategory.noScoring) {
             scoringValues = opValues && opValues[0] ? opValues[0] : values || [];
             scoringValues = scoringValues === null || scoringValues === void 0 ? void 0 : scoringValues.map((scoreValue) => scoreValue === null || scoreValue === void 0 ? void 0 : scoreValue.replace(/[.]/g, '_'));
-            formattedScoring = index$4.formatScoringValuePairs(this.selectedScoring, name, scoringCategory);
+            formattedScoring = index$2.formatScoringValuePairs(this.selectedScoring, name, scoringCategory);
             // Multi-choice fields coming from v4, where one the options is not filled, will not appear in the score
             // but the values need to be added to the scoreValuePairs
-            if ((scoringCategory === index$2.ScoringCategory.singleChoice || scoringCategory === index$2.ScoringCategory.multipleChoice) && scoringValues.length) {
-              formattedScoring = index$3.populateMissingValues(formattedScoring, scoringValues);
+            if ((scoringCategory === index$4.ScoringCategory.singleChoice || scoringCategory === index$4.ScoringCategory.multipleChoice) && scoringValues.length) {
+              formattedScoring = index$1.populateMissingValues(formattedScoring, scoringValues);
             }
             // Populate the visible field from the v4 with the total score
             if (formattedScoring.maxScore === null) {
-              formattedScoring.maxScore = index$4.findMultiMaxScore(formattedScoring.scoreValuePairs, values);
+              formattedScoring.maxScore = index$2.findMultiMaxScore(formattedScoring.scoreValuePairs, values);
             }
           }
           const formField = {
@@ -2349,7 +2328,7 @@ const YooFormCreatorComponent = class {
           return (index.h("div", { class: "scoring-block-container" }, index.h("yoo-form-creator-score-expandable", { options: this.options, mode: this.selectedScoring.isPercentage ? 'scoring-percentage' : 'scoring', formField: formField, onScoreDeleted: this.onScoreDeleted, onScoreChanged: this.onScoreChanged, onScoreAdded: this.onScoreAdded })));
         }
       })),
-      index.h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScrolls[index$1] = el), onIonInfinite: () => this.onInfiniteScroll() }, this.numberOfBlocksToRender < slide.items.length && index.h("yoo-ion-infinite-scroll-content", null))
+      index.h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScrolls[index$3] = el), onIonInfinite: () => this.onInfiniteScroll() }, this.numberOfBlocksToRender < slide.items.length && index.h("yoo-ion-infinite-scroll-content", null))
     ];
   }
   renderFormContentBlocksContainer() {
@@ -2374,7 +2353,7 @@ const YooFormCreatorComponent = class {
     const buttonColor = 'app-color';
     const actionButtons = [
       {
-        text: index$4.translate('HIDELOGICTOOLTIP'),
+        text: index$2.translate('HIDELOGICTOOLTIP'),
         size: 'small',
         color: buttonColor,
         fill: 'transparent',
@@ -2383,7 +2362,7 @@ const YooFormCreatorComponent = class {
         isVisible: () => !this.selectionMode && !this.isLesson && conditionsArePopulated
       },
       {
-        text: index$4.translate('SELECTALL'),
+        text: index$2.translate('SELECTALL'),
         size: 'small',
         color: buttonColor,
         fill: 'transparent',
@@ -2392,7 +2371,7 @@ const YooFormCreatorComponent = class {
         isVisible: () => this.selectionMode
       },
       {
-        text: index$4.translate(this.selectionMode ? 'CANCEL' : 'SELECTACTION'),
+        text: index$2.translate(this.selectionMode ? 'CANCEL' : 'SELECTACTION'),
         size: 'small',
         fill: 'transparent',
         animated: false,
@@ -2404,15 +2383,15 @@ const YooFormCreatorComponent = class {
         {
           title: 'CONTENT',
           selected: true,
-          actionButtons: index$3.isScoring(this.selectedLeftMenuOption) ? [] : [...actionButtons]
+          actionButtons: index$1.isScoring(this.selectedLeftMenuOption) ? [] : [...actionButtons]
         }
-      ], iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index$1) => (index.h("div", { slot: index$1 === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, index.h("yoo-ion-scroll", { ref: (el) => {
-        if (index$1 === this.selectedPageIndex) {
+      ], iconPairLeft: index$5.ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index$2) => (index.h("div", { slot: index$2 === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, index.h("yoo-ion-scroll", { ref: (el) => {
+        if (index$2 === this.selectedPageIndex) {
           this.mainContentScrollElement = el;
         }
-      }, scrollEvents: true, onIonScroll: (ev) => this.onMainContentScrolled(ev) }, index$3.isScoring(this.selectedLeftMenuOption) && this.selectedScoring
-      ? index$1 === this.selectedPageIndex && this.renderScoringBlocksContainer(slide, index$1)
-      : index$1 === this.selectedPageIndex && this.renderExpandableBlockContainer(slide, index$1))))))));
+      }, scrollEvents: true, onIonScroll: (ev) => this.onMainContentScrolled(ev) }, index$1.isScoring(this.selectedLeftMenuOption) && this.selectedScoring
+      ? index$2 === this.selectedPageIndex && this.renderScoringBlocksContainer(slide, index$2)
+      : index$2 === this.selectedPageIndex && this.renderExpandableBlockContainer(slide, index$2))))))));
   }
   renderExpandableBlockContainer(slide, index$1) {
     var _a;
@@ -2429,12 +2408,12 @@ const YooFormCreatorComponent = class {
     ];
   }
   renderEmptyFieldState() {
-    return (index.h("div", { class: "empty-state", ref: (el) => (this.fieldEmptyStateContainer = el) }, index.h("yoo-empty-state", { type: "scoring" }), index.h("div", { class: "text-container" }, index$4.translate('EMPTYFORMCREATOR'), index.h("yoo-icon", { name: "circle-plus", color: "stable" }))));
+    return (index.h("div", { class: "empty-state", ref: (el) => (this.fieldEmptyStateContainer = el) }, index.h("yoo-empty-state", { type: "scoring" }), index.h("div", { class: "text-container" }, index$2.translate('EMPTYFORMCREATOR'), index.h("yoo-icon", { name: "circle-plus", color: "stable" }))));
   }
   renderFormContentBlocks({ opValues, title, icon, category, name, customName, isExpanded, parentConditions, condition, type, values, hasScoring, selected, formCreatorIndex, required, hideMobile, locked }, itemIndex, pageIndex) {
     var _a, _b, _c, _d;
     const childConditions = condition;
-    const { restrictionConditions, fieldConditions } = index$3.setRestrictionAndFieldConditions(childConditions);
+    const { restrictionConditions, fieldConditions } = index$1.setRestrictionAndFieldConditions(childConditions);
     if (values === null && (opValues === null || opValues === void 0 ? void 0 : opValues.length)) {
       values = opValues[0];
     }
@@ -2460,7 +2439,7 @@ const YooFormCreatorComponent = class {
       hideMobile: hideMobile,
       locked
     };
-    const { childFields, sequentialConditionFields } = index$3.setChildFields(parentConditions, formCreatorIndex);
+    const { childFields, sequentialConditionFields } = index$1.setChildFields(parentConditions, formCreatorIndex);
     const formFieldName = customName || name;
     if (itemIndex >= 0 && pageIndex === this.selectedPageIndex) {
       this.parentBlockIndices.push(itemIndex);
@@ -2469,7 +2448,7 @@ const YooFormCreatorComponent = class {
         if (pageIndex === this.selectedPageIndex) {
           this.expandableBlocks[itemIndex] = el;
         }
-      }, showConditions: this.selectionMode ? false : this.showConditions, class: { selection: this.selectionMode }, formField: formField, itemList: this.itemList, campaignType: (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type, sequentialConditionFields: sequentialConditionFields, isInSelectionMode: this.selectionMode, numberOfBlocksToRender: this.numberOfBlocksToRender, blockFieldExpansion: !index$4.isNullOrUndefined(this.newUndefinedCondition), disableFieldTranslation: (this.isLesson && (!this.translations || ((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) === 0)) || ((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.lockTranslations) || !this.options.includes(index$2.FormCreatorOptions.translate), translations: this.translations, baseLanguage: this.baseLanguage, invalid: (_d = this.invalidFields) === null || _d === void 0 ? void 0 : _d.includes(formField.name), invalidFields: this.invalidFields, useAppColour: this.isLesson && this.missionDescription.lessonType === 'document' }, index.h("div", { class: "parent-slot", slot: formFieldName }, index.h("slot", { name: formFieldName })), childFields === null || childFields === void 0 ? void 0 :
+      }, showConditions: this.selectionMode ? false : this.showConditions, class: { selection: this.selectionMode }, formField: formField, itemList: this.itemList, campaignType: (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type, sequentialConditionFields: sequentialConditionFields, isInSelectionMode: this.selectionMode, numberOfBlocksToRender: this.numberOfBlocksToRender, blockFieldExpansion: !index$2.isNullOrUndefined(this.newUndefinedCondition), disableFieldTranslation: (this.isLesson && (!this.translations || ((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) === 0)) || ((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.lockTranslations) || !this.options.includes(index$4.FormCreatorOptions.translate), translations: this.translations, baseLanguage: this.baseLanguage, invalid: (_d = this.invalidFields) === null || _d === void 0 ? void 0 : _d.includes(formField.name), invalidFields: this.invalidFields, useAppColour: this.isLesson && this.missionDescription.lessonType === 'document' }, index.h("div", { class: "parent-slot", slot: formFieldName }, index.h("slot", { name: formFieldName })), childFields === null || childFields === void 0 ? void 0 :
       childFields.map((childField) => {
         var _a;
         return ((_a = childField.sequentialConditionalField) === null || _a === void 0 ? void 0 : _a.masterParentFieldName) === formFieldName && (index.h("div", { class: "child-slot", slot: childField.name }, index.h("slot", { name: childField.name })));
@@ -2481,7 +2460,7 @@ const YooFormCreatorComponent = class {
   }
   renderFormDynamic() {
     var _a;
-    return (index.h("div", { class: "form-dynamic-container" }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-truncate", null, index$4.translateMulti((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title))))));
+    return (index.h("div", { class: "form-dynamic-container" }, index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-truncate", null, index$2.translateMulti((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title))))));
   }
   render() {
     return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "container", ref: (el) => (this.containerEl = el) }, this.renderHeader(), this.renderContent(), this.renderOverlays())));