@yoobic/yobi 8.5.0-60 → 8.5.0-62

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const index$1 = require('./index-ba1443ff.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const index$2 = require('./index-c178e61e.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -74,15 +74,15 @@ const YooFormCreatorTranslateComponent = class {
     var _a;
     const missionDescription = this.missionDescription;
     if (missionDescription) {
-      missionDescription.slides = lodash.cloneDeep(overlays.formatSlides(this.slides, true));
-      this.items = ((_a = overlays.cleanUnusedTranslations(this.translations, missionDescription, this.scoring)) === null || _a === void 0 ? void 0 : _a.usedTranslations) || [];
+      missionDescription.slides = lodash.cloneDeep(index$1.formatSlides(this.slides, true));
+      this.items = ((_a = index$1.cleanUnusedTranslations(this.translations, missionDescription, this.scoring)) === null || _a === void 0 ? void 0 : _a.usedTranslations) || [];
     }
   }
   selectedLanguageChanged() {
     this.updateGridConfig();
     if (this.hasTranslations) {
-      this.translateToAutocomplete.value = overlays.getTranslateLanguageKeys(this.selectedLanguages);
-      this.translateToAutocomplete.updateValues(overlays.getTranslateLanguageKeys(this.selectedLanguages), null, null, true);
+      this.translateToAutocomplete.value = index$1.getTranslateLanguageKeys(this.selectedLanguages);
+      this.translateToAutocomplete.updateValues(index$1.getTranslateLanguageKeys(this.selectedLanguages), null, null, true);
     }
   }
   componentWillUpdate() {
@@ -96,7 +96,7 @@ const YooFormCreatorTranslateComponent = class {
       this.selectedLanguages = this.selectedLanguages.filter((language) => language !== this.baseLanguage);
     }
     if (this.missionDescription) {
-      this.missionDescription.lockTranslations = (overlays.hasImageRecognitionFields(this.slides) && overlays.isNullOrUndefined(this.missionDescription.lockTranslations)) || this.missionDescription.lockTranslations;
+      this.missionDescription.lockTranslations = (index$1.hasImageRecognitionFields(this.slides) && index$1.isNullOrUndefined(this.missionDescription.lockTranslations)) || this.missionDescription.lockTranslations;
     }
     this.hasTranslations = ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0;
     this.updateGridConfig();
@@ -106,47 +106,47 @@ const YooFormCreatorTranslateComponent = class {
     this.exportActions = [
       //Disabled for now until post release
       {
-        text: overlays.translate('IMPORT'),
+        text: index$1.translate('IMPORT'),
         icon: 'import',
         handler: () => this.onImport()
       },
       {
-        text: overlays.translate('EXPORT'),
+        text: index$1.translate('EXPORT'),
         icon: 'export',
         subMenu: [
           {
-            text: overlays.translate('EXCEL'),
+            text: index$1.translate('EXCEL'),
             icon: 'file-excel',
             handler: () => this.onExport('xlsx')
           },
           {
-            text: overlays.translate('EXCELKEEPHTML'),
+            text: index$1.translate('EXCELKEEPHTML'),
             icon: 'file-excel',
             handler: () => this.onExport('xlsx', true)
           },
           {
-            text: overlays.translate('CSV'),
+            text: index$1.translate('CSV'),
             icon: 'file-csv',
             handler: () => this.onExport('csv')
           },
           {
-            text: overlays.translate('CSVKEEPHTML'),
+            text: index$1.translate('CSVKEEPHTML'),
             icon: 'file-csv',
             handler: () => this.onExport('csv', true)
           }
         ]
       },
       {
-        text: ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.lockTranslations) ? overlays.translate('UNLOCKTRANSLATIONS') : overlays.translate('LOCKTRANSLATIONS'),
+        text: ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.lockTranslations) ? index$1.translate('UNLOCKTRANSLATIONS') : index$1.translate('LOCKTRANSLATIONS'),
         icon: 'translate',
         handler: () => this.onLockTranslations(),
-        isVisible: () => { var _a; return !overlays.isNullOrUndefined(this.missionDescription) && ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) !== 'lesson'; }
+        isVisible: () => { var _a; return !index$1.isNullOrUndefined(this.missionDescription) && ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) !== 'lesson'; }
       },
       {
-        text: overlays.translate('DELETEALL'),
+        text: index$1.translate('DELETEALL'),
         icon: 'delete',
         handler: () => this.onLanguageDeleteAllConfirm(),
-        isVisible: () => { var _a, _b; return (!this.isTranslator && !((_a = this.plan) === null || _a === void 0 ? void 0 : _a.isActive) && !((_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.active)) || overlays.getAuthentication().isYoobicTenantAdmin(); }
+        isVisible: () => { var _a, _b; return (!this.isTranslator && !((_a = this.plan) === null || _a === void 0 ? void 0 : _a.isActive) && !((_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.active)) || index$1.getAuthentication().isYoobicTenantAdmin(); }
       }
     ];
     this.gridConfig = {
@@ -165,37 +165,37 @@ const YooFormCreatorTranslateComponent = class {
       columnDefs: [
         {
           field: 'order',
-          headerName: overlays.translate('ORDER'),
+          headerName: index$1.translate('ORDER'),
           sort: 'asc',
           cellRenderer: 'translateRenderer',
           hide: true
         },
         {
           field: '_id',
-          headerName: overlays.translate('YOOBICID'),
+          headerName: index$1.translate('YOOBICID'),
           cellRenderer: 'translateRenderer',
           hide: true
         },
         {
           field: 'location',
-          headerName: overlays.translate('TRANSLATIONLOCATION'),
+          headerName: index$1.translate('TRANSLATIONLOCATION'),
           sort: 'asc',
           cellRenderer: 'translateRenderer'
         },
         {
           field: 'type',
-          headerName: overlays.translate('TRANSLATIONTYPE'),
+          headerName: index$1.translate('TRANSLATIONTYPE'),
           cellRenderer: 'translateRenderer',
           sort: 'asc'
         },
         {
           field: 'value',
-          headerName: overlays.translate('TRANSLATIONVALUE'),
+          headerName: index$1.translate('TRANSLATIONVALUE'),
           hide: true
         },
         {
           field: 'key',
-          headerName: overlays.translate('YOOBICKEY'),
+          headerName: index$1.translate('YOOBICKEY'),
           cellRenderer: 'keyTranslateRenderer',
           hide: true
         }
@@ -204,7 +204,7 @@ const YooFormCreatorTranslateComponent = class {
     if (this.baseLanguage) {
       this.gridConfig.columnDefs.push({
         field: this.baseLanguage,
-        headerName: overlays.translate(overlays.getLanguageKey(this.baseLanguage)),
+        headerName: index$1.translate(index$1.getLanguageKey(this.baseLanguage)),
         cellRenderer: 'defaultRenderer'
       });
     }
@@ -212,7 +212,7 @@ const YooFormCreatorTranslateComponent = class {
       this.selectedLanguages.forEach((l) => {
         this.gridConfig.columnDefs.push({
           field: l,
-          headerName: overlays.translate(overlays.getLanguageKey(l)),
+          headerName: index$1.translate(index$1.getLanguageKey(l)),
           cellRenderer: 'defaultRenderer'
         });
       });
@@ -224,61 +224,61 @@ const YooFormCreatorTranslateComponent = class {
   removeLanguage(language) {
     var _a;
     if (((_a = this.selectedLanguages) === null || _a === void 0 ? void 0 : _a.length) === 1) {
-      overlays.showAlert(overlays.translate('YOOBICWARNING'), [overlays.translate('YOOBICOK')], overlays.translate('LASTLANGUAGEWARNING'));
+      index$1.showAlert(index$1.translate('YOOBICWARNING'), [index$1.translate('YOOBICOK')], index$1.translate('LASTLANGUAGEWARNING'));
     }
     else {
-      overlays.showAlert(overlays.translate('CONFIRM'), [overlays.translate('CANCEL'), overlays.translate('YOOBICOK')], overlays.translate('REMOVETRANSLATEDLANGUAGECONFIRM')).then((ret) => {
+      index$1.showAlert(index$1.translate('CONFIRM'), [index$1.translate('CANCEL'), index$1.translate('YOOBICOK')], index$1.translate('REMOVETRANSLATEDLANGUAGECONFIRM')).then((ret) => {
         if (ret) {
-          overlays.closeModal(null);
+          index$1.closeModal(null);
           this.languageRemoved.emit(language);
         }
       });
     }
   }
   onLanguageDeleteAllConfirm() {
-    overlays.showAlert(overlays.translate('DELETE'), [overlays.translate('CANCEL'), overlays.translate('YOOBICOK')], overlays.translate('DELETEALLTRANSLATIONCONFIRM')).then((ret) => {
+    index$1.showAlert(index$1.translate('DELETE'), [index$1.translate('CANCEL'), index$1.translate('YOOBICOK')], index$1.translate('DELETEALLTRANSLATIONCONFIRM')).then((ret) => {
       var _a, _b, _c, _d, _e, _f;
       if (ret === true) {
         if (this.scoring && this.scoring.length > 0) {
-          this.scoring = overlays.updateScoringWithTranslations(this.slides, this.translations, this.scoring, true);
+          this.scoring = index$1.updateScoringWithTranslations(this.slides, this.translations, this.scoring, true);
           this.scoring.forEach((scoring) => {
-            index$1.resetKey(scoring, 'title', this.translations);
-            index$1.resetKey(scoring, 'description', this.translations);
+            index$2.resetKey(scoring, 'title', this.translations);
+            index$2.resetKey(scoring, 'description', this.translations);
           });
           this.scoringChanged.emit(this.scoring);
         }
         if (this.missionDescription) {
-          index$1.resetKey(this.missionDescription, 'title', this.translations);
-          index$1.resetKey(this.missionDescription, 'text', this.translations);
+          index$2.resetKey(this.missionDescription, 'title', this.translations);
+          index$2.resetKey(this.missionDescription, 'text', this.translations);
           if ((_c = (_b = (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.workflow) === null || _b === void 0 ? void 0 : _b.steps) === null || _c === void 0 ? void 0 : _c.length) {
             this.missionDescription.workflow.steps.forEach((step) => {
-              index$1.resetKey(step, 'title', this.translations);
+              index$2.resetKey(step, 'title', this.translations);
             });
           }
           if (this.missionDescription.todo) {
-            index$1.resetKey(this.missionDescription.todo, 'description', this.translations);
+            index$2.resetKey(this.missionDescription.todo, 'description', this.translations);
             (_d = this.missionDescription.todo.values) === null || _d === void 0 ? void 0 : _d.forEach((value) => {
               var _a, _b;
               if ((_b = (_a = value === null || value === void 0 ? void 0 : value.text) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length) {
-                index$1.resetKey(value, 'text.value', this.translations);
+                index$2.resetKey(value, 'text.value', this.translations);
               }
             });
           }
           this.missionDescriptionChanged.emit(this.missionDescription);
         }
         if (this.slides && this.slides.length > 0) {
-          this.slides = overlays.updateAuditWithTranslations(this.slides, this.translations, true);
+          this.slides = index$1.updateAuditWithTranslations(this.slides, this.translations, true);
           this.resetSlides(this.slides);
         }
         if (this.plan) {
-          index$1.resetKey(this.plan, 'title', this.translations);
-          index$1.resetKey(this.plan, 'description', this.translations);
+          index$2.resetKey(this.plan, 'title', this.translations);
+          index$2.resetKey(this.plan, 'description', this.translations);
           (_f = (_e = this.plan) === null || _e === void 0 ? void 0 : _e.sections) === null || _f === void 0 ? void 0 : _f.forEach((section) => {
             var _a;
-            index$1.resetKey(section, 'title', this.translations);
+            index$2.resetKey(section, 'title', this.translations);
             (_a = section === null || section === void 0 ? void 0 : section.items) === null || _a === void 0 ? void 0 : _a.forEach((missDesc) => {
-              index$1.resetKey(missDesc, 'title', this.translations);
-              index$1.resetKey(missDesc, 'text', this.translations);
+              index$2.resetKey(missDesc, 'title', this.translations);
+              index$2.resetKey(missDesc, 'text', this.translations);
               this.resetSlides(missDesc.slides);
             });
           });
@@ -293,7 +293,7 @@ const YooFormCreatorTranslateComponent = class {
   }
   onLockTranslations() {
     var _a;
-    overlays.showAlert(overlays.translate('CONFIRM'), [overlays.translate('CANCEL'), overlays.translate('YOOBICOK')], overlays.translate(((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.lockTranslations) ? 'UNLOCKTRANSLATIONCONFIRM' : 'LOCKTRANSLATIONCONFIRM')).then((ret) => {
+    index$1.showAlert(index$1.translate('CONFIRM'), [index$1.translate('CANCEL'), index$1.translate('YOOBICOK')], index$1.translate(((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.lockTranslations) ? 'UNLOCKTRANSLATIONCONFIRM' : 'LOCKTRANSLATIONCONFIRM')).then((ret) => {
       if (ret) {
         this.lockTranslations.emit(!this.missionDescription.lockTranslations);
       }
@@ -302,11 +302,11 @@ const YooFormCreatorTranslateComponent = class {
   resetSlides(slides) {
     if (slides && slides.length > 0) {
       slides.forEach((s) => {
-        index$1.resetKey(s, 'title', this.translations);
-        index$1.resetKey(s, 'description', this.translations);
+        index$2.resetKey(s, 'title', this.translations);
+        index$2.resetKey(s, 'description', this.translations);
         if (s.items) {
           s.items.forEach((f) => {
-            index$1.resetFieldTranslations(f, this.translations);
+            index$2.resetFieldTranslations(f, this.translations);
           });
         }
       });
@@ -342,7 +342,7 @@ const YooFormCreatorTranslateComponent = class {
       this.translatePlan(overwrite, null, onlyTranslateMissingTranslations);
     }
     else {
-      index$1.translateAll(overwrite, lodash.cloneDeep(this.missionDescription), this.items, this.slides, this.scoring, this.baseLanguage, {
+      index$2.translateAll(overwrite, lodash.cloneDeep(this.missionDescription), this.items, this.slides, this.scoring, this.baseLanguage, {
         missionDescriptionChanged: this.missionDescriptionChanged,
         slidesChanged: this.slidesChanged,
         translationsUpdated: this.translationsUpdated,
@@ -369,7 +369,7 @@ const YooFormCreatorTranslateComponent = class {
       if ((lessonLanguagesToAdd === null || lessonLanguagesToAdd === void 0 ? void 0 : lessonLanguagesToAdd.length) > 0) {
         lessonLanguagesToAdd.forEach(({ lesson, languages }) => {
           const translations = this.items.filter((tran) => tran.missionDescriptionRef === lesson._id);
-          index$1.translateAll(true, lesson, translations, lesson.slides, null, this.baseLanguage, {
+          index$2.translateAll(true, lesson, translations, lesson.slides, null, this.baseLanguage, {
             translationsUpdated: this.translationsUpdated
           }, languages);
         });
@@ -385,7 +385,7 @@ const YooFormCreatorTranslateComponent = class {
   onTranslateAll(forceDisableOverwrite = false, onlyTranslateMissingTranslations = false) {
     var _a, _b, _c;
     const descriptionType = ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'lesson' ? 'LESSON' : 'CAMPAIGN';
-    overlays.showAlert(overlays.translate(((_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.active) ? 'CAUTION' : 'BESTPRACTICES'), [overlays.translate('CANCEL'), overlays.translate(this.plan ? 'TRANSLATECOURSE' : `TRANSLATE${descriptionType}`)], null, 'translate-warning', null, null, this.plan ? 'TRANSLATECOURSELINK' : (((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.active) ? `TRANSLATEACTIVE${descriptionType}LINK` : `TRANSLATE${descriptionType}LINK`)).then((ret) => {
+    index$1.showAlert(index$1.translate(((_b = this.missionDescription) === null || _b === void 0 ? void 0 : _b.active) ? 'CAUTION' : 'BESTPRACTICES'), [index$1.translate('CANCEL'), index$1.translate(this.plan ? 'TRANSLATECOURSE' : `TRANSLATE${descriptionType}`)], null, 'translate-warning', null, null, this.plan ? 'TRANSLATECOURSELINK' : (((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.active) ? `TRANSLATEACTIVE${descriptionType}LINK` : `TRANSLATE${descriptionType}LINK`)).then((ret) => {
       if (ret) {
         this.translateContent(forceDisableOverwrite, onlyTranslateMissingTranslations);
       }
@@ -396,8 +396,8 @@ const YooFormCreatorTranslateComponent = class {
     const originalPlan = lodash.cloneDeep(this.plan);
     let translations = lodash.cloneDeep(this.items);
     const errorMessages = [];
-    if (!index$1.isAlreadyTranslated(this.plan.title, this.translations)) {
-      index$1.addRow(translations, {
+    if (!index$2.isAlreadyTranslated(this.plan.title, this.translations)) {
+      index$2.addRow(translations, {
         title: this.plan.title,
         baseLanguage: this.baseLanguage,
         order: 19337,
@@ -411,8 +411,8 @@ const YooFormCreatorTranslateComponent = class {
         _tenantRef: this.plan._tenantRef
       }, false, errorMessages);
     }
-    if (!index$1.isAlreadyTranslated(this.plan.description, this.translations)) {
-      index$1.addRow(translations, {
+    if (!index$2.isAlreadyTranslated(this.plan.description, this.translations)) {
+      index$2.addRow(translations, {
         title: this.plan.description,
         baseLanguage: this.baseLanguage,
         order: 19338,
@@ -428,8 +428,8 @@ const YooFormCreatorTranslateComponent = class {
     }
     (_a = this.plan.sections) === null || _a === void 0 ? void 0 : _a.forEach((section, sectionIndex) => {
       var _a;
-      if (!index$1.isAlreadyTranslated(section.title, this.translations)) {
-        index$1.addRow(translations, {
+      if (!index$2.isAlreadyTranslated(section.title, this.translations)) {
+        index$2.addRow(translations, {
           title: section.title,
           baseLanguage: this.baseLanguage,
           order: 19338 + sectionIndex,
@@ -445,7 +445,7 @@ const YooFormCreatorTranslateComponent = class {
       }
       (_a = section === null || section === void 0 ? void 0 : section.items) === null || _a === void 0 ? void 0 : _a.forEach((missionDescription) => {
         var _a;
-        index$1.translateAll(overwrite, missionDescription, translations, missionDescription.slides, null, this.baseLanguage, {}, languages, onlyTranslateMissingTranslations, false, false, errorMessages);
+        index$2.translateAll(overwrite, missionDescription, translations, missionDescription.slides, null, this.baseLanguage, {}, languages, onlyTranslateMissingTranslations, false, false, errorMessages);
         if ((translations === null || translations === void 0 ? void 0 : translations.length) > ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
           translations = translations === null || translations === void 0 ? void 0 : translations.map((translation) => {
             if (!translation.missionDescriptionRef) {
@@ -462,8 +462,8 @@ const YooFormCreatorTranslateComponent = class {
       });
     });
     if (errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.length) {
-      const message = `${overlays.translate('CANNOTTRANSLATECONTENT')}<br/>${errorMessages.map((e) => `${e}<br/>`)}`;
-      overlays.showAlert('ERROR', [overlays.translate('CANCEL'), overlays.translate('CONTINUE')], message).then((confirm) => {
+      const message = `${index$1.translate('CANNOTTRANSLATECONTENT')}<br/>${errorMessages.map((e) => `${e}<br/>`)}`;
+      index$1.showAlert('ERROR', [index$1.translate('CANCEL'), index$1.translate('CONTINUE')], message).then((confirm) => {
         if (confirm) {
           this.successPlanTranslation(translations, overwrite, languages, onlyTranslateMissingTranslations);
         }
@@ -501,7 +501,7 @@ const YooFormCreatorTranslateComponent = class {
     formCreatorTranslateDialogLanguageSelector.mode = 'create';
     formCreatorTranslateDialogLanguageSelector.allLanguages = this.getAvailableLanguages();
     formCreatorTranslateDialogLanguageSelector.translatedLanguages = this.selectedLanguages;
-    overlays.showModal(formCreatorTranslateDialogLanguageSelector, {
+    index$1.showModal(formCreatorTranslateDialogLanguageSelector, {
       height: 'small'
     }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
       var _a;
@@ -522,7 +522,7 @@ const YooFormCreatorTranslateComponent = class {
     });
   }
   renderTranslationLock() {
-    return index.h("div", { class: "translation-locked" }, index.h("span", { innerHTML: overlays.translate('TRANSLATIONLOCKEXPLANATION') }));
+    return index.h("div", { class: "translation-locked" }, index.h("span", { innerHTML: index$1.translate('TRANSLATIONLOCKEXPLANATION') }));
   }
   renderTranslationGrid() {
     var _a;
@@ -531,17 +531,17 @@ const YooFormCreatorTranslateComponent = class {
   }
   render() {
     var _a, _b, _c, _d, _e, _f;
-    return (index.h(index.Host, null, index.h("div", { class: "header" }, index.h("yoo-form-input-container", { class: { 'base-language': true, readonly: this.hasTranslations }, field: { title: overlays.translate('BASELANGUAGE') }, hideOptional: true }, index.h("yoo-form-autocomplete", { values: overlays.getTranslateLanguageKeys(this.allLanguages), value: this.baseLanguage, idOnly: true, useTranslate: true, displayType: "card-list", forceHideSearch: true, color: "transparent", onInputChanged: (ev) => this.onBaseLanguageChanged(ev), size: "medium", disabled: this.hasTranslations || this.isTranslator })), index.h("yoo-form-input-container", { class: { 'translate-to': true }, field: { title: this.hasTranslations ? overlays.translate('TRANSLATEDIN') : overlays.translate('TRANSLATETO') }, hideOptional: true }, index.h("yoo-form-autocomplete", { extraClass: this.hasTranslations ? 'only-allow-secondary-actions' : null, ref: (el) => (this.translateToAutocomplete = el), values: overlays.getTranslateLanguageKeys(this.hasTranslations ? this.selectedLanguages : this.getAvailableLanguages()), value: overlays.getTranslateLanguageKeys(this.selectedLanguages), multiple: true, iconPrefix: "feed", useTranslate: true, entityType: "language", displayType: "card-list", idOnly: true, forceHideSearch: true, placeholder: overlays.translate('SELECTLANGUAGES'), onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev.detail), readonly: this.isTranslator, size: "medium", secondaryActions: [
+    return (index.h(index.Host, null, index.h("div", { class: "header" }, index.h("yoo-form-input-container", { class: { 'base-language': true, readonly: this.hasTranslations }, field: { title: index$1.translate('BASELANGUAGE') }, hideOptional: true }, index.h("yoo-form-autocomplete", { values: index$1.getTranslateLanguageKeys(this.allLanguages), value: this.baseLanguage, idOnly: true, useTranslate: true, displayType: "card-list", forceHideSearch: true, color: "transparent", onInputChanged: (ev) => this.onBaseLanguageChanged(ev), size: "medium", disabled: this.hasTranslations || this.isTranslator })), index.h("yoo-form-input-container", { class: { 'translate-to': true }, field: { title: this.hasTranslations ? index$1.translate('TRANSLATEDIN') : index$1.translate('TRANSLATETO') }, hideOptional: true }, index.h("yoo-form-autocomplete", { extraClass: this.hasTranslations ? 'only-allow-secondary-actions' : null, ref: (el) => (this.translateToAutocomplete = el), values: index$1.getTranslateLanguageKeys(this.hasTranslations ? this.selectedLanguages : this.getAvailableLanguages()), value: index$1.getTranslateLanguageKeys(this.selectedLanguages), multiple: true, iconPrefix: "feed", useTranslate: true, entityType: "language", displayType: "card-list", idOnly: true, forceHideSearch: true, placeholder: index$1.translate('SELECTLANGUAGES'), onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev.detail), readonly: this.isTranslator, size: "medium", secondaryActions: [
         {
-          text: (_item) => overlays.translate('DELETE'),
+          text: (_item) => index$1.translate('DELETE'),
           color: () => 'danger',
           forceInCard: () => true,
           icon: () => 'delete',
           handler: (language) => this.removeLanguage(language._id),
           isVisible: () => this.hasTranslations
         }
-      ], disabled: this.areTranslationsLocked })), this.hasTranslations && !this.areTranslationsLocked && (index.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: overlays.translate(this.disableNewLanguageButton ? this.disableNewLanguageButton : 'ADDNEWLANGUAGE'), class: "no-pointer" }, index.h("yoo-button", { disabled: ((_a = this.disableNewLanguageButton) === null || _a === void 0 ? void 0 : _a.length) > 0, size: "medium", shape: "square", onClick: () => this.onAddNewLanguageClicked() }, index.h("yoo-icon", { slot: "start", size: "small", name: "plus" })))), !this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (this.disableTranslateButton ? index.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: overlays.translate(this.disableTranslateButton), class: "no-pointer" }, index.h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_b = this.selectedLanguages) === null || _b === void 0 ? void 0 : _b.includes(this.baseLanguage)) || ((_c = this.disableTranslateButton) === null || _c === void 0 ? void 0 : _c.length) > 0, onClick: () => this.onTranslateAll() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), overlays.translate('TRANSLATE'))) :
-      index.h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_d = this.selectedLanguages) === null || _d === void 0 ? void 0 : _d.includes(this.baseLanguage)) || ((_e = this.disableTranslateButton) === null || _e === void 0 ? void 0 : _e.length) > 0, onClick: () => this.onTranslateAll() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), overlays.translate('TRANSLATE'))), index.h("span", { class: "placeholder" }), this.showBilingualView && this.hasTranslations && (index.h("yoo-button", { color: "app-color", size: "medium", shape: "rectangular", onClick: () => this.bilingualViewClicked.emit() }, index.h("yoo-icon", { name: "eye", slot: "start", size: "small" }), overlays.translate('BILINGUAL'))), this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (index.h("yoo-button", { size: "medium", shape: "rectangular", onClick: () => this.onTranslateNewFields() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), overlays.translate('TRANSLATENEWFIELDS'))), !this.isTranslator && index.h("yoo-context-menu", { contentButtons: this.exportActions }, index.h("yoo-button", { color: "stable" }, index.h("yoo-icon", { name: "more" })))), ((_f = this.missionDescription) === null || _f === void 0 ? void 0 : _f.lockTranslations) && this.renderTranslationLock(), this.renderTranslationGrid()));
+      ], disabled: this.areTranslationsLocked })), this.hasTranslations && !this.areTranslationsLocked && (index.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: index$1.translate(this.disableNewLanguageButton ? this.disableNewLanguageButton : 'ADDNEWLANGUAGE'), class: "no-pointer" }, index.h("yoo-button", { disabled: ((_a = this.disableNewLanguageButton) === null || _a === void 0 ? void 0 : _a.length) > 0, size: "medium", shape: "square", onClick: () => this.onAddNewLanguageClicked() }, index.h("yoo-icon", { slot: "start", size: "small", name: "plus" })))), !this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (this.disableTranslateButton ? index.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: index$1.translate(this.disableTranslateButton), class: "no-pointer" }, index.h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_b = this.selectedLanguages) === null || _b === void 0 ? void 0 : _b.includes(this.baseLanguage)) || ((_c = this.disableTranslateButton) === null || _c === void 0 ? void 0 : _c.length) > 0, onClick: () => this.onTranslateAll() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), index$1.translate('TRANSLATE'))) :
+      index.h("yoo-button", { size: "medium", shape: "rectangular", disabled: !this.selectedLanguages || this.selectedLanguages.length < 1 || ((_d = this.selectedLanguages) === null || _d === void 0 ? void 0 : _d.includes(this.baseLanguage)) || ((_e = this.disableTranslateButton) === null || _e === void 0 ? void 0 : _e.length) > 0, onClick: () => this.onTranslateAll() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), index$1.translate('TRANSLATE'))), index.h("span", { class: "placeholder" }), this.showBilingualView && this.hasTranslations && (index.h("yoo-button", { color: "app-color", size: "medium", shape: "rectangular", onClick: () => this.bilingualViewClicked.emit() }, index.h("yoo-icon", { name: "eye", slot: "start", size: "small" }), index$1.translate('BILINGUAL'))), this.hasTranslations && !this.isTranslator && !this.areTranslationsLocked && (index.h("yoo-button", { size: "medium", shape: "rectangular", onClick: () => this.onTranslateNewFields() }, index.h("yoo-icon", { name: "translate", slot: "start", size: "small" }), index$1.translate('TRANSLATENEWFIELDS'))), !this.isTranslator && index.h("yoo-context-menu", { contentButtons: this.exportActions }, index.h("yoo-button", { color: "stable" }, index.h("yoo-icon", { name: "more" })))), ((_f = this.missionDescription) === null || _f === void 0 ? void 0 : _f.lockTranslations) && this.renderTranslationLock(), this.renderTranslationGrid()));
   }
   static get watchers() { return {
     "missionDescription": ["updateMisionDescription"],

package/dist/cjs/yoo-form-creator-workflow-side-selection.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const index$1 = require('./index-ba1443ff.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-c178e61e.js');
+const index$2 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./annotations-helpers-fb554cca.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -36,7 +36,7 @@ const YooFormCreatorWorkflowSideSelectionComponent = class {
   }
   render() {
     var _a;
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "title" }, `Steps ${(_a = this.steps) === null || _a === void 0 ? void 0 : _a.length}`), index.h("div", { class: "step-container" }, index.h("div", { class: "start-container" }, index.h("yoo-badge", { color: "app-color", text: overlays.translate('START') }), index.h("div", { class: "vertical-line" })), this.renderSteps())));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "title" }, `Steps ${(_a = this.steps) === null || _a === void 0 ? void 0 : _a.length}`), index.h("div", { class: "step-container" }, index.h("div", { class: "start-container" }, index.h("yoo-badge", { color: "app-color", text: index$2.translate('START') }), index.h("div", { class: "vertical-line" })), this.renderSteps())));
   }
   get host() { return index.getElement(this); }
 };

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const entitiesHelpers = require('./entities-helpers-90284497.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const entitiesHelpers = require('./entities-helpers-2548b307.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formCreatorWorkflowStepCss = "svg:not(:root){overflow:hidden}:host{cursor:pointer}:host .container{position:relative;display:block;width:auto;min-width:25rem;max-width:37.5rem;margin-right:auto;margin-left:auto;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);background:var(--light, #ffffff);border-radius:0.25rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .container .color-tag{position:absolute;top:0;right:auto;bottom:0;left:0;width:0.5rem;background-color:var(--app-color, #5a30f4);border-top-left-radius:var(--border-radius-04, 0.25rem);border-bottom-left-radius:var(--border-radius-04, 0.25rem)}:host .container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}:host .container .title{padding-right:var(--spacing-08, 0.5rem);font-weight:bold}:host .container .description,:host .container .condition{padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .container .assigned{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--font-size-14, 0.875rem)}:host .container .assigned .manager{padding-left:var(--spacing-08, 0.5rem)}:host .container .actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-08, 0.5rem)}:host .container .actions .flex{-ms-flex:1;flex:1}:host .container .actions .flex.margin-left{margin-left:var(--spacing-32, 2rem)}:host .container yoo-context-menu{margin:auto}:host(.active) .container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.active.goto) .container{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host(.parallel:not(.form-mode)){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.parallel:not(.form-mode)) .container{width:15rem;color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host(.parallel:not(.form-mode)) .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-radius-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps{display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--spacing-16, 1rem);border-radius:0.25rem}:host(.parallel:not(.form-mode)) .steps yoo-button{text-align:center}:host(.parallel:not(.form-mode)) .steps yoo-form-creator-workflow-step{-ms-flex:1;flex:1;max-width:15rem}:host(.parallel:not(.form-mode)) .steps .branch{position:relative;padding:var(--spacing-64, 4rem) var(--spacing-48, 3rem)}:host(.parallel:not(.form-mode)) .steps .branch.middle-branch{border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0);border-bottom:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch yoo-form-creator-workflow-step,:host(.parallel:not(.form-mode)) .steps .branch yoo-context-menu{position:relative;z-index:1}:host(.parallel:not(.form-mode)) .steps .branch .absolute-vertical-line{position:absolute;top:0;right:calc(50% - 0.0625rem);bottom:0;left:auto;z-index:0;width:0.125rem;background:var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .color-backdrop{position:absolute;top:4.5rem;right:2rem;bottom:8rem;left:2rem;opacity:0.1}:host(.parallel:not(.form-mode)) .steps .branch.single-branch{padding:0 var(--spacing-16, 1rem)}:host(.parallel:not(.form-mode)) .steps .branch.single-branch .color-backdrop{position:absolute;top:0;right:0;bottom:4rem;left:0}:host(.parallel:not(.form-mode)) .steps .branch .border-line{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.left{left:calc(50% - 0.0625rem);border-right:none;border-top-left-radius:var(--border-radius-24, 1.5rem);border-bottom-left-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.right{right:calc(50% - 0.0625rem);border-left:none;border-top-right-radius:var(--border-radius-24, 1.5rem);border-bottom-right-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .circle-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;margin:auto;color:var(--always-light);border-radius:50%;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}:host(.parallel-child-step:not(.form-mode)) .container{z-index:1;width:15rem}:host(.form-mode) .container{display:-ms-flexbox;display:flex;min-width:unset;max-width:15.5rem;height:2rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}:host(.form-mode) .container .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-mode) .steps{position:relative;margin-left:2.375rem;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch:not(.first-branch){margin-top:var(--spacing-32, 2rem)}:host(.form-mode) .steps .branch:not(.first-branch):not(.last-branch) .attach-horizontal-line{height:calc(100% + 2.5rem);margin-top:-2.5rem}:host(.form-mode) .steps .branch{position:relative;margin-left:var(--spacing-40, 2.5rem)}:host(.form-mode) .steps .branch .horizontal-line{position:absolute;top:1.45rem;left:calc(10% - 1.5rem);width:2rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch .attach-horizontal-line{position:absolute;width:0;height:100%;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .first-branch .attach-horizontal-line{top:1.5rem}:host(.form-mode) .steps .last-branch .attach-horizontal-line{top:0;height:3.5rem;margin-top:-2rem}:host(.form-mode) .steps .single-branch-and-substep .attach-horizontal-line{height:0}:host(.form-mode) .steps .single-branch-and-substep .active.horizontal-line{top:1.47rem}:host(.form-mode) .steps .single-branch-and-multiple-substep .attach-horizontal-line{height:calc(50% - 1.45rem)}:host(.form-mode) .vertical-line{width:0;height:1rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .branch-button-wrapper{position:absolute;top:calc(50% - 1rem);left:-1rem;display:-ms-flexbox;display:flex}:host(.form-mode) .branch-button-wrapper .icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;background-color:var(--light, #ffffff);border-radius:var(--border-radius-16, 1rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.form-mode) .branch-button-wrapper .horizontal-line{width:1.5rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel-child-step.form-mode) .container{max-width:10rem;margin-right:0.75rem}:host(.first-parallel-child-step) .container{margin-top:var(--spacing-16, 1rem)}:host(.last-parallel-child-step.form-mode) .vertical-line{display:none}:host(.form-mode.parallel) .vertical-line{margin-left:2.375rem}";
@@ -133,14 +133,14 @@ const YooFormCreatorWorkflowStepComponent = class {
     return (index.h(index.Host, { class: {
         [(_b = this.step) === null || _b === void 0 ? void 0 : _b.type]: true,
         active: this.isActive
-      } }, !parallelSideSectionStep && (index.h("div", { class: { container: true }, onClick: () => this.onWorkflowStep(this.step) }, index.h("div", { class: "color-tag", style: { background: ((_c = this.step) === null || _c === void 0 ? void 0 : _c.type) === 'goto' || ((_d = this.step) === null || _d === void 0 ? void 0 : _d.type) === 'endif' ? overlays.getCssColor('dark') : (_e = this.step) === null || _e === void 0 ? void 0 : _e.color } }), index.h("div", { class: "header" }, index.h("div", { class: "title" }, (((_f = this.step) === null || _f === void 0 ? void 0 : _f.type) === 'goto' || ((_g = this.step) === null || _g === void 0 ? void 0 : _g.type) === 'endif' ? overlays.translate(((_h = this.step) === null || _h === void 0 ? void 0 : _h.type) === 'endif' ? 'STEPENDIF' : 'GOTO') + ': ' : '') + overlays.translateMulti((_j = this.step) === null || _j === void 0 ? void 0 : _j.title)), !this.isSideSelection && (((_k = this.step) === null || _k === void 0 ? void 0 : _k.type) === 'start' || ((_l = this.step) === null || _l === void 0 ? void 0 : _l.type) === 'simple' || ((_m = this.step) === null || _m === void 0 ? void 0 : _m.type) === 'substep') && (index.h("div", { class: "assigned" }, ((_p = (_o = this.step) === null || _o === void 0 ? void 0 : _o.assignedToGroups) === null || _p === void 0 ? void 0 : _p.length) > 0 &&
+      } }, !parallelSideSectionStep && (index.h("div", { class: { container: true }, onClick: () => this.onWorkflowStep(this.step) }, index.h("div", { class: "color-tag", style: { background: ((_c = this.step) === null || _c === void 0 ? void 0 : _c.type) === 'goto' || ((_d = this.step) === null || _d === void 0 ? void 0 : _d.type) === 'endif' ? index$1.getCssColor('dark') : (_e = this.step) === null || _e === void 0 ? void 0 : _e.color } }), index.h("div", { class: "header" }, index.h("div", { class: "title" }, (((_f = this.step) === null || _f === void 0 ? void 0 : _f.type) === 'goto' || ((_g = this.step) === null || _g === void 0 ? void 0 : _g.type) === 'endif' ? index$1.translate(((_h = this.step) === null || _h === void 0 ? void 0 : _h.type) === 'endif' ? 'STEPENDIF' : 'GOTO') + ': ' : '') + index$1.translateMulti((_j = this.step) === null || _j === void 0 ? void 0 : _j.title)), !this.isSideSelection && (((_k = this.step) === null || _k === void 0 ? void 0 : _k.type) === 'start' || ((_l = this.step) === null || _l === void 0 ? void 0 : _l.type) === 'simple' || ((_m = this.step) === null || _m === void 0 ? void 0 : _m.type) === 'substep') && (index.h("div", { class: "assigned" }, ((_p = (_o = this.step) === null || _o === void 0 ? void 0 : _o.assignedToGroups) === null || _p === void 0 ? void 0 : _p.length) > 0 &&
       entitiesHelpers.groupsFullResolver((_q = this.step) === null || _q === void 0 ? void 0 : _q.assignedToGroups).map((group) => {
         var _a;
         return index.h("yoo-avatar", { size: "small", imgSrc: (_a = group.icon) === null || _a === void 0 ? void 0 : _a._downloadURL, iconText: (group === null || group === void 0 ? void 0 : group.title) || (group === null || group === void 0 ? void 0 : group._id), tooltip: (group === null || group === void 0 ? void 0 : group.title) || (group === null || group === void 0 ? void 0 : group._id) });
       }), ((_s = (_r = this.step) === null || _r === void 0 ? void 0 : _r.assignedToUsers) === null || _s === void 0 ? void 0 : _s.length) > 0 &&
       ((_t = this.step) === null || _t === void 0 ? void 0 : _t.assignedToUsers.map((user) => {
-        return index.h("yoo-avatar", { size: "small", user: user, tooltip: overlays.getUserDisplayName(user) });
-      })), ((_u = this.step) === null || _u === void 0 ? void 0 : _u.assignedToManager) && index.h("div", { class: "manager" }, overlays.translate('ASSIGNEDTOMANAGER'))))), !this.isSideSelection && (((_v = this.step) === null || _v === void 0 ? void 0 : _v.type) === 'simple' || ((_w = this.step) === null || _w === void 0 ? void 0 : _w.type) === 'substep') && index.h("div", { class: "description" }, overlays.translate((_x = this.step) === null || _x === void 0 ? void 0 : _x.description)), !this.isSideSelection && ((_y = this.step) === null || _y === void 0 ? void 0 : _y.type) !== 'parallel' && ((_z = this.step) === null || _z === void 0 ? void 0 : _z.type) !== 'start' && (!((_0 = this.step) === null || _0 === void 0 ? void 0 : _0.conditions) || ((_2 = (_1 = this.step) === null || _1 === void 0 ? void 0 : _1.conditions) === null || _2 === void 0 ? void 0 : _2.length) === 0) && (index.h("div", { class: "condition" }, overlays.translate('ALWAYSHAPPEN'))), index.h("div", { class: "actions" }, (((_3 = this.step) === null || _3 === void 0 ? void 0 : _3.type) === 'goto' || ((_4 = this.step) === null || _4 === void 0 ? void 0 : _4.type) === 'endif') && !this.isSideSelection && index.h("yoo-icon", { name: "go-to", color: "dark", size: "medium" }), ((_5 = this.step) === null || _5 === void 0 ? void 0 : _5.type) !== 'goto' && ((_6 = this.step) === null || _6 === void 0 ? void 0 : _6.type) !== 'endif' && ((_8 = (_7 = this.step) === null || _7 === void 0 ? void 0 : _7.conditions) === null || _8 === void 0 ? void 0 : _8.length) > 0 && !this.isSideSelection && (index.h("yoo-icon", { name: "variable", color: "dark", size: "medium" })), index.h("span", { class: "flex margin-left" }), index.h("span", { class: "flex" }), !this.isSideSelection && (index.h("yoo-context-menu", { class: "align-right", contentButtons: this.getEditButtons(this.step), placement: "below" }, index.h("div", null, index.h("yoo-button", { class: "auto", size: "medium" }, index.h("yoo-icon", { name: "more", size: "small" })))))))), !this.isSideSelection && ((_9 = this.step) === null || _9 === void 0 ? void 0 : _9.type) === 'parallel' && ((_11 = (_10 = this.step) === null || _10 === void 0 ? void 0 : _10.steps) === null || _11 === void 0 ? void 0 : _11.length) > 0 && index.h("div", { class: "vertical-line" }), this.isSideSelection && ['substep'].includes((_12 = this.step) === null || _12 === void 0 ? void 0 : _12.type) && index.h("div", { class: "vertical-line" }), ((_13 = this.step) === null || _13 === void 0 ? void 0 : _13.type) === 'parallel' && ((_14 = this.step.steps) === null || _14 === void 0 ? void 0 : _14.length) > 0 && (this.isSideSelection ? this.renderSideSelectionParallelBranches() : this.renderParallelBranches())));
+        return index.h("yoo-avatar", { size: "small", user: user, tooltip: index$1.getUserDisplayName(user) });
+      })), ((_u = this.step) === null || _u === void 0 ? void 0 : _u.assignedToManager) && index.h("div", { class: "manager" }, index$1.translate('ASSIGNEDTOMANAGER'))))), !this.isSideSelection && (((_v = this.step) === null || _v === void 0 ? void 0 : _v.type) === 'simple' || ((_w = this.step) === null || _w === void 0 ? void 0 : _w.type) === 'substep') && index.h("div", { class: "description" }, index$1.translate((_x = this.step) === null || _x === void 0 ? void 0 : _x.description)), !this.isSideSelection && ((_y = this.step) === null || _y === void 0 ? void 0 : _y.type) !== 'parallel' && ((_z = this.step) === null || _z === void 0 ? void 0 : _z.type) !== 'start' && (!((_0 = this.step) === null || _0 === void 0 ? void 0 : _0.conditions) || ((_2 = (_1 = this.step) === null || _1 === void 0 ? void 0 : _1.conditions) === null || _2 === void 0 ? void 0 : _2.length) === 0) && (index.h("div", { class: "condition" }, index$1.translate('ALWAYSHAPPEN'))), index.h("div", { class: "actions" }, (((_3 = this.step) === null || _3 === void 0 ? void 0 : _3.type) === 'goto' || ((_4 = this.step) === null || _4 === void 0 ? void 0 : _4.type) === 'endif') && !this.isSideSelection && index.h("yoo-icon", { name: "go-to", color: "dark", size: "medium" }), ((_5 = this.step) === null || _5 === void 0 ? void 0 : _5.type) !== 'goto' && ((_6 = this.step) === null || _6 === void 0 ? void 0 : _6.type) !== 'endif' && ((_8 = (_7 = this.step) === null || _7 === void 0 ? void 0 : _7.conditions) === null || _8 === void 0 ? void 0 : _8.length) > 0 && !this.isSideSelection && (index.h("yoo-icon", { name: "variable", color: "dark", size: "medium" })), index.h("span", { class: "flex margin-left" }), index.h("span", { class: "flex" }), !this.isSideSelection && (index.h("yoo-context-menu", { class: "align-right", contentButtons: this.getEditButtons(this.step), placement: "below" }, index.h("div", null, index.h("yoo-button", { class: "auto", size: "medium" }, index.h("yoo-icon", { name: "more", size: "small" })))))))), !this.isSideSelection && ((_9 = this.step) === null || _9 === void 0 ? void 0 : _9.type) === 'parallel' && ((_11 = (_10 = this.step) === null || _10 === void 0 ? void 0 : _10.steps) === null || _11 === void 0 ? void 0 : _11.length) > 0 && index.h("div", { class: "vertical-line" }), this.isSideSelection && ['substep'].includes((_12 = this.step) === null || _12 === void 0 ? void 0 : _12.type) && index.h("div", { class: "vertical-line" }), ((_13 = this.step) === null || _13 === void 0 ? void 0 : _13.type) === 'parallel' && ((_14 = this.step.steps) === null || _14 === void 0 ? void 0 : _14.length) > 0 && (this.isSideSelection ? this.renderSideSelectionParallelBranches() : this.renderParallelBranches())));
   }
 };
 YooFormCreatorWorkflowStepComponent.style = formCreatorWorkflowStepCss;