@yoobic/yobi 8.2.0-9 → 8.2.0

package/dist/design-system/yoo-form-creator.entry.js

@@ -1,20 +1,20 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, r as CONDITION_TYPES, s as FormFieldCategory, t as FormCreatorBulkActions, u as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-e36bdc70.js';
-import { aO as updateTranslationKey, aP as checkIfKeyIsInPage, t as translate, ae as showAlert, aQ as removeScoringSelectedFields, aR as serializeScores, aS as setFieldIconAndCategory, T as translateMulti, aT as findField, aU as CURVE_EASE_OUT_QUAD, aV as changeSelectedScoring, aI as getUUID, as as getCurrentLanguage, aW as calculateScoringTotal, aX as formatSlides, n as showModal, aY as showToast, aZ as checkIfKeyIsInField, a_ as removeParentCondition, a$ as populateScoringFields, R as isNullOrUndefined, b0 as isFieldNameUnique, b1 as getCustomName, _ as getSession, I as closeModal, b2 as getScoringCategory, b3 as formatScoringValuePairs, b4 as findMultiMaxScore } from './index-b72de038.js';
-import { z as cloneDeep, o as orderBy, c as compact, a as isArray } from './lodash-494e728c.js';
+import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, r as CONDITION_TYPES, s as FormFieldCategory, t as FormCreatorBulkActions, u as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-cbc2c080.js';
+import { aO as updateTranslationKey, aP as checkIfKeyIsInPage, t as translate, ae as showAlert, aQ as removeScoringSelectedFields, aR as serializeScores, aS as setFieldIconAndCategory, T as translateMulti, aT as findField, aU as CURVE_EASE_OUT_QUAD, aV as changeSelectedScoring, R as isNullOrUndefined, aW as hasImageRecognitionFields, aI as getUUID, as as getCurrentLanguage, aX as calculateScoringTotal, aY as formatSlides, n as showModal, aZ as showToast, a_ as checkIfKeyIsInField, a$ as removeParentCondition, b0 as populateScoringFields, b1 as isFieldNameUnique, b2 as getCustomName, _ as getSession, I as closeModal, b3 as getScoringCategory, b4 as formatScoringValuePairs, b5 as findMultiMaxScore } from './index-8124f773.js';
+import { w as cloneDeep, o as orderBy, j as compact, a as isArray } from './lodash-063b88d5.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-368e748a.js';
-import { b as getAppContext } from './common-helpers-3fdc5d49.js';
-import { N as NON_CONDITION_CATEGORIES, A as ARROW_PAIR } from './index-19465d67.js';
-import { a as addNewIdsToSlide, s as serializeScoringValuePairs, u as updateSelectedFields, i as isScoring, g as getExpandableBlockReference, r as removeCondition, b as removePageCondtion, c as addNewUnattachedParentConditions, d as deleteFieldAndRemoveConditionReferences, e as duplicateField, f as deleteCondition, h as deleteUnattachedParentConditions, j as findCondition, k as updateCondition, l as setBlockSelection, m as cleanCustomFormFieldSlides, t as translateAll, n as cleanUnattachedParentConditions, o as removeSelectedItems, p as setSelectedScoring, q as getFieldsWithScoring, v as populateFieldsWithScoring, w as setFormFieldIndex, x as setParentConditions, y as updateUnattatchedCondition, z as doesSlidePageHaveItems, A as getNumberOfSequentialFields, B as getDefaultCondition, C as addNewParentCondition, D as createNewIdsForCustomFields, E as getDefaultField, F as getScoringQuickSetupData, G as checkForFieldAttribute, H as populateMissingValues, I as setRestrictionAndFieldConditions, J as setChildFields } from './index-360c9c18.js';
+import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-15ce3308.js';
+import { b as getAppContext } from './common-helpers-882ed431.js';
+import { N as NON_CONDITION_CATEGORIES, A as ARROW_PAIR } from './index-27b62bf4.js';
+import { a as addNewIdsToSlide, s as serializeScoringValuePairs, u as updateSelectedFields, i as isScoring, g as getExpandableBlockReference, r as removeCondition, b as removePageCondtion, c as addNewUnattachedParentConditions, d as deleteFieldAndRemoveConditionReferences, e as duplicateField, f as deleteCondition, h as deleteUnattachedParentConditions, j as findCondition, k as updateCondition, l as setBlockSelection, m as cleanCustomFormFieldSlides, t as translateAll, n as cleanUnattachedParentConditions, o as removeSelectedItems, p as setSelectedScoring, q as getFieldsWithScoring, v as populateFieldsWithScoring, w as setFormFieldIndex, x as setParentConditions, y as updateUnattatchedCondition, z as doesSlidePageHaveItems, A as getNumberOfSequentialFields, B as getDefaultCondition, C as addNewParentCondition, D as createNewIdsForCustomFields, E as getDefaultField, F as getScoringQuickSetupData, G as checkForFieldAttribute, H as populateMissingValues, I as setRestrictionAndFieldConditions, J as setChildFields } from './index-865324db.js';
 import { c as conditionBlocksConfig } from './form-field.instance-8fd6f2a1.js';
 import './_commonjsHelpers-f4d11124.js';
 import './workflow.interface-79064a52.js';
 import './item-sliding.interface-85f6790e.js';
 import './card-video.interface-5572358c.js';
