@yoobic/yobi 8.2.0-4 → 8.2.0-40

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-dba6038f.js');
+const index$1 = require('./index-43d2768f.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
+require('./index-ea29129a.js');
 
 const formCreatorScoringCardCss = ":host{display:block}:host yoo-form-creator-card{--description-line-clamp:2;--description-min-height:2.25rem}:host yoo-icon:not([name=more]){margin-right:var(--spacing-08, 0.5rem)}:host yoo-icon[name=variable]{--inner-width:0.5rem;--inner-height:0.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:var(--border-radius-04, 0.25rem)}:host yoo-tooltip{margin-left:var(--spacing-16, 1rem)}:host .fields,:host .points,:host .start{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host .points{margin-top:var(--spacing-16, 1rem)}:host .fields{-ms-flex-pack:justify;justify-content:space-between}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([selected]) yoo-icon[name=variable]{background:var(--app-color, #5a30f4)}:host(:not([selected])) yoo-icon[name=variable]{background:var(--warning, #ed6e33)}";
 

package/dist/cjs/yoo-form-creator-scoring-quick-setup.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-dba6038f.js');
+const index$1 = require('./index-43d2768f.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
+require('./index-ea29129a.js');
 
 const EmptyState = () => [index.h("yoo-empty-state", null), index.h("p", null, index$1.translate('NOQUICKSETUP'))];
 const Pages = ({ value, values, onChange }) => (index.h("yoo-form-input-container", { field: { title: index$1.translate('PAGES') }, required: true },

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$3 = require('./index-d82a50b9.js');
-const index$1 = require('./index-dba6038f.js');
+const index$3 = require('./index-ea29129a.js');
+const index$1 = require('./index-43d2768f.js');
 const lodash = require('./lodash-597bda6d.js');
-const index$2 = require('./index-9563be1f.js');
+const index$2 = require('./index-fb684c39.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./annotations-helpers-45b1c2e4.js');
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-dba6038f.js');
+const index$1 = require('./index-43d2768f.js');
 const lodash = require('./lodash-597bda6d.js');
-const index$2 = require('./index-9563be1f.js');
+const index$2 = require('./index-fb684c39.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
+require('./index-ea29129a.js');
 require('./annotations-helpers-45b1c2e4.js');
 
 const formCreatorTranslateCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;padding:1rem}:host .header .base-language{display:inline-block;width:250px;margin-right:1rem;padding-top:0}:host .header .base-language.readonly{width:auto;min-width:150px;max-width:250px}:host .header .translate-to{display:inline-block;width:350px;margin-right:1rem}:host .header .translate-to.readonly{width:auto;min-width:150px;max-width:350px}:host .header .placeholder{-ms-flex:1;flex:1}:host .header yoo-button{display:inline-block;margin-right:1rem}:host .grid-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}:host .grid-container yoo-grid{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .translation-locked{padding:var(--spacing-16, 1rem);text-align:center;vertical-align:middle}";
@@ -93,6 +93,9 @@ const YooFormCreatorTranslateComponent = class {
     if (this.baseLanguage && ((_a = this.selectedLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0) {
       this.selectedLanguages = this.selectedLanguages.filter((language) => language !== this.baseLanguage);
     }
+    if (this.missionDescription) {
+      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();
   }
@@ -314,8 +317,8 @@ const YooFormCreatorTranslateComponent = class {
     this.selectedLanguages = this.selectedLanguages.filter((language) => language !== this.baseLanguage);
     this.translateToAutocomplete.updateValues(this.getAvailableLanguages());
   }
-  onSelectedLanguagesChanged(ev) {
-    this.selectedLanguages = ev.detail;
+  onSelectedLanguagesChanged(languages) {
+    this.selectedLanguages = languages;
     this.selectedLanguagesChanged.emit(this.selectedLanguages);
     this.updateGridConfig();
   }
@@ -327,11 +330,12 @@ const YooFormCreatorTranslateComponent = class {
       this.translatePlan(overwrite, null, onlyTranslateMissingTranslations);
     }
     else {
-      index$2.translateAll(overwrite, 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,
-        scoringChanged: this.scoringChanged
+        scoringChanged: this.scoringChanged,
+        setLoading: this.setLoading
       }, null, onlyTranslateMissingTranslations);
     }
   }
@@ -376,7 +380,9 @@ const YooFormCreatorTranslateComponent = class {
   }
   translatePlan(overwrite, languages = null, onlyTranslateMissingTranslations = false) {
     var _a;
+    const originalPlan = lodash.cloneDeep(this.plan);
     let translations = lodash.cloneDeep(this.items);
+    const errorMessages = [];
     if (!index$2.isAlreadyTranslated(this.plan.title, this.translations)) {
       index$2.addRow(translations, {
         title: this.plan.title,
@@ -390,7 +396,7 @@ const YooFormCreatorTranslateComponent = class {
         missionDescriptionRef: this.plan._id,
         _tenant: this.plan._tenant,
         _tenantRef: this.plan._tenantRef
-      });
+      }, false, errorMessages);
     }
     if (!index$2.isAlreadyTranslated(this.plan.description, this.translations)) {
       index$2.addRow(translations, {
@@ -405,7 +411,7 @@ const YooFormCreatorTranslateComponent = class {
         missionDescriptionRef: this.plan._id,
         _tenant: this.plan._tenant,
         _tenantRef: this.plan._tenantRef
-      });
+      }, false, errorMessages);
     }
     (_a = this.plan.sections) === null || _a === void 0 ? void 0 : _a.forEach((section, sectionIndex) => {
       var _a;
@@ -422,11 +428,11 @@ const YooFormCreatorTranslateComponent = class {
           missionDescriptionRef: this.plan._id,
           _tenant: this.plan._tenant,
           _tenantRef: this.plan._tenantRef
-        });
+        }, false, errorMessages);
       }
       (_a = section === null || section === void 0 ? void 0 : section.items) === null || _a === void 0 ? void 0 : _a.forEach((missionDescription) => {
         var _a;
-        index$2.translateAll(overwrite, missionDescription, translations, missionDescription.slides, null, this.baseLanguage, {}, languages, onlyTranslateMissingTranslations);
+        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) {
@@ -442,6 +448,25 @@ const YooFormCreatorTranslateComponent = class {
         missionDescription.languages = this.selectedLanguages;
       });
     });
+    if (errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.length) {
+      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);
+        }
+        else {
+          this.setLoading.emit(false);
+          this.onSelectedLanguagesChanged([]);
+          this.plan = originalPlan;
+          this.planChanged.emit(this.plan);
+        }
+      });
+    }
+    else {
+      this.successPlanTranslation(translations, overwrite, languages, onlyTranslateMissingTranslations);
+    }
+  }
+  successPlanTranslation(translations, overwrite, languages = null, onlyTranslateMissingTranslations = false) {
     this.items = translations;
     this.planChanged.emit(this.plan);
     this.translationsUpdated.emit({ translations: this.items, overwrite, languages, onlyTranslateMissingTranslations });
@@ -493,7 +518,7 @@ 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: 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), 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) => index$1.translate('DELETE'),
           color: () => 'danger',

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-c8609d4f.js');
-const index$2 = require('./index-dba6038f.js');
-const commonHelpers = require('./common-helpers-aaf67fd5.js');
-const index$1 = require('./index-9563be1f.js');
+const index$2 = require('./index-43d2768f.js');
+const commonHelpers = require('./common-helpers-4d075db4.js');
+const index$1 = require('./index-fb684c39.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
+require('./index-ea29129a.js');
 require('./annotations-helpers-45b1c2e4.js');
 
 const formCreatorWorkflowSideSelectionCss = ":host{width:100%}:host .title{margin:0 var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);padding-top:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .step-container{height:100%;padding:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) 0}:host .step-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .step-container .start-container yoo-badge{padding-left:var(--spacing-16, 1rem)}:host .vertical-line{width:0;height:1rem;margin:auto;margin-left:2.375rem;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}";

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-c8609d4f.js');
-const index$1 = require('./index-dba6038f.js');
-const entitiesHelpers = require('./entities-helpers-3be4fa3f.js');
+const index$1 = require('./index-43d2768f.js');
+const entitiesHelpers = require('./entities-helpers-b7e2d405.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
+require('./index-ea29129a.js');
 
 const formCreatorWorkflowStepCss = ":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}";
 

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-d82a50b9.js');
-const index$4 = require('./index-dba6038f.js');
+const index$2 = require('./index-ea29129a.js');
+const index$4 = require('./index-43d2768f.js');
 const lodash = require('./lodash-597bda6d.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-c1f090d2.js');
-const commonHelpers = require('./common-helpers-aaf67fd5.js');
-const index$5 = require('./index-9681c9e0.js');
-const index$3 = require('./index-9563be1f.js');
+const index$1 = require('./index-95f4734e.js');
+const commonHelpers = require('./common-helpers-4d075db4.js');
+const index$5 = require('./index-1016fbe6.js');
+const index$3 = require('./index-fb684c39.js');
 const formField_instance = require('./form-field.instance-610e61e1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./workflow.interface-ffda8358.js');
@@ -18,7 +18,7 @@ require('./item-sliding.interface-7206925b.js');
 require('./card-video.interface-70a68a05.js');
 require('./annotations-helpers-45b1c2e4.js');
 
-const formCreatorCss = ":host{display:block;width:100%;height:100%;background:var(--light, #ffffff)}:host .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;background:inherit}:host .container .content{display:-ms-flexbox;display:flex;height:calc(100% - 3rem);background-color:var(--stable-ultralight, #fafafa)}:host .container .content .sortable-chosen yoo-form-creator-block-expandable{--expandable-block-border:var(--border-width-02, 0.125rem) solid var(--accent, #276ef1)}:host .container .content .left-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:3rem;padding:var(--spacing-16, 1rem) 0;background:var(--light, #ffffff);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .container .content .left-menu-top,:host .container .content .left-menu-bottom{display:grid;gap:var(--spacing-16, 1rem)}:host .container .content .left-menu-top>*,:host .container .content .left-menu-bottom>*{cursor:pointer}:host .container .content .left-selection{position:relative;z-index:1;width:22rem;min-width:22rem;height:100%;overflow:hidden;background:var(--light, #ffffff);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .container .content .left-selection.hide{width:0;min-width:0}:host .container .content .left-selection yoo-accordion{--outer-container-padding:0 var(--spacing-16, 1rem);--outer-container-width:calc(100% - 2.5rem)}:host .container .content .left-selection yoo-accordion yoo-accordion.sub-accordion{--outer-container-padding:0;--outer-container-width:100%}:host .container .content .left-selection.scoring{min-width:26.25rem;max-width:26.25rem;padding-top:var(--spacing-16, 1rem)}:host .container .content .left-selection.scoring yoo-ion-scroll{--top-pos:3.5rem;padding:0 0 5rem var(--spacing-16, 1rem)}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container{display:-ms-flexbox;display:flex}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container yoo-form-creator-condition-block,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container yoo-form-creator-condition-block{-ms-flex:1;flex:1}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container yoo-tooltip,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container yoo-tooltip{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container .help-container,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container .help-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:0.875rem;height:0.875rem;margin-left:var(--spacing-08, 0.5rem);color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem);background:var(--dark, #000000);border-radius:50%}:host .container .content .left-selection .logic-container yoo-ion-scroll{padding-top:var(--spacing-08, 0.5rem)}:host .container .content .form-content{width:100%;min-width:25rem;max-width:58.75rem;height:100%;margin:auto;padding:var(--spacing-16, 1rem);}:host .container .content .form-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .container .content .form-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .container .content .form-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .container .content .form-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .container .content .form-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .container .content .form-content.relative{position:relative}:host .container .content .form-content yoo-accordion.pages-accordion{--accordion-background:var(--stable-background)}:host .container .content .form-content yoo-toast{position:absolute;top:auto;right:calc(50% - 225px);bottom:4rem;left:auto;height:auto}:host .container .content .form-content .page-condition-overlay{position:absolute;top:11rem;right:-1rem;bottom:0;left:0;z-index:1;background:var(--dark, #000000);opacity:0.8}:host .container .content .form-content .scoring-empty-state{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100%}:host .container .content .form-content .scoring-empty-state yoo-empty-state{height:26rem}:host .container .content .form-content .scoring-empty-state div{color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);opacity:0.7;padding:var(--spacing-16, 1rem)}:host .container .content .form-content .form-content-blocks-container{position:relative;height:100%;max-height:100%}:host .container .content .form-content .form-content-blocks-container yoo-ion-scroll{--top-pos:2.6875rem}:host .container .content .form-content .form-content-blocks-container .empty-state{position:absolute;top:20px;right:0;bottom:auto;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2;text-align:center;background:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) dashed var(--stable-alt, #d0d0d0)}:host .container .content .form-content .form-content-blocks-container .empty-state yoo-empty-state{width:8rem;height:6.25rem;padding:var(--spacing-16, 1rem)}:host .container .content .form-content .form-content-blocks-container .empty-state .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:12rem;padding:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .container .content .form-content .form-content-blocks-container .empty-state .text-container yoo-icon{margin:var(--spacing-08, 0.5rem) 0 0 var(--spacing-04, 0.25rem)}:host .container .content .form-content .form-content-blocks-container .expandable-form-block-container{padding-right:var(--spacing-08, 0.5rem);padding-bottom:10rem;padding-left:var(--spacing-08, 0.5rem)}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container{position:relative;min-height:calc(100% - 13.75rem);padding:0 var(--spacing-08, 0.5rem) 12.5rem}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container .expandable-form-block-container{min-height:3rem;padding-bottom:0}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container .expandable-form-block-container.empty{width:calc(100% - 2px);height:12.75rem;padding:0}:host .container .content .parent-slot{width:100%}:host yoo-accordion{--title-icon-color:var(--stable-alt, #d0d0d0)}";
+const formCreatorCss = ":host{display:block;width:100%;height:100%;background:var(--light, #ffffff)}:host .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;overflow:hidden;background:inherit}:host .container .content{display:-ms-flexbox;display:flex;height:calc(100% - 3rem);background-color:var(--stable-ultralight, #fafafa)}:host .container .content .sortable-chosen yoo-form-creator-block-expandable{--expandable-block-border:var(--border-width-02, 0.125rem) solid var(--accent, #276ef1)}:host .container .content .left-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:3rem;padding:var(--spacing-16, 1rem) 0;background:var(--light, #ffffff);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .container .content .left-menu-top,:host .container .content .left-menu-bottom{display:grid;gap:var(--spacing-16, 1rem)}:host .container .content .left-menu-top>*,:host .container .content .left-menu-bottom>*{cursor:pointer}:host .container .content .left-selection{position:relative;z-index:1;width:22rem;min-width:22rem;height:100%;overflow:hidden;background:var(--light, #ffffff);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-transition:0.3s;transition:0.3s}:host .container .content .left-selection.hide{width:0;min-width:0}:host .container .content .left-selection yoo-accordion{--outer-container-padding:0 var(--spacing-16, 1rem);--outer-container-width:calc(100% - 2.5rem)}:host .container .content .left-selection yoo-accordion yoo-accordion.sub-accordion{--outer-container-padding:0;--outer-container-width:100%}:host .container .content .left-selection.scoring{min-width:26.25rem;max-width:26.25rem;padding-top:var(--spacing-16, 1rem)}:host .container .content .left-selection.scoring yoo-ion-scroll{--top-pos:3.5rem;padding:0 0 5rem var(--spacing-16, 1rem)}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container{display:-ms-flexbox;display:flex}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container yoo-form-creator-condition-block,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container yoo-form-creator-condition-block{-ms-flex:1;flex:1}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container yoo-tooltip,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container yoo-tooltip{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container .content .left-selection .logic-container .condition-block-selection .condition-sortable-container .help-container,:host .container .content .left-selection .logic-container .condition-block-selection .restrictions-sortable-container .help-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:0.875rem;height:0.875rem;margin-left:var(--spacing-08, 0.5rem);color:var(--light, #ffffff);font-size:var(--font-size-12, 0.75rem);background:var(--dark, #000000);border-radius:50%}:host .container .content .left-selection .logic-container yoo-ion-scroll{padding-top:var(--spacing-08, 0.5rem)}:host .container .content .form-content{width:100%;min-width:25rem;max-width:58.75rem;height:100%;margin:auto;padding:var(--spacing-16, 1rem);}:host .container .content .form-content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .container .content .form-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .container .content .form-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .container .content .form-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .container .content .form-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .container .content .form-content.relative{position:relative}:host .container .content .form-content yoo-accordion.pages-accordion{--accordion-background:var(--stable-background)}:host .container .content .form-content yoo-toast{position:absolute;top:auto;right:calc(50% - 225px);bottom:4rem;left:auto;height:auto}:host .container .content .form-content .page-condition-overlay{position:absolute;top:11rem;right:-1rem;bottom:0;left:0;z-index:1;background:var(--dark, #000000);opacity:0.8}:host .container .content .form-content .scoring-empty-state{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100%}:host .container .content .form-content .scoring-empty-state yoo-empty-state{height:26rem}:host .container .content .form-content .scoring-empty-state div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);padding:var(--spacing-16, 1rem)}:host .container .content .form-content .form-content-blocks-container{position:relative;height:100%;max-height:100%}:host .container .content .form-content .form-content-blocks-container yoo-ion-scroll{--top-pos:2.6875rem}:host .container .content .form-content .form-content-blocks-container .empty-state{position:absolute;top:20px;right:0;bottom:auto;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:2;text-align:center;background:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) dashed var(--stable-alt, #d0d0d0)}:host .container .content .form-content .form-content-blocks-container .empty-state yoo-empty-state{width:8rem;height:6.25rem;padding:var(--spacing-16, 1rem)}:host .container .content .form-content .form-content-blocks-container .empty-state .text-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:12rem;padding:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .container .content .form-content .form-content-blocks-container .empty-state .text-container yoo-icon{margin:var(--spacing-08, 0.5rem) 0 0 var(--spacing-04, 0.25rem)}:host .container .content .form-content .form-content-blocks-container .expandable-form-block-container{padding-right:var(--spacing-08, 0.5rem);padding-bottom:10rem;padding-left:var(--spacing-08, 0.5rem)}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container{position:relative;min-height:calc(100% - 13.75rem);padding:0 var(--spacing-08, 0.5rem) 12.5rem}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container .expandable-form-block-container{min-height:3rem;padding-bottom:0}:host .container .content .form-content .form-content-blocks-container .form-block-sortable-container .expandable-form-block-container.empty{width:calc(100% - 2px);height:12.75rem;padding:0}:host .container .content .parent-slot{width:100%}:host yoo-accordion{--title-icon-color:var(--stable-alt, #d0d0d0)}";
 
 const YooFormCreatorComponent = class {
   constructor(hostRef) {
@@ -157,6 +157,7 @@ const YooFormCreatorComponent = class {
     this.restrictionConditionSelectedTab = 0;
     this.expandedConditions = [];
     this.isPageReordering = false;
+    this.pagesReordered = false;
     this.onInsertPageAfterClicked = (event) => {
       if (event) {
         this.onAddNewPage(event.detail + 1);
@@ -175,12 +176,14 @@ const YooFormCreatorComponent = class {
         this.removeOverlays();
       }
       else {
-        this.selectedPageIndex = event.detail;
-        this.pageHeaderClicked.emit(event.detail);
-        this.hasPageChanged = event.detail;
-        this.resetExpandableBlockReferences();
+        this.selectPage(event.detail);
+        this.pagesReordered = false;
       }
     };
+    this.onPageOrderChanged = (event) => {
+      this.selectPage(event.detail.indexTo);
+      this.pagesReordered = true;
+    };
     this.onDuplicatePageClicked = (event) => {
       var _a, _b, _c, _d;
       if (event) {
@@ -309,6 +312,9 @@ const YooFormCreatorComponent = class {
     var _a;
     return ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'lesson';
   }
+  onMissionDescriptionUpdated() {
+    this.translatePage.missionDescription = this.missionDescription;
+  }
   onCustomFormFieldsUpdated() {
     if (this.fieldSelectorElement) {
       this.fieldSelectorElement.initialCustomFormFields = null;
@@ -421,7 +427,12 @@ const YooFormCreatorComponent = class {
           });
           this.currentExpandedBlockLocation = { slideIndex, itemIndex };
           this.expandedFieldName = event.detail.name || this.expandedFieldName;
-          this.scrollToField(itemIndex);
+          if (!this.pagesReordered) {
+            this.scrollToField(itemIndex);
+          }
+          else {
+            this.pagesReordered = false;
+          }
         }
         else if (!event.detail.expanded && this.currentExpandedBlockLocation && itemIndex === this.currentExpandedBlockLocation.itemIndex) {
           this.currentExpandedBlockLocation = null;
@@ -692,15 +703,20 @@ const YooFormCreatorComponent = class {
   }
   onTranslateFieldClicked(event, selectedFieldLocation = null) {
     var _a;
-    //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);
-      this.reloadTranslationModalOnUpdate = selectedFieldLocation;
+    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'));
     }
     else {
-      this.showTranslationDialog(event);
+      //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);
+        this.reloadTranslationModalOnUpdate = selectedFieldLocation;
+      }
+      else {
+        this.showTranslationDialog(event);
+      }
     }
   }
   onCreateNewRestriction(event) {
@@ -1008,6 +1024,12 @@ const YooFormCreatorComponent = class {
     }
     this.shouldRenderLeftSelectionContent = true;
   }
+  selectPage(pageIndex) {
+    this.selectedPageIndex = pageIndex;
+    this.pageHeaderClicked.emit(pageIndex);
+    this.hasPageChanged = pageIndex;
+    this.resetExpandableBlockReferences();
+  }
   updateGlobalActions() {
     this.selectedMoveActions = index$3.setBlockSelection(this.itemList, null, (slideIndex, _itemIndex, itemId) => this.moveSelectedFields(itemId, slideIndex), {
       extraStartingItems: [
@@ -1896,7 +1918,7 @@ const YooFormCreatorComponent = class {
     }
   }
   renderBlockCategorySelection() {
-    return (index.h("yoo-form-creator-field-selector", { ref: (el) => (this.fieldSelectorElement = el), masterTitle: this.selectedLeftMenuOption.toUpperCase(), categories: this.categories, initialSimpleFormBlocks: this.simpleFormBlocks, initialCustomFormFields: this.customFormFields, onElementReferencesLoaded: (ev) => {
+    return (index.h("yoo-form-creator-field-selector", { ref: (el) => (this.fieldSelectorElement = el), masterTitle: (this.selectedLeftMenuOption === 'fields' ? 'YOOBIC' : '') + this.selectedLeftMenuOption.toUpperCase(), categories: this.categories, initialSimpleFormBlocks: this.simpleFormBlocks, initialCustomFormFields: this.customFormFields, onElementReferencesLoaded: (ev) => {
         this.newFieldContainerBlocks = ev.detail.newFieldContainerBlocks;
         this.newFieldCategoryBlocks = ev.detail.newFieldCategoryBlocks;
         this.initNewFieldsSortable(true);
@@ -1911,7 +1933,7 @@ const YooFormCreatorComponent = class {
       { title: 'ADDCONDITION', selected: true, subTitle: 'FIELDTOOLTIP', blurContent: !index$4.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", { maxTitleCharacters: 18, 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$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)))))))));
   }
   renderNewConditionBlocks(condition) {
     return formField_instance.conditionBlocksConfig.map((blockConfig) => {
@@ -2158,7 +2180,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, 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$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: () => {
         this.isPageReordering = false;
       }, onReorderStarted: () => {
         this.isPageReordering = true;
@@ -2340,7 +2362,7 @@ const YooFormCreatorComponent = class {
   }
   renderLivePreview() {
     var _a;
-    return (index.h("yoo-form-creator-live-preview", { ref: (el) => (this.livePreviewElement = el), mode: "panel", showShare: this.showShare, onShared: (ev) => { ev.stopPropagation(); this.shared.emit(); }, hidden: this.isLivePreviewHidden, showDevices: false, missionDescriptionTitle: this.missDescDisplayTitle, onVisibilityToggled: () => (this.isLivePreviewHidden = !this.isLivePreviewHidden), availableLanguages: ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) ? [...this.selectedLanguages, this.baseLanguage] : [], selectedLanguage: this.baseLanguage, onLanguageChanged: (ev) => this.onDisplayLanguageChanged(ev) }, index.h("div", { class: "slot-container", slot: "livePreview" }, index.h("slot", { name: "livePreview" }))));
+    return (index.h("yoo-form-creator-live-preview", { ref: (el) => (this.livePreviewElement = el), mode: "panel", showShare: this.showShare, onShared: (ev) => { ev.stopPropagation(); this.shared.emit(); }, hidden: this.isLivePreviewHidden, showDevices: false, missionDescriptionTitle: this.missDescDisplayTitle, onVisibilityToggled: () => (this.isLivePreviewHidden = !this.isLivePreviewHidden), availableLanguages: ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length) ? [...this.selectedLanguages, this.baseLanguage] : [], selectedLanguage: this.displayLanguage ? this.displayLanguage : this.baseLanguage, onLanguageChanged: (ev) => this.onDisplayLanguageChanged(ev) }, index.h("div", { class: "slot-container", slot: "livePreview" }, index.h("slot", { name: "livePreview" }))));
   }
   renderFormDynamic() {
     var _a;
@@ -2351,6 +2373,7 @@ const YooFormCreatorComponent = class {
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {
+    "missionDescription": ["onMissionDescriptionUpdated"],
     "customFormFields": ["onCustomFormFieldsUpdated"],
     "selectedNewScoring": ["updateSelectedScoring"],
     "slides": ["updateInternalSlides"],

package/dist/cjs/yoo-form-date-time.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-d82a50b9.js');
-const index$1 = require('./index-dba6038f.js');
+const index$2 = require('./index-ea29129a.js');
+const index$1 = require('./index-43d2768f.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-aaf67fd5.js');
-const formInputHelpers = require('./form-input-helpers-0ebb7615.js');
+const commonHelpers = require('./common-helpers-4d075db4.js');
+const formInputHelpers = require('./form-input-helpers-f38b589c.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formDateTimeCss = ":host{display:block;opacity:1}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:2.875rem;max-height:2.875rem;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.valid{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host .outer-container.invalid{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host .outer-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host .outer-container .input-container input{display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0;width:100%;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);line-height:1.5;vertical-align:unset;background:var(--light, #ffffff);border:none}:host .outer-container .input-container input:focus{outline:0}:host .outer-container .input-container input[type=reset],:host .outer-container .input-container input[type=button],:host .outer-container .input-container input[type=submit],:host .outer-container .input-container input[type=checkbox],:host .outer-container .input-container input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}:host .outer-container .input-container input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}:host .outer-container .input-container input.native{padding:0rem 1rem}:host .outer-container .icon-prefix,:host .outer-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem)}:host .outer-container .clear{padding-right:var(--spacing-08, 0.5rem)}:host .readonly{padding:0.5rem 0.5rem 0 0;color:var(--dark, #000000)}:host(.ios) .outer-container .input-container input{caret-color:transparent}:host(.history) .readonly{padding:0 !important}:host(.x-large) .readonly{font-size:var(--font-size-36, 2.25rem)}:host(.condition-block) .outer-container{border:none}:host(.condition-block) .outer-container .icon-prefix{display:none}:host(.condition-block) .outer-container .input-container input{background-color:var(--stable-light, #f1f1f1)}:host([size=medium]:not(.readonly)) .outer-container{min-height:1.875rem;max-height:1.875rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container{min-height:1.375rem;max-height:1.375rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}";
@@ -172,7 +172,7 @@ const YooFormDateTimeComponent = class {
     if (newMinutes === 0 && prevMinutes !== newMinutes) {
       defaultValue.setHours(defaultValue.getHours() + 1);
     }
-    this.value = this.value || defaultValue;
+    this.value = this.value || (this.isRange ? [defaultValue] : defaultValue);
     this.onToggle(ev);
   }
   onClearClicked(event) {

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-dba6038f.js');
-const commonHelpers = require('./common-helpers-aaf67fd5.js');
-const formInputHelpers = require('./form-input-helpers-0ebb7615.js');
+const index$1 = require('./index-43d2768f.js');
+const commonHelpers = require('./common-helpers-4d075db4.js');
+const formInputHelpers = require('./form-input-helpers-f38b589c.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
+require('./index-ea29129a.js');
 
 const formDaterangeCss = ":host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .dropdown-container{display:-ms-flexbox;display:flex;-ms-flex:33%;flex:33%}:host .outer-container .dropdown-container .mode-text{-ms-flex:1;flex:1}:host .outer-container .bottom-container{padding:1rem}:host .outer-container .bottom-container .timespan-text{margin-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .dynamic-checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:1rem}:host .outer-container .dynamic-checkbox-container yoo-form-checkbox{margin-right:0.5rem}:host .outer-container .dynamic-timescale-container{display:-ms-flexbox;display:flex}:host .outer-container .dynamic-timescale-container .timespan-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;margin-right:var(--spacing-16, 1rem)}:host .outer-container .dynamic-timescale-container .timespan-container .timespan-text{margin-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .dynamic-timescale-container .timescale-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host .outer-container .dynamic-timescale-container .timescale-container .timescale-text{-ms-flex:0.75;flex:0.75;margin-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .dynamic-timescale-container .timescale-container .timescale-selected{display:-ms-flexbox;display:flex}:host .outer-container .dynamic-timescale-container .timescale-container .timescale-selected .timescale-selected-text{margin-right:var(--spacing-08, 0.5rem)}:host(.web){font-size:var(--font-size-14, 0.875rem)}";
 

package/dist/cjs/yoo-form-document-dialog.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-dba6038f.js');
+const index$1 = require('./index-43d2768f.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-aaf67fd5.js');
+const commonHelpers = require('./common-helpers-4d075db4.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
+require('./index-ea29129a.js');
 
 const formDocumentDialogCss = ":host{--dialog-padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host yoo-swipe-container{height:100%;background:var(--dark, #000000)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}:host .outer-container audio{width:100%;margin-top:auto;padding-bottom:var(--dialog-padding-bottom)}:host yoo-ion-content{position:absolute;top:0;height:100%;margin:0 !important;padding:0 !important;background:var(--dark, #000000)}:host yoo-ion-content .box-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--light, #ffffff);border:none}:host(.with-box) yoo-ion-content{position:relative}:host(.with-box.image.web) yoo-header{background:transparent}:host(.with-box.image.web) yoo-ion-content{position:absolute}:host(.audio) yoo-header{position:absolute}:host(.audio) .outer-container{height:calc(100vh - 10px)}:host(.web) yoo-ion-content{background:var(--light, #ffffff)}:host(.image) yoo-header{background-color:var(--dark, #000000)}:host(.image) yoo-header yoo-navbar{--bottom-shadow:none}:host(.video) yoo-ion-content,:host(.url) yoo-ion-content{display:block;height:100%;margin:0 !important;padding:0 !important;background:var(--dark, #000000)}:host(.iphone-x){--dialog-padding-bottom:35px}";
 

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-dba6038f.js');
-const localForage = require('./localForage-3ea97523.js');
-const commonHelpers = require('./common-helpers-aaf67fd5.js');
+const index$1 = require('./index-43d2768f.js');
+const localForage = require('./localForage-7e323bf1.js');
+const commonHelpers = require('./common-helpers-4d075db4.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
+require('./index-ea29129a.js');
 
 const formDocumentCss = ":host{--card-file-padding:unset;--height-image-container:260px;--outer-container-padding:0.5rem 0rem;--card-file-image-content:center;display:block}:host .outer-container,:host .readonly{padding:var(--outer-container-padding)}:host .outer-container .image-container,:host .readonly .image-container{height:100%;margin-right:auto;margin-left:auto}:host .outer-container .image-container:not(.no-border),:host .readonly .image-container:not(.no-border){border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:0.5rem}:host .outer-container .image-container.contain,:host .readonly .image-container.contain{min-width:150px;height:150px;margin:0 1rem;border:none}:host .outer-container .image-container.relative-to-window,:host .readonly .image-container.relative-to-window{height:25vh}:host .readonly{position:relative}:host .readonly .image-container{width:98px;height:98px;margin-left:0}:host .readonly yoo-card-file{--card-padding:var(--card-file-padding);--card-image-content:var(--card-file-image-content)}:host .readonly .info-container{position:absolute;bottom:10px;left:73px}:host(.expanded){width:100%}:host(.banner) .outer-container{margin:0 -2rem;margin-top:-1rem}:host(.banner) .outer-container.bg-app-color-10{background:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.banner) .outer-container yoo-img{border:none;border-radius:0}:host(.transparent) .outer-container{background:transparent}";
 

package/dist/cjs/yoo-form-dynamic-dialog.cjs.entry.js

@@ -3,11 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-dba6038f.js');
-const button_factory = require('./button.factory-30bbe21d.js');
+const index$1 = require('./index-43d2768f.js');
+const button_factory = require('./button.factory-4d2e5ba8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d82a50b9.js');
+require('./index-ea29129a.js');
+require('./index-82336175.js');
 
 const formDynamicDialogCss = ":host(.web-center){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;max-height:100%;margin:auto !important;overflow:hidden;border-radius:0.5rem}:host yoo-ion-content{background:var(--light, #ffffff)}:host .content{display:block;-ms-flex:1;flex:1;min-height:9rem;overflow-x:hidden;overflow-y:auto;background:var(--light, #ffffff)}:host .content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host yoo-ion-footer{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0.5rem}:host yoo-ion-footer .flex{-ms-flex:1;flex:1}:host yoo-ion-footer yoo-button{padding:var(--spacing-08, 0.5rem)}:host yoo-ion-footer yoo-button.web{margin:0 var(--spacing-08, 0.5rem);padding:0}";