@yoobic/yobi 8.6.0-4 → 8.6.0-6

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, t as CONDITION_TYPES, u as FormFieldCategory, v as FormCreatorBulkActions, w as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-22891abe.js';
+import { s as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, t as CONDITION_TYPES, u as FormFieldCategory, v as FormCreatorBulkActions, w as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-e2ba69c0.js';
+import './index-0a642388.js';
 import { c as cloneDeep, o as orderBy, n as compact, i as isArray, A as isEqual } from './lodash-777f91de.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-f787ceff.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import { N as NON_CONDITION_CATEGORIES, a as NON_CONDITION_TYPES, A as ARROW_PAIR } from './index-8147e643.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-6bca3bd0.js';
-import { a_ as updateTranslationKey, a$ as checkIfKeyIsInPage, t as translate, aj as showAlert, b0 as removeScoringSelectedFields, b1 as serializeScores, b2 as setFieldIconAndCategory, a3 as translateMulti, b3 as findField, b4 as CURVE_EASE_OUT_QUAD, b5 as changeSelectedScoring, k as isNullOrUndefined, b6 as hasImageRecognitionFields, aU as getUUID, aA as getCurrentLanguage, b7 as calculateScoringTotal, b8 as formatSlides, G as showModal, b9 as showToast, ba as checkIfKeyIsInField, bb as removeParentCondition, bc as populateScoringFields, bd as isFieldNameUnique, be as getCustomName, a8 as getSession, w as closeModal, bf as getScoringCategory, bg as formatScoringValuePairs, bh as findMultiMaxScore } from './index-7b3985f1.js';
+import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-8dc9b809.js';
+import { g as getAppContext } from './common-helpers-8dfbebc4.js';
+import { N as NON_CONDITION_CATEGORIES, a as NON_CONDITION_TYPES, A as ARROW_PAIR } from './index-2fce2266.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-bdceb801.js';
+import { a_ as updateTranslationKey, a$ as checkIfKeyIsInPage, t as translate, aj as showAlert, b0 as removeScoringSelectedFields, b1 as serializeScores, b2 as setFieldIconAndCategory, a3 as translateMulti, b3 as findField, b4 as CURVE_EASE_OUT_QUAD, b5 as changeSelectedScoring, k as isNullOrUndefined, b6 as hasImageRecognitionFields, b7 as formatSlides, G as showModal, aU as getUUID, aA as getCurrentLanguage, b8 as calculateScoringTotal, b9 as showToast, ba as checkIfKeyIsInField, bb as removeParentCondition, bc as populateScoringFields, bd as isFieldNameUnique, be as getCustomName, a8 as getSession, w as closeModal, bf as getScoringCategory, bg as formatScoringValuePairs, bh as findMultiMaxScore } from './index-5572e048.js';
 import { c as conditionBlocksConfig } from './form-field.instance-9dc4d638.js';
 import './workflow.interface-79064a52.js';
 import './item-sliding.interface-85f6790e.js';
@@ -15,7 +15,7 @@ import './card-video.interface-5572358c.js';
 import './annotations-helpers-f7b42b40.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const formCreatorCss = "svg:not(:root){overflow:hidden}: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 formCreatorCss = "svg:not(:root){overflow:hidden}: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%;max-height:calc(100% - var(--spacing-32, 2rem));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)}:host([show-pages-section]) .form-content-blocks-container yoo-ion-scroll{max-height:calc(100% - 5.75rem)}:host([show-pages-section]) .form-content-blocks-container yoo-ion-scroll.pages-accordion-open{max-height:calc(100% - 10.75rem)}";
 
 const YooFormCreatorComponent = class {
   constructor(hostRef) {
@@ -57,7 +57,6 @@ const YooFormCreatorComponent = class {
     this.hasLoaded = createEvent(this, "hasLoaded", 7);
     this.formFieldBlockExpanded = createEvent(this, "formFieldBlockExpanded", 7);
     this.centerContentWidthChanged = createEvent(this, "centerContentWidthChanged", 7);
-    this.scrollContent = createEvent(this, "scrollContent", 7);
     this.createNewRestrictionClicked = createEvent(this, "createNewRestrictionClicked", 7);
     this.editRestrictionCondition = createEvent(this, "editRestrictionCondition", 7);
     this.formFieldDelete = createEvent(this, "formFieldDelete", 7);
@@ -90,7 +89,6 @@ const YooFormCreatorComponent = class {
     this.hasLeftMenuOptionChanged = false;
     this.fieldsWithScoring = [];
     this.selectedScoringIndex = 0;
-    this.isPagesAccordionOpen = true;
     this.hasAdditionBeenClicked = false;
     this.infiniteScrolls = [];
     // This is needed to store any new conditions that are yet to be attached to a field so that they do not dissapear on rerender
@@ -263,6 +261,7 @@ const YooFormCreatorComponent = class {
     this.newCustomFormFieldSelectionMode = undefined;
     this.expandedFieldName = undefined;
     this.shouldRenderLeftSelectionContent = true;
+    this.isPagesAccordionOpen = true;
   }
   get isTranslatorForm() {
     var _a;
@@ -780,6 +779,73 @@ const YooFormCreatorComponent = class {
       this.haveTranslationsUpdated = false;
     }
   }
+  async showTranslationDialog(event, selectedFieldLocation = null) {
+    var _a;
+    let refreshForms = false;
+    if (event) {
+      selectedFieldLocation = selectedFieldLocation === null ? findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
+    }
+    else if (!selectedFieldLocation) {
+      selectedFieldLocation = { slideIndex: 0, itemIndex: 0 };
+    }
+    this.formCreatorTranslateDialog = document.createElement('yoo-form-creator-translate-dialog');
+    this.formCreatorTranslateDialog.baseLanguage = this.baseLanguage;
+    this.formCreatorTranslateDialog.translatedLanguages = (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.languages;
+    this.formCreatorTranslateDialog.allLanguages = this.allLanguages;
+    if (this.translations && this.translations.length > 0) {
+      refreshForms = true;
+      this.formCreatorTranslateDialog.isTranslator = this.isTranslator;
+      this.formCreatorTranslateDialog.disableNewLanguageButton = this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null;
+      this.formCreatorTranslateDialog.translations = this.translations;
+      this.formCreatorTranslateDialog.slides = formatSlides(this.currentSlides, true);
+      this.formCreatorTranslateDialog.initialSelectedFieldLocation = selectedFieldLocation;
+      this.formCreatorTranslateDialog.addEventListener('translationUpdated', (ev) => {
+        ev.stopPropagation();
+        this.translationUpdated.emit(ev.detail);
+      });
+      this.formCreatorTranslateDialog.addEventListener('languageChanged', (ev) => {
+        ev.stopPropagation();
+        this.translateDialogLanguageChanged.emit(ev.detail);
+      });
+      this.formCreatorTranslateDialog.addEventListener('translateValue', (ev) => {
+        this.translateValue.emit(ev.detail);
+      });
+    }
+    else {
+      this.formCreatorTranslateDialog.mode = 'createInitial';
+      this.formCreatorTranslateDialog.addEventListener('selectedLanguagesChanged', (ev) => {
+        this.selectedLanguagesChanged.emit(ev.detail);
+      });
+      this.formCreatorTranslateDialog.addEventListener('baseLanguageChanged', (ev) => {
+        this.baseLanguageChanged.emit(ev.detail);
+      });
+    }
+    showModal({
+      component: this.formCreatorTranslateDialog,
+      cssClass: 'visible-overflow responsive',
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
+      var _a, _b, _c, _d;
+      this.translateDialogClosed.emit({ refreshForms });
+      if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
+        this.translateNewLanguages([], false, selectedFieldLocation);
+      }
+      else if ((_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.addNewLanguage) {
+        this.showChangeLanguageTranslationDialog(event, selectedFieldLocation);
+      }
+      else {
+        this.reloadLivePreview.emit();
+        if (this.livePreviewElement) {
+          this.livePreviewElement.missionDescriptionTitle = translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
+        }
+        if (this.formCreatorHeader) {
+          this.formCreatorHeader.formTitle = translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
+        }
+      }
+    });
+  }
   async addPageCondition(condition, slideIndex) {
     if (this.currentSlides[slideIndex].condition) {
       const currentCondition = [...this.currentSlides[slideIndex].condition, condition];
@@ -955,14 +1021,6 @@ const YooFormCreatorComponent = class {
       this.currentSlides = setParentConditions(this.currentSlides);
       this.updateGlobalActions();
       this.hasLoaded.emit();
-      // Sometimes the container is scrolled down and because of overflow:hidden can't be scrolled back to top.
-      // Following interval watch the container scrollTop and scroll back to top if needed.
-      this.containerElWatch = setInterval(() => {
-        var _a;
-        if (((_a = this.containerEl) === null || _a === void 0 ? void 0 : _a.scrollTop) > 0) {
-          this.containerEl.scrollTop = 0;
-        }
-      }, 1000);
     }
     this.hasLoaded.emit();
   }
@@ -1110,67 +1168,6 @@ const YooFormCreatorComponent = class {
       });
     }
   }
-  showTranslationDialog(event, selectedFieldLocation = null) {
-    var _a;
-    let refreshForms = false;
-    if (event) {
-      selectedFieldLocation = selectedFieldLocation === null ? findField(this.currentSlides, event.detail.name) : selectedFieldLocation;
-    }
-    else if (!selectedFieldLocation) {
-      selectedFieldLocation = { slideIndex: 0, itemIndex: 0 };
-    }
-    this.formCreatorTranslateDialog = document.createElement('yoo-form-creator-translate-dialog');
-    this.formCreatorTranslateDialog.baseLanguage = this.baseLanguage;
-    this.formCreatorTranslateDialog.translatedLanguages = (_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.languages;
-    this.formCreatorTranslateDialog.allLanguages = this.allLanguages;
-    if (this.translations && this.translations.length > 0) {
-      refreshForms = true;
-      this.formCreatorTranslateDialog.isTranslator = this.isTranslator;
-      this.formCreatorTranslateDialog.disableNewLanguageButton = this.isLesson && !this.plan ? 'ADDNEWLANGAUGEINCOURSE' : null;
-      this.formCreatorTranslateDialog.translations = this.translations;
-      this.formCreatorTranslateDialog.slides = formatSlides(this.currentSlides, true);
-      this.formCreatorTranslateDialog.initialSelectedFieldLocation = selectedFieldLocation;
-      this.formCreatorTranslateDialog.addEventListener('translationUpdated', (ev) => {
-        ev.stopPropagation();
-        this.translationUpdated.emit(ev.detail);
-      });
-      this.formCreatorTranslateDialog.addEventListener('languageChanged', (ev) => {
-        ev.stopPropagation();
-        this.translateDialogLanguageChanged.emit(ev.detail);
-      });
-      this.formCreatorTranslateDialog.addEventListener('translateValue', (ev) => {
-        this.translateValue.emit(ev.detail);
-      });
-    }
-    else {
-      this.formCreatorTranslateDialog.mode = 'createInitial';
-      this.formCreatorTranslateDialog.addEventListener('selectedLanguagesChanged', (ev) => {
-        this.selectedLanguagesChanged.emit(ev.detail);
-      });
-      this.formCreatorTranslateDialog.addEventListener('baseLanguageChanged', (ev) => {
-        this.baseLanguageChanged.emit(ev.detail);
-      });
-    }
-    showModal(this.formCreatorTranslateDialog, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
-      var _a, _b, _c, _d;
-      this.translateDialogClosed.emit({ refreshForms });
-      if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
-        this.translateNewLanguages([], false, selectedFieldLocation);
-      }
-      else if ((_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.addNewLanguage) {
-        this.showChangeLanguageTranslationDialog(event, selectedFieldLocation);
-      }
-      else {
-        this.reloadLivePreview.emit();
-        if (this.livePreviewElement) {
-          this.livePreviewElement.missionDescriptionTitle = translateMulti((_c = this.missionDescription) === null || _c === void 0 ? void 0 : _c.title);
-        }
-        if (this.formCreatorHeader) {
-          this.formCreatorHeader.formTitle = translateMulti((_d = this.missionDescription) === null || _d === void 0 ? void 0 : _d.title);
-        }
-      }
-    });
-  }
   showChangeLanguageTranslationDialog(event, selectedFieldLocation) {
     var _a;
     const formCreatorTranslateDialogLanguageSelector = document.createElement('yoo-form-creator-translate-dialog');
@@ -1181,7 +1178,13 @@ const YooFormCreatorComponent = class {
     formCreatorTranslateDialogLanguageSelector.addEventListener('selectedLanguagesChanged', (ev) => {
       this.selectedLanguagesChanged.emit([...ev.detail, ...this.selectedLanguages]);
     });
-    showModal(formCreatorTranslateDialogLanguageSelector, {}, 'visible-overflow responsive', 'fadeEnterAnimation', 'fadeLeaveAnimation', true).then((ret) => {
+    showModal({
+      component: formCreatorTranslateDialogLanguageSelector,
+      cssClass: 'visible-overflow responsive',
+      enterAnimation: 'fadeEnterAnimation',
+      leaveAnimation: 'fadeLeaveAnimation',
+      showBackdrop: true
+    }).then((ret) => {
       var _a, _b, _c;
       if ((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.createNewTranslations) {
         this.translateNewLanguages(this.translations, true, selectedFieldLocation, (_b = ret === null || ret === void 0 ? void 0 : ret.data) === null || _b === void 0 ? void 0 : _b.newLanguesToTranslate);
@@ -1670,11 +1673,10 @@ const YooFormCreatorComponent = class {
     }
   }
   onMainContentScrolled(event) {
-    if (event) {
-      this.scrollContent.emit(event.detail);
-      if (this.pagesAccordion && (event.detail.scrollTop > 200 ? this.isPagesAccordionOpen : !this.isPagesAccordionOpen) && !this.isPageReordering && this.hasPageChanged === -1) {
-        this.pagesAccordion.clickAccordion(0);
-      }
+    var _a, _b;
+    const scrollableHeight = ((_a = this.mainContentScrollElement) === null || _a === void 0 ? void 0 : _a.scrollHeight) - ((_b = this.mainContentScrollElement) === null || _b === void 0 ? void 0 : _b.clientHeight);
+    if (event && this.pagesAccordion && ((event.detail.scrollTop && event.detail.scrollTop === scrollableHeight) ? this.isPagesAccordionOpen : !this.isPagesAccordionOpen) && !this.isPageReordering && this.hasPageChanged === -1) {
+      this.pagesAccordion.clickAccordion(0);
     }
   }
   onPagesAccordionSelected(event) {
@@ -2164,7 +2166,13 @@ const YooFormCreatorComponent = class {
         dialog.page = this.selectedPageIndex;
         dialog.addEventListener('close', () => closeModal(null, dialog));
         dialog.addEventListener('save', (event) => closeModal(event.detail, dialog));
-        const { data: result } = await showModal(dialog, { height: 'medium' }, null, 'fadeEnterAnimation', 'fadeLeaveAnimation', true);
+        const { data: result } = await showModal({
+          component: dialog,
+          componentProps: { height: 'medium' },
+          enterAnimation: 'fadeEnterAnimation',
+          leaveAnimation: 'fadeLeaveAnimation',
+          showBackdrop: true
+        });
         if (result) {
           const answer = await showAlert(translate('CONFIRM'), [translate('CANCEL'), translate('YOOBICYES')], translate('SCORINGQUICKSETUPCONFIRM'));
           if (answer) {
@@ -2381,7 +2389,7 @@ const YooFormCreatorComponent = class {
           selected: true,
           actionButtons: isScoring(this.selectedLeftMenuOption) ? [] : [...actionButtons]
         }
-      ], iconPairLeft: ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index) => (h("div", { slot: index === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, h("yoo-ion-scroll", { ref: (el) => {
+      ], iconPairLeft: ARROW_PAIR, showBottomBorder: true, allowMultipleSelection: true }, this.currentSlides.map((slide, index) => (h("div", { slot: index === this.selectedPageIndex ? 'CONTENT' : 'HIDDEN-CONTENT' }, h("yoo-ion-scroll", { class: { 'pages-accordion-open': this.isPagesAccordionOpen }, ref: (el) => {
         if (index === this.selectedPageIndex) {
           this.mainContentScrollElement = el;
         }
@@ -2459,7 +2467,7 @@ const YooFormCreatorComponent = class {
     return (h("div", { class: "form-dynamic-container" }, h("yoo-header", null, h("yoo-navbar", null, h("yoo-truncate", null, translateMulti((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.title))))));
   }
   render() {
-    return (h(Host, { class: getAppContext(this.host) }, h("div", { class: "container", ref: (el) => (this.containerEl = el) }, this.renderHeader(), this.renderContent(), this.renderOverlays())));
+    return (h(Host, { class: getAppContext(this.host) }, h("div", { class: "container" }, this.renderHeader(), this.renderContent(), this.renderOverlays())));
   }
   get host() { return getElement(this); }
   static get watchers() { return {

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import { c as FormFieldType } from './index-847a32fd.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import { c as FormFieldType } from './index-e2ba69c0.js';
+import './index-0a642388.js';
 import { i as isArray } from './lodash-777f91de.js';
-import { q as querySelectorDeep, g as getAppContext } from './common-helpers-2139c840.js';
-import { v as validate, s as setValidator, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-1e66a27d.js';
-import { H as isWeb, o as isNativeMobile, w as closeModal, aq as is24Hour, ao as dateFormat, t as translate, dF as getRoundedMinutes, av as pipes, aQ as getHours, aR as getMinutes, aS as setDateHours, aT as setDateMinutes, G as showModal, F as getModalAnimation, V as isDateAfter, R as startOf, bY as endOf, N as isIOS, p as isAndroid, aN as dateSub, aO as dateAdd, a8 as getSession } from './index-7b3985f1.js';
+import { q as querySelectorDeep, g as getAppContext } from './common-helpers-8dfbebc4.js';
+import { v as validate, s as setValidator, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-31e0314c.js';
+import { H as isWeb, o as isNativeMobile, w as closeModal, aq as is24Hour, ao as dateFormat, t as translate, dF as getRoundedMinutes, av as pipes, aQ as getHours, aR as getMinutes, aS as setDateHours, aT as setDateMinutes, G as showModal, F as getModalAnimation, V as isDateAfter, R as startOf, bY as endOf, N as isIOS, p as isAndroid, aN as dateSub, aO as dateAdd, a8 as getSession } from './index-5572e048.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDateTimeCss = "svg:not(:root){overflow:hidden}: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)}";
@@ -255,7 +255,15 @@ const YooFormDateTimeComponent = class {
       this.dialog.style.boxShadow = 'var(--shadow-03)';
       this.dialog.style.backgroundColor = 'var(--light)';
     }
-    await showModal(this.dialog, web ? null : { half: true, coeffHalf: hasCalendar ? 0.66 : 0.33 }, web ? this.updateModalCssClass() : null, web ? this.getModalAnimation('Enter') : getModalAnimation('Enter', 'Y', { host: this.host }), web ? this.getModalAnimation('Leave') : getModalAnimation('Leave', 'Y', { host: this.host }), true, false);
+    await showModal({
+      component: this.dialog,
+      componentProps: web ? null : { half: true, coeffHalf: hasCalendar ? 0.66 : 0.33 },
+      cssClass: web ? this.updateModalCssClass() : null,
+      enterAnimation: web ? this.getModalAnimation('Enter') : getModalAnimation('Enter', 'Y', { host: this.host }),
+      leaveAnimation: web ? this.getModalAnimation('Leave') : getModalAnimation('Leave', 'Y', { host: this.host }),
+      showBackdrop: true,
+      displayFullscreenButton: false
+    });
     this.dialog = null;
     this.timePicker = null;
     this.currentTime = null;
@@ -347,7 +355,7 @@ const YooFormDateTimeComponent = class {
         closeModal(null, dialog);
       };
       dialog.addEventListener('scannedSuccess', scannedSuccessListener);
-      await showModal(dialog);
+      await showModal({ component: dialog });
       dialog.removeEventListener('scannedSuccess', scannedSuccessListener);
       dialog = null;
     }

package/dist/esm/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-06fc3d74.js';
-import './index-30d0dd50.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-1e66a27d.js';
-import { t as translate, aN as dateSub, bm as getDatesFromDateRange, H as isWeb, bn as getDatesRangeDisplay } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-0a642388.js';
+import { g as getAppContext } from './common-helpers-8dfbebc4.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-31e0314c.js';
+import { t as translate, aN as dateSub, bm as getDatesFromDateRange, H as isWeb, bn as getDatesRangeDisplay } from './index-5572e048.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-e2ba69c0.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDaterangeCss = "svg:not(:root){overflow:hidden}: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/esm/yoo-form-document-dialog.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import { a8 as getSession, o as isNativeMobile, S as ScreenOrientation, W as getAsyncExtraData, p as isAndroid, t as translate, H as isWeb, fF as isDocumentEmailSupported, e1 as getPermissions, fG as isDocumentDownloadSupported, an as downloadFile, w as closeModal, ar as isFile, az as isCloudinaryLink, aD as changeExtension, ak as isVideo, dK as isAudio, d9 as getExtension, a0 as Cloudinary, fc as getType, ap as dispatchCustomEvent, fH as getNativeDirectory, fI as fileNativeCheckFile, T as isDateBefore, fJ as downloadFileToDevice, co as showActionSheet, av as pipes } from './index-7b3985f1.js';
-import './index-30d0dd50.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import { a8 as getSession, o as isNativeMobile, S as ScreenOrientation, W as getAsyncExtraData, p as isAndroid, t as translate, H as isWeb, fF as isDocumentEmailSupported, e1 as getPermissions, fG as isDocumentDownloadSupported, an as downloadFile, w as closeModal, ar as isFile, az as isCloudinaryLink, aD as changeExtension, ak as isVideo, dK as isAudio, d9 as getExtension, a0 as Cloudinary, fc as getType, ap as dispatchCustomEvent, fH as getNativeDirectory, fI as fileNativeCheckFile, T as isDateBefore, fJ as downloadFileToDevice, co as showActionSheet, av as pipes } from './index-5572e048.js';
+import './index-0a642388.js';
 import { p as isString } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import './index-847a32fd.js';
+import { g as getAppContext } from './common-helpers-8dfbebc4.js';
+import './index-e2ba69c0.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDocumentDialogCss = "svg:not(:root){overflow:hidden}: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/esm/yoo-form-document.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { g as getFromOfflineStorage } from './localForage-1cbed8e8.js';
-import { g as getAppContext } from './common-helpers-2139c840.js';
-import { W as getAsyncExtraData, bq as isOffline, t as translate, H as isWeb, fC as showDocumentDownloadOptions, fc as getType, o as isNativeMobile, cm as isBase64, fD as openBase64File, G as showModal, ak as isVideo, dJ as isDocument, d9 as getExtension, am as isImage, fE as toPng, ft as getIconName, fu as getIconColor } from './index-7b3985f1.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-0a642388.js';
+import { g as getFromOfflineStorage } from './localForage-bcd4f8fd.js';
+import { g as getAppContext } from './common-helpers-8dfbebc4.js';
+import { W as getAsyncExtraData, bq as isOffline, t as translate, H as isWeb, fC as showDocumentDownloadOptions, fc as getType, o as isNativeMobile, cm as isBase64, fD as openBase64File, G as showModal, ak as isVideo, dJ as isDocument, d9 as getExtension, am as isImage, fE as toPng, ft as getIconName, fu as getIconColor } from './index-5572e048.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-847a32fd.js';
+import './index-e2ba69c0.js';
 
 const formDocumentCss = "svg:not(:root){overflow:hidden}: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}";
 
@@ -104,7 +104,7 @@ const YooFormDocumentComponent = class {
     modal.hideSecondaryActions = this.hideSecondaryActions;
     const type = getType(this.document);
     modal.modalMode = type && type === 'video';
-    showModal(modal, {}, '', getAnimation('Enter'), getAnimation('Leave'), true);
+    showModal({ component: modal, enterAnimation: getAnimation('Enter'), leaveAnimation: getAnimation('Leave'), showBackdrop: true });
     this.inputChanged.emit(true);
     this.validityChanged.emit(true);
   }

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-06fc3d74.js';
-import './index-30d0dd50.js';
-import { g as getButton } from './button.factory-39c707c7.js';
-import { w as closeModal, H as isWeb, t as translate, aE as toButton } from './index-7b3985f1.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-22891abe.js';
+import './index-0a642388.js';
+import { g as getButton } from './button.factory-3a99f423.js';
+import { w as closeModal, H as isWeb, t as translate, aE as toButton } from './index-5572e048.js';
 import './lodash-777f91de.js';
-import './index-847a32fd.js';
+import './index-e2ba69c0.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDynamicDialogCss = "svg:not(:root){overflow:hidden}: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}";