-import './annotations-helpers-06bdd868.js';
+import './annotations-helpers-628a8ae3.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) {
@@ -31,6 +31,7 @@ const YooFormCreatorComponent = class {
     this.formCreatorBlockExpanded = createEvent(this, "formCreatorBlockExpanded", 7);
     this.formCreatorBlockCollapsed = createEvent(this, "formCreatorBlockCollapsed", 7);
     this.slidesChanged = createEvent(this, "slidesChanged", 7);
+    this.todoChanged = createEvent(this, "todoChanged", 7);
     this.addNewPageClicked = createEvent(this, "addNewPageClicked", 7);
     this.newScoringClicked = createEvent(this, "newScoringClicked", 7);
     this.scoringChanged = createEvent(this, "scoringChanged", 7);
@@ -153,6 +154,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);
@@ -171,12 +173,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) {
@@ -305,6 +309,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;
@@ -417,7 +424,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;
@@ -688,15 +700,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 = findField(this.currentSlides, event.detail.name);
-      this.reloadTranslationModalOnUpdate = selectedFieldLocation;
+    if (isNullOrUndefined(this.missionDescription.lockTranslations) && hasImageRecognitionFields(this.slides)) {
+      showAlert(translate('YOOBICWARNING'), [translate('YOOBICOK')], 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 = findField(this.currentSlides, event.detail.name);
+        this.reloadTranslationModalOnUpdate = selectedFieldLocation;
+      }
+      else {
+        this.showTranslationDialog(event);
+      }
     }
   }
   onCreateNewRestriction(event) {
@@ -768,6 +785,7 @@ const YooFormCreatorComponent = class {
       missionDescriptionChanged: this.missionDescriptionChanged,
       slidesChanged: this.slidesChanged,
       scoringChanged: this.scoringChanged,
+      todoChanged: this.todoChanged,
       translationsUpdated: this.translationsUpdated
     }, null, true, saveOnFinish, closeOnFinish);
   }
@@ -1004,6 +1022,12 @@ const YooFormCreatorComponent = class {
     }
     this.shouldRenderLeftSelectionContent = true;
   }
+  selectPage(pageIndex) {
+    this.selectedPageIndex = pageIndex;
+    this.pageHeaderClicked.emit(pageIndex);
+    this.hasPageChanged = pageIndex;
+    this.resetExpandableBlockReferences();
+  }
   updateGlobalActions() {
     this.selectedMoveActions = setBlockSelection(this.itemList, null, (slideIndex, _itemIndex, itemId) => this.moveSelectedFields(itemId, slideIndex), {
       extraStartingItems: [
@@ -1892,7 +1916,7 @@ const YooFormCreatorComponent = class {
     }
   }
   renderBlockCategorySelection() {
-    return (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 (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);
@@ -1985,6 +2009,9 @@ const YooFormCreatorComponent = class {
       }, onMissionDescriptionChanged: (ev) => {
         ev.stopPropagation();
         this.missionDescriptionChanged.emit(ev.detail);
+      }, onTodoChanged: (ev) => {
+        ev.stopPropagation();
+        this.todoChanged.emit(ev.detail);
       }, onPlanChanged: (ev) => {
         ev.stopPropagation();
         this.planChanged.emit(ev.detail);
@@ -2154,7 +2181,7 @@ const YooFormCreatorComponent = class {
           selected: this.isPagesAccordionOpen,
           actionButtons
         }
-      ], iconPairLeft: ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, h("div", { slot: "PAGES" }, h("yoo-form-creator-page-card-list", { scoringMode: 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: ARROW_PAIR, showBottomBorder: true, forceEntryUpdate: true, allowMultipleSelection: true, onAccordionSelected: (event) => this.onPagesAccordionSelected(event) }, h("div", { slot: "PAGES" }, h("yoo-form-creator-page-card-list", { scoringMode: 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;
@@ -2336,7 +2363,7 @@ const YooFormCreatorComponent = class {
   }
   renderLivePreview() {
     var _a;
-    return (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) }, h("div", { class: "slot-container", slot: "livePreview" }, h("slot", { name: "livePreview" }))));
+    return (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) }, h("div", { class: "slot-container", slot: "livePreview" }, h("slot", { name: "livePreview" }))));
   }
   renderFormDynamic() {
     var _a;
@@ -2347,6 +2374,7 @@ const YooFormCreatorComponent = class {
   }
   get host() { return getElement(this); }
   static get watchers() { return {
+    "missionDescription": ["onMissionDescriptionUpdated"],
     "customFormFields": ["onCustomFormFieldsUpdated"],
     "selectedNewScoring": ["updateSelectedScoring"],
     "slides": ["updateInternalSlides"],

package/dist/design-system/yoo-form-date-time.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { c as FormFieldType } from './index-e36bdc70.js';
-import { o as isWeb, aG as dateAdd, d as isNativeMobile, I as closeModal, al as is24Hour, Z as dateFormat, t as translate, dV as getRoundedMinutes, W as pipes, dl as getHours, dm as getMinutes, dn as setDateHours, dp as setDateMinutes, r as findParent, c as isFullScreenFalse, n as showModal, dk as getDialogPosition, m as getModalAnimation, D as isDateAfter, z as startOf, bH as endOf, v as isIOS, e as isAndroid, aF as dateSub, _ as getSession } from './index-b72de038.js';
-import { a as isArray } from './lodash-494e728c.js';
-import { q as querySelectorDeep, b as getAppContext } from './common-helpers-3fdc5d49.js';
-import { s as setValidator, v as validate, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-197b3f44.js';
+import { c as FormFieldType } from './index-cbc2c080.js';
+import { o as isWeb, aG as dateAdd, d as isNativeMobile, I as closeModal, al as is24Hour, Z as dateFormat, t as translate, dW as getRoundedMinutes, W as pipes, dm as getHours, dn as getMinutes, dp as setDateHours, dq as setDateMinutes, r as findParent, c as isFullScreenFalse, n as showModal, dl as getDialogPosition, m as getModalAnimation, D as isDateAfter, z as startOf, bI as endOf, v as isIOS, e as isAndroid, aF as dateSub, _ as getSession } from './index-8124f773.js';
+import { a as isArray } from './lodash-063b88d5.js';
+import { q as querySelectorDeep, b as getAppContext } from './common-helpers-882ed431.js';
+import { s as setValidator, v as validate, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-2d1cd91f.js';
 import './_commonjsHelpers-f4d11124.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)}";
@@ -168,7 +168,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) {
@@ -288,7 +288,7 @@ const YooFormDateTimeComponent = class {
     if (this.isTimeInput(this.type)) {
       setValueAndValidateInput(this.currentTime, this);
     }
-    else if ((this.isSchedule && (!isNativeMobile() || isAndroid())) || (!isNativeMobile() && this.isDateTimeInput(this.type))) {
+    else if ((this.isSchedule && (!isNativeMobile() || isAndroid())) || this.isDateTimeInput(this.type)) {
       // Here we simply increment/decrement time to avoid changing dates
       const updatedValue = this.updateTimeValue(this.value, this.currentTime);
       setValueAndValidateInput(convertValueForInputType(updatedValue, this.type, this.useISOString), this);

package/dist/design-system/yoo-form-daterange.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { t as translate, aF as dateSub, b8 as getDatesFromDateRange, o as isWeb, b9 as getDatesRangeDisplay } from './index-b72de038.js';
-import { b as getAppContext } from './common-helpers-3fdc5d49.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-197b3f44.js';
-import './lodash-494e728c.js';
+import { t as translate, aF as dateSub, b9 as getDatesFromDateRange, o as isWeb, ba as getDatesRangeDisplay } from './index-8124f773.js';
+import { b as getAppContext } from './common-helpers-882ed431.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-2d1cd91f.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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/design-system/yoo-form-document-dialog.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { _ as getSession, d as isNativeMobile, S as ScreenOrientation, E as getAsyncExtraData, e as isAndroid, t as translate, o as isWeb, fm as isDocumentEmailSupported, dN as getPermissions, fj as isDocumentDownloadSupported, aj as downloadFile, I as closeModal, am as isFile, ar as isCloudinaryLink, aw as changeExtension, ag as isVideo, du as isAudio, cP as getExtension, k as Cloudinary, eU as getType, ak as dispatchCustomEvent, fn as getNativeDirectory, fo as fileNativeCheckFile, A as isDateBefore, fp as downloadFileToDevice, af as showActionSheet, W as pipes } from './index-b72de038.js';
-import { p as isString } from './lodash-494e728c.js';
-import { b as getAppContext } from './common-helpers-3fdc5d49.js';
+import { _ as getSession, d as isNativeMobile, S as ScreenOrientation, E as getAsyncExtraData, e as isAndroid, t as translate, o as isWeb, fn as isDocumentEmailSupported, dO as getPermissions, fk as isDocumentDownloadSupported, aj as downloadFile, I as closeModal, am as isFile, ar as isCloudinaryLink, aw as changeExtension, ag as isVideo, dv as isAudio, cQ as getExtension, k as Cloudinary, eV as getType, ak as dispatchCustomEvent, fo as getNativeDirectory, fp as fileNativeCheckFile, A as isDateBefore, fq as downloadFileToDevice, af as showActionSheet, W as pipes } from './index-8124f773.js';
+import { p as isString } from './lodash-063b88d5.js';
+import { b as getAppContext } from './common-helpers-882ed431.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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/design-system/yoo-form-document.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { E as getAsyncExtraData, bc as isOffline, t as translate, o as isWeb, fj as isDocumentDownloadSupported, en as showDocumentDownloadOptions, eU as getType, d as isNativeMobile, c6 as isBase64, fk as openBase64File, n as showModal, ag as isVideo, dC as isDocument, cP as getExtension, ai as isImage, fl as toPng, fa as getIconName, fb as getIconColor } from './index-b72de038.js';
-import { g as getFromOfflineStorage } from './localForage-9020da7a.js';
-import { b as getAppContext } from './common-helpers-3fdc5d49.js';
-import './lodash-494e728c.js';
+import { E as getAsyncExtraData, bd as isOffline, t as translate, o as isWeb, fk as isDocumentDownloadSupported, eo as showDocumentDownloadOptions, eV as getType, d as isNativeMobile, c7 as isBase64, fl as openBase64File, n as showModal, ag as isVideo, du as isDocument, cQ as getExtension, ai as isImage, fm as toPng, fb as getIconName, fc as getIconColor } from './index-8124f773.js';
+import { g as getFromOfflineStorage } from './localForage-f63f86c9.js';
+import { b as getAppContext } from './common-helpers-882ed431.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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/design-system/yoo-form-dynamic-dialog.entry.js

@@ -1,9 +1,10 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { I as closeModal, o as isWeb, t as translate, ax as toButton } from './index-b72de038.js';
-import { g as getButton } from './button.factory-319699ea.js';
-import './lodash-494e728c.js';
+import { I as closeModal, o as isWeb, t as translate, ax as toButton } from './index-8124f773.js';
+import { g as getButton } from './button.factory-805a0fb3.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.js';
+import './index-86d36134.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}";