@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$2 = require('./index-c8609d4f.js');
-const index = require('./index-fc264952.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index$1 = require('./index-e182c32d.js');
+const index = require('./index-de8540eb.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const operationHelpers = require('./operation-helpers-dcf02ba5.js');
+const operationHelpers = require('./operation-helpers-18377709.js');
 const formField_instance = require('./form-field.instance-610e61e1.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const formHelpers = require('./form-helpers-3480a64b.js');
-const formInputHelpers = require('./form-input-helpers-a04f76d2.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const formHelpers = require('./form-helpers-93ee135f.js');
+const formInputHelpers = require('./form-input-helpers-a2843dc0.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 function getFieldState(field, fieldsState) {
@@ -71,18 +72,18 @@ function getPreviousAndNextButtons({ hasPreviousButton, lastButtonTranslationKey
   if (hasPreviousButton) {
     buttons.push({
       actionType: 'goback',
-      size: size || (index$1.isWeb() ? 'medium' : 'large'),
-      text: index$1.translate('GOBACK'),
-      cssClass: index$1.isNativeMobile() ? '' : 'swiper-no-swiping',
+      size: size || (overlays.isWeb() ? 'medium' : 'large'),
+      text: overlays.translate('GOBACK'),
+      cssClass: overlays.isNativeMobile() ? '' : 'swiper-no-swiping',
       handler: () => previousButtonHandler()
     });
   }
   if (nextButtonHandler) {
     buttons.push({
-      text: index$1.translate(lastButtonTranslationKey),
+      text: overlays.translate(lastButtonTranslationKey),
       color: 'app-color',
-      size: size || (index$1.isWeb() ? 'medium' : 'large'),
-      cssClass: index$1.isNativeMobile() ? '' : 'swiper-no-swiping',
+      size: size || (overlays.isWeb() ? 'medium' : 'large'),
+      cssClass: overlays.isNativeMobile() ? '' : 'swiper-no-swiping',
       disabled: isDisabled,
       handler: () => nextButtonHandler()
     });
@@ -93,10 +94,10 @@ function getNextButton(nextButtonHandler, size) {
   return [
     {
       actionType: 'next',
-      text: index$1.translate('YOOBICNEXT'),
-      size: size || (index$1.isWeb() ? 'medium' : 'large'),
+      text: overlays.translate('YOOBICNEXT'),
+      size: size || (overlays.isWeb() ? 'medium' : 'large'),
       color: 'app-color',
-      cssClass: index$1.isNativeMobile() ? '' : 'swiper-no-swiping',
+      cssClass: overlays.isNativeMobile() ? '' : 'swiper-no-swiping',
       handler: () => nextButtonHandler()
     }
   ];
@@ -106,19 +107,19 @@ function getLastButtons(submitButtonEntry, hasPreviousButton, showPreview, previ
   if (hasPreviousButton) {
     buttons.push({
       actionType: 'goback',
-      size: size || (index$1.isWeb() ? 'medium' : 'large'),
-      text: index$1.translate('GOBACK'),
-      cssClass: index$1.isNativeMobile() ? '' : 'swiper-no-swiping',
+      size: size || (overlays.isWeb() ? 'medium' : 'large'),
+      text: overlays.translate('GOBACK'),
+      cssClass: overlays.isNativeMobile() ? '' : 'swiper-no-swiping',
       handler: () => previousButtonHandler()
     });
   }
   else if (showPreview) {
     buttons.push({
       actionType: 'preview',
-      size: size || (index$1.isWeb() ? 'medium' : 'large'),
-      text: index$1.translate('PREVIEW'),
+      size: size || (overlays.isWeb() ? 'medium' : 'large'),
+      text: overlays.translate('PREVIEW'),
       color: 'light',
-      cssClass: index$1.isNativeMobile() ? '' : 'swiper-no-swiping',
+      cssClass: overlays.isNativeMobile() ? '' : 'swiper-no-swiping',
       handler: () => previewButtonHandler()
     });
   }
@@ -131,27 +132,27 @@ function getRecapButton(validity, showPreview, isPreview, previewHandler, submit
     if (showPreview) {
       buttons.push({
         actionType: 'preview',
-        text: index$1.translate('PREVIEW'),
+        text: overlays.translate('PREVIEW'),
         color: 'light',
-        size: index$1.isWeb() ? 'medium' : 'large',
-        cssClass: index$1.isNativeMobile() ? '' : 'swiper-no-swiping',
+        size: overlays.isWeb() ? 'medium' : 'large',
+        cssClass: overlays.isNativeMobile() ? '' : 'swiper-no-swiping',
         handler: () => previewHandler()
       });
     }
     buttons.push({
-      text: index$1.translate('SUBMIT'),
-      size: index$1.isWeb() ? 'medium' : 'large',
+      text: overlays.translate('SUBMIT'),
+      size: overlays.isWeb() ? 'medium' : 'large',
       color: 'app-color',
       handler: (ev) => submitHandler(ev)
     });
   }
   else {
     const startText = isPreview ? 'STARTPREVIEWING' : 'START';
-    const buttonText = index$1.isWeb() ? 'YOOBICNEXT' : startText;
+    const buttonText = overlays.isWeb() ? 'YOOBICNEXT' : startText;
     buttons.push({
-      text: index$1.translate(buttonText),
+      text: overlays.translate(buttonText),
       color: 'app-color',
-      size: index$1.isWeb() ? 'medium' : 'large',
+      size: overlays.isWeb() ? 'medium' : 'large',
       handler: () => startHandler()
     });
   }
@@ -171,50 +172,50 @@ function hasKeyboardInput(fieldType) {
   }
 }
 
-const formDynamicCss = "/*!\n * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}:host(.absolute){position:absolute;top:0;right:0;bottom:0;left:0}:host(.no-initial-height) .inputs-container{height:0}:host(.inline-row) .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;}:host(.inline-row) .inputs-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.inline-row) .inputs-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.inline-row) .inputs-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.inline-row) .inputs-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.inline-row) .inputs-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.inline-row) .inputs-container .field-placeholder-break{-ms-flex-preferred-size:100%;flex-basis:100%;height:0}:host(.inline-row) .inputs-container .field-placeholder:not(.custom-width){width:12.5rem}:host(.inline-row) .inputs-container .field-placeholder.readonly{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.inline-row) .inputs-container .field-placeholder.custom-width{width:auto}:host(.inline-row) .inputs-container .field-placeholder.custom-width.readonly{margin-left:-0.5rem}:host(.inline-row) .inputs-container .field-placeholder.invisible{display:none}:host(.inline-row) .inputs-container .field-placeholder yoo-form-input-container{padding:0 !important}:host(.inline-row) .inputs-container .field-placeholder.missionfield{width:26rem}:host(.inline-row) .inputs-container .field-placeholder:not(.field-placeholder-empty){padding-bottom:0.25rem !important}:host(.inline-row) .inputs-container .footer-spacer{display:none}:host(.inline-row.inline-row-narrow) .inputs-container{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:0}:host(.inline-row.inline-row-narrow) .inputs-container .slot-container-after{width:auto}:host(.inline-row.inline-row-narrow) .field-placeholder{margin-right:0 !important}:host(.inline-row.inline-row-narrow) .field-placeholder:not(.last){padding-right:var(--spacing-04, 0.25rem) !important}:host(.inline-row.inline-row-narrow) .footer-spacer{display:none}:host(.inline-row.fixed-width) .inputs-container .field-placeholder{width:12.5rem}:host(.fill-width:not(.web)) .inputs-container{-ms-flex-pack:justify;justify-content:space-between}:host(.fill-width:not(.web)) .inputs-container .field-placeholder:not(.custom-width){width:calc(100% - var(--spacing-96, 6rem))}:host{--history-default-width:11.25rem;--inputs-margin:0 var(--spacing-16, 1rem);--video-container-height:9.375rem;--footer-height:var(--spacing-56, 3.5rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .main-container{-ms-flex:1;flex:1;overflow-y:auto}:host .main-container .inputs-container-parent{overflow-y:auto}:host .main-container .inputs-container-parent.gridstack{margin:var(--spacing-16, 1rem);overflow:visible scroll !important}:host .main-container .inputs-container-parent.gridstack-no-scroll{margin:0 !important;padding:0 !important;overflow:hidden !important}:host .pdf-field-wrapper{width:100%}:host .no-scroll{height:100%;overflow:hidden}:host .no-scroll .field-placeholder.readonly{height:100%}:host .no-scroll .field-placeholder.readonly yoo-form-input-container{height:100%}:host .field-invalids{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background:var(--stable-10, rgba(173, 173, 173, 0.1));border-radius:var(--spacing-08, 0.5rem)}:host .field-invalids .field-invalid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background-color:var(--danger-10, rgba(212, 67, 51, 0.1));border-radius:var(--border-radius-04, 0.25rem)}:host .field-invalids .field-invalid .field-invalid-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .field-invalids .field-invalid .field-invalid-header .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--danger, #d44333);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes slideInRight{from{max-height:0;margin-left:-100vw}to{max-height:31.25rem;margin-left:0}}@keyframes slideInRight{from{max-height:0;margin-left:-100vw}to{max-height:31.25rem;margin-left:0}}@-webkit-keyframes fadeOutUp{from{height:3rem;opacity:1}to{height:0;opacity:0}}@keyframes fadeOutUp{from{height:3rem;opacity:1}to{height:0;opacity:0}}:host *[extraclass=hidden]{display:none}:host yoo-tabs{min-height:2.5rem}:host yoo-form-explanation{margin:var(--spacing-16, 1rem) 0 0}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-progress-bar:not(.recap){--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .form-radio-label{white-space:normal}:host .answer-explanation-separator{height:0.0625rem;margin:var(--spacing-16, 1rem) 0;background:var(--stable-ultralight, #fafafa);border:0}:host .answer-separator{width:100%;height:0.5rem;margin:var(--spacing-24, 1.5rem) 0;background:var(--stable-ultralight, #fafafa);border:0}:host .info-header{color:var(--dark, #000000)}:host .info-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem)}:host .info-container yoo-tag{margin-right:var(--spacing-24, 1.5rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host .pdf-field-wrapper.inline,:host .field-placeholder.inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto}:host .answer-validity{margin:0;font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host .answer-validity.valid,:host .answer-validity.valid+*>yoo-form-input{color:var(--success, #3aa76d)}:host .answer-validity.invalid,:host .answer-validity.invalid+*>yoo-form-input{color:var(--danger, #d44333)}:host .progress-container{background:var(--light, #ffffff)}:host .progress-container.border-bottom{margin-bottom:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host .progress-container.animated>*{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:700ms;animation-duration:700ms}:host .progress-container.animated>*:not(yoo-progress-bar){display:block}:host .no-slide-container{padding:var(--spacing-16, 1rem)}:host .inputs-container-parent.gridstack{overflow:visible scroll}:host .inputs-container-parent:not(.gridstack){padding:var(--inputs-margin)}:host .inputs-container-parent.grid-flex{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important}:host .inputs-container.grid-flex{display:-ms-flexbox !important;display:flex !important;-ms-flex:1 !important;flex:1 !important;-ms-flex-direction:column !important;flex-direction:column !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important;-ms-flex-align:start !important;align-items:flex-start !important;margin:0 !important;padding-bottom:0 !important}:host .inputs-container.grid-flex .footer-spacer{display:none}:host .inputs-container.grid-flex .field-placeholder:not(.grid):not(.audience){-ms-flex:unset !important;flex:unset !important}:host .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host .inputs-container.gap{-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host .inputs-container .slot-container-after{width:100%}:host .summary-title{padding:0.8rem 0 0 1rem;color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-28, 1.75rem)}:host .slide-title{width:100%;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem);font-weight:bold;text-align:left}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .flex-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}:host .column{min-width:0}:host .flex-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box}:host .flex-center-center{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%}:host .flex-center-space-around{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;max-width:100%}:host>form>yoo-ion-slides{position:absolute;top:0;right:0;bottom:0;left:0}:host yoo-ion-slides{height:100%}:host yoo-ion-slides yoo-ion-slide.readonly .slide-container yoo-ion-scroll{padding:1rem}:host yoo-ion-slides yoo-ion-slide.dynamic .header{padding-top:1rem;padding-bottom:1rem;line-height:1.125rem}:host yoo-ion-slides yoo-ion-slide.recap{background:var(--stable-ultralight, #fafafa)}:host yoo-ion-slides yoo-ion-scroll.with-footer{bottom:var(--footer-height)}:host yoo-ion-slides yoo-ion-scroll.with-footer.keyboard-open{min-height:100%}:host yoo-form-recap-step.last{margin-bottom:var(--spacing-16, 1rem)}:host yoo-mission-score{display:block;margin:1rem}:host .information{color:var(--text-color, #807f83)}:host .information .danger{color:var(--danger, #d44333)}:host .information .success{color:var(--success, #3aa76d)}:host .information .app-color{color:var(--app-color, #5a30f4)}:host .information .black{color:var(--dark, #000000)}:host .information .center{text-align:center}:host .information.readonly ul{margin-left:1rem}:host .information.fr-view{color:var(--dark, #000000)}:host .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .field-translation yoo-icon{margin-right:0.3rem}:host .field-translation *{display:inline-block}:host .extra-button-container{margin:1rem;margin-bottom:0}:host .swiper-container{max-width:100%;height:100%}:host .slide-zoom{max-width:100%;height:100%;overflow:hidden}:host .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.625rem 1.25rem;overflow:auto;color:var(--stable, #adadad);font-size:var(--font-size-24, 1.5rem);text-align:left;background:var(--light, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);}:host .toolbar::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .toolbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .toolbar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .toolbar:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .toolbar:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .toolbar yoo-button{padding-right:var(--spacing-16, 1rem)}:host .toolbar.with-padding{margin-bottom:var(--safe-area-inset-bottom)}:host .toolbar ::slotted([slot=footer]) yoo-button{display:inline;padding:0.5rem}:host .slide-container{position:relative;width:100%;height:100%;text-align:left;-webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1)}:host .slide-container.no-shadow{margin:0}:host .slide-container.no-shadow yoo-ion-scroll{margin-bottom:0;padding:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid{padding-bottom:0}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .inputs-container{-ms-flex:1;flex:1;padding-bottom:0 !important}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .inputs-container .field-placeholder.grid yoo-grid{-ms-flex:1;flex:1;min-height:initial;max-height:initial !important}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .footer-spacer{display:none}:host .slide-container.no-shadow yoo-ion-scroll .field-placeholder:not(.readonly):not(.invisible){margin:0}:host .slide-container.no-shadow yoo-ion-scroll .field-placeholder:not(.readonly):not(.invisible) .help-below-title{display:block;margin-top:var(--spacing-08, 0.5rem);padding-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);border-top:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1)}:host .slide-container>yoo-ion-scroll{top:0;right:0;bottom:0;left:0;padding:0 0.5rem;background:transparent}:host .slide-container .toolbar{position:absolute;top:auto;right:0;bottom:0;left:0}:host .slide-container .toolbar-spacer{height:3rem}:host .form-wrapper{position:relative;width:100%;background-color:var(--light, #ffffff)}:host .form-wrapper.bottom-toolbar{height:calc(100% - 2.9375rem)}:host .form-wrapper.bottom-toolbar .scroll-spacer{height:6.25rem}:host .swiper-pagination-bullet-active{background-color:var(--app-color, #5a30f4) !important}:host .scroll-spacer{width:100%;height:6.25rem}:host .header{-ms-flex-pack:justify;justify-content:space-between;width:100%;padding-right:1rem;padding-left:1rem;font-weight:var(--font-weight-400, 400)}:host .header yoo-icon{padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem)}:host .header-recap .progressbar-wrapper{padding:0.5rem 1rem}:host .field-header{min-height:1.5rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem)}:host yoo-collapsible:not(:first-of-type){margin-top:1.5rem}:host .section-header{width:100%;margin:1rem;font-weight:bold;font-size:var(--font-size-16, 1rem)}:host .section-header.readonly{margin:1rem 0}:host .field-placeholder.readonly .field-header{padding:0}:host .zoom-button-container{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);z-index:1000;-ms-flex-direction:row;flex-direction:row}:host .zoom-button-container.minimize{right:var(--spacing-16, 1rem);bottom:var(--spacing-16, 1rem)}:host .zoom-button-container .zoom-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;line-height:1.5rem;text-align:center;background:var(--dark, #000000);border-radius:50%;opacity:0.6}:host .zoom-button-container .zoom-button yoo-icon{color:var(--light, #ffffff)}:host .zoom-button-container.mobile-padding{padding-top:1.625rem}:host .font-small{font-size:var(--font-size-12, 0.75rem)}:host yoo-form-videoplayer{display:block;width:100%;height:var(--video-container-height)}:host yoo-form-videoplayer.web{height:calc(var(--video-container-height) * 2);cursor:pointer}:host .field-placeholder{display:block;-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:ease;animation-timing-function:ease}:host .field-placeholder:not(.custom-width){width:100%}:host .field-placeholder.collapsible{-webkit-animation:none;animation:none}:host .field-placeholder.invisible{height:0 !important;opacity:0;-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;-webkit-animation-duration:100ms;animation-duration:100ms}:host .field-placeholder.grid,:host .field-placeholder.audience{display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:column;flex-direction:column;overflow-y:hidden}:host .field-placeholder.grid:not(.last),:host .field-placeholder.audience:not(.last){border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host .field-placeholder.audience .field-header{margin:auto}:host .field-placeholder.grid yoo-form-input-container{padding:0 var(--spacing-24, 1.5rem) !important}:host .field-placeholder.grid .field-header{margin:var(--spacing-24, 1.5rem) var(--spacing-24, 1.5rem) 0}:host .field-placeholder.selectcard{max-width:inherit}:host .field-placeholder:not(.readonly):not(.invisible){position:relative;margin-top:0;padding-bottom:0}:host .field-placeholder:not(.readonly):not(.invisible):not(.collapsible).grid{margin-top:var(--spacing-08, 0.5rem);background:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-08, 0.5rem)}:host .field-placeholder:not(.readonly):not(.invisible).textarea.html{z-index:1}:host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible{padding:var(--spacing-16, 1rem) 0 0}:host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0}:host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container.grid{padding:0 var(--spacing-08, 0.5rem)}:host .field-placeholder:not(.readonly):not(.invisible).no-margin{margin-bottom:0}:host .history{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .history:not(.forcedhistory){margin-top:0.5rem;padding-top:0.5rem}:host .history .description{font-size:var(--font-size-14, 0.875rem)}:host .history .history-top-action{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 0.9375rem 0 0.9375rem;font-size:var(--font-size-16, 1rem)}:host .history .history-top-action .title{width:100%;color:var(--white);text-align:left}:host .history .history-top-action .action{width:100%;color:var(--app-color, #5a30f4);text-align:right}:host .history .outer-container .product-container{margin-bottom:var(--spacing-16, 1rem)}:host .history .outer-container .product-container .date,:host .history .outer-container .product-container .subheading{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .history .outer-container .inner-container{margin-bottom:var(--spacing-16, 1rem);background-color:var(--accent, #276ef1)}:host .history .outer-container .inner-container .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-bottom:0.5rem;padding:0.5rem;padding-left:6.25rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .history .outer-container .inner-container .toolbar .title{padding-top:0.375rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .history .outer-container .inner-container .toolbar .quantity{color:var(--dark, #000000);text-align:center}:host .history .outer-container .inner-container .toolbar .price{-ms-flex:1;flex:1;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);white-space:nowrap;text-align:right}:host .history .outer-container .inner-container .toolbar .icon{padding:0 1rem;color:var(--text-color, #807f83)}:host .history .outer-container .inner-container .toolbar .icon.left{font-size:var(--font-size-16, 1rem);text-align:left}:host .history .outer-container .inner-container .toolbar .icon.right{font-size:var(--font-size-16, 1rem);text-align:right}:host .history .square{position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--history-default-width);margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding:0.625rem 0 0.625rem 0;padding:var(--spacing-08, 0.5rem);overflow:hidden;font-size:var(--font-size-14, 0.875rem);text-align:left;background-color:var(--light-10, rgba(255, 255, 255, 0.1));border-radius:0.5rem;-webkit-box-shadow:var(--history-shadow, 0 0.1875rem 0.3125rem 0 rgba(40, 47, 54, 0.15));box-shadow:var(--history-shadow, 0 0.1875rem 0.3125rem 0 rgba(40, 47, 54, 0.15))}:host .history .square.single-item{width:80vw}:host .history .square.single-item .square-content{max-height:62.5rem;overflow:hidden}:host .history .square.autocomplete yoo-form-autocomplete{height:unset}:host .history .square.catalog{width:14.375rem}:host .history .square.catalog .square-content{max-height:18.75rem;overflow:hidden}:host .history .square.audio{width:21.875rem}:host .history .square.select .square-content{max-height:2.5rem;overflow:hidden}:host .history .square.selectbuttonsmulti .square-content{max-height:2.75rem;overflow:hidden}:host .history .square.address .square-content,:host .history .square.location .square-content{max-height:2.5rem;overflow:hidden}:host .history .square.textarea .square-content{max-height:3.0625rem;overflow:hidden}:host .history .square .history-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .history .square .history-header .avatar{display:-ms-flexbox;display:flex;padding-right:0.3125rem}:host .history .square .history-header .avatar yoo-avatar{-ms-flex-align:center;align-items:center;margin-top:0;border-top:0}:host .history .square .history-header .at{color:var(--stable, #adadad)}:host .history .square .square-title,:host .history .square .square-footer{font-size:var(--font-size-14, 0.875rem);text-align:left;opacity:0.5}:host .history .square .square-title div,:host .history .square .square-footer div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .history .square .square-title .square-icon,:host .history .square .square-footer .square-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:var(--font-size-16, 1rem)}:host .history .square .square-title .square-icon .icon-text,:host .history .square .square-footer .square-icon .icon-text{padding-left:0.1875rem}:host .history .square .more-button,:host .history .square .less-more{display:none}:host .history .square.truncate .square-content{max-height:2rem;overflow:hidden}:host .history .square.truncate.starrating .square-content{max-height:1.875rem}:host .history .square.truncate.task .square-content{width:21.875rem}:host .history .square.truncate.multiphotos .square-content,:host .history .square.truncate.photo .square-content{max-height:4.375rem}:host .history .square.truncate .more-button{display:-ms-flexbox;display:flex;float:right;margin-left:auto;color:var(--stable, #adadad)}:host .history .square .square-content{position:relative;overflow:hidden;white-space:initial;text-align:left}:host .history .square .square-content .overlay{position:absolute;z-index:9;width:100%;height:100%;background:transparent}:host .history .square .square-content yoo-form-capture{--width-readonly-preview:1.875rem;--height-readonly-preview:1.875rem;--camera-container-size:2.0625rem;--image-max-height:4.375rem}:host .history .square .square-content yoo-form-document[type=image]{--height-image-container:1.875rem}:host .history .square .square-content yoo-card-file{--height-image-container:1.875rem}:host .history .square .square-content yoo-form-signature-pad{--height-image:1.875rem}:host yoo-banner{--close-icon-color:var(--light, #ffffff)}:host .footer-spacer{width:100%;min-height:1rem}:host(.mobile){--footer-height:5.75rem}:host(.wizard){display:block;height:100%}:host(.wizard) .progress-container{width:25rem;height:auto;margin:0 auto}:host(.wizard) yoo-ion-slides{height:calc(100% - 2.5rem) !important}:host(.wizard) yoo-ion-slides .field-placeholder.grid{height:100%;margin-bottom:var(--spacing-16, 1rem)}:host(.wizard) yoo-ion-slides .field-placeholder.grid yoo-grid{min-height:33rem;max-height:33rem;margin-bottom:var(--spacing-16, 1rem)}:host(.wizard-single) .main-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent{-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent.grid-flex{-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent.grid-flex .scroll-spacer{display:none}:host(.wizard-single) .no-slide-container{padding:0 var(--spacing-16, 1rem)}:host(.wizard.wizard-single) yoo-ion-slides{height:100% !important}:host(.wizard.wizard-single) yoo-ion-slides .field-placeholder.grid yoo-grid{margin-top:1.2rem}:host(.wizard.mobile) .progress-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 1rem}:host(.wizard.mobile) .inputs-container{padding:0 var(--spacing-16, 1rem)}:host(.wizard.mobile) yoo-collapsible{margin-top:var(--spacing-08, 0.5rem)}:host(.wizard.mobile) yoo-ion-slides.has-header{height:calc(100% - 3.5rem) !important}@media screen and (max-height: 736px){:host(.wizard){display:block}:host(.wizard) yoo-ion-slides .field-placeholder yoo-grid{min-height:25rem;max-height:25rem}}:host(.mission-form:not(.readonly)) yoo-form-progress-indicator,:host(.workflow-form:not(.readonly)) yoo-form-progress-indicator,:host(.kanban-form:not(.readonly)) yoo-form-progress-indicator{--scroll-container-color:var(--light, #ffffff);--scroll-container-margin:0 0 0.5rem 0}:host(.mission-form:not(.readonly)) .inputs-container,:host(.workflow-form:not(.readonly)) .inputs-container,:host(.kanban-form:not(.readonly)) .inputs-container{max-width:36rem !important;margin:auto}:host(.mission-form:not(.readonly)) .scroll-spacer.bottom-bar,:host(.workflow-form:not(.readonly)) .scroll-spacer.bottom-bar,:host(.kanban-form:not(.readonly)) .scroll-spacer.bottom-bar{height:5.75rem}:host(.mission-form:not(.readonly)) .slide-container,:host(.workflow-form:not(.readonly)) .slide-container,:host(.kanban-form:not(.readonly)) .slide-container{background-color:transparent}:host(.mission-form:not(.readonly)) .form-wrapper,:host(.workflow-form:not(.readonly)) .form-wrapper,:host(.kanban-form:not(.readonly)) .form-wrapper{position:relative;width:100%}:host(.mission-form:not(.readonly)) .form-wrapper.zoomed,:host(.workflow-form:not(.readonly)) .form-wrapper.zoomed,:host(.kanban-form:not(.readonly)) .form-wrapper.zoomed{height:100% !important;margin:0}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible),:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible),:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible){margin:0}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information{padding-bottom:0;border-bottom:none}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{margin:var(--spacing-08, 0.5rem) 0;margin-bottom:0;padding:var(--spacing-16, 1rem);border-radius:var(--spacing-08, 0.5rem)}:host(.mission-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last{margin-bottom:1.5625rem}:host(.mission-form:not(.readonly)) .footer-spacer,:host(.workflow-form:not(.readonly)) .footer-spacer,:host(.kanban-form:not(.readonly)) .footer-spacer{background-color:transparent}:host(.mission-form.pdf) .main-container{-ms-flex:initial;flex:initial;overflow-y:initial}:host(.mission-form.pdf) .inputs-container-parent{margin:initial;padding:0 !important}:host(.mission-form.pdf) .inputs-container-parent .inputs-container{max-width:unset !important}:host(.mission-form.pdf) .inputs-container-parent .inputs-container .field-placeholder:not(.grid):not(.audience),:host(.mission-form.pdf) .inputs-container-parent .inputs-container yoo-collapsible,:host(.mission-form.pdf) .inputs-container-parent .inputs-container .section-header{max-width:unset !important}:host(.mission-form.pdf) .field-placeholder.last{border-bottom:none}:host(.kanban-form.readonly) .field-placeholder:not(.invisible){border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host(.kanban-form.readonly) .field-placeholder:not(.invisible) yoo-form-input-container{padding:0 var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.kanban-form.web:not(.readonly)) .field-placeholder:not(.invisible) yoo-form-input-container{padding-bottom:0}:host(.in-card) .main-container{margin:0}:host(.in-card) .main-container .inputs-container-parent{margin:0 var(--spacing-16, 1rem) !important}:host(.in-card) .field-placeholder:not(.invisible) yoo-form-input-container{padding:0;padding-bottom:var(--spacing-08, 0.5rem);border-bottom:none}:host(.in-card) yoo-progress-bar{--stroke-width-line:8}:host(.lesson-form.web:not(.lesson-live-preview)){background-color:var(--stable-ultralight, #fafafa)}:host(.lesson-form.web:not(.lesson-live-preview)) form{background-color:transparent}:host(.lesson-form.web:not(.lesson-live-preview)) form .inputs-container{height:100%}:host(.lesson-form.web:not(.lesson-live-preview)) form .inputs-container yoo-form-input-container{width:100%;max-height:calc(100% - 2rem) !important}:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-button,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-chat,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-card,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-image,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-radio{max-width:40rem;margin:auto}:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-videoplayer{height:33.3333333333vw}:host(.lesson-form) .progress-container{z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem)}:host(.lesson-form) .swiper-container{height:calc(100% - 3rem)}:host(.lesson-form) .information{color:var(--dark, #000000)}:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filterdate,:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filternumber,:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filtertext{padding-bottom:var(--spacing-08, 0.5rem)}:host(.floating){background:transparent}:host(.floating) .main-container .inputs-container-parent{padding:var(--spacing-16, 1rem) !important;padding-bottom:0 !important}:host(.floating) .field-placeholder:not(.readonly):not(.invisible):not(.collapsible){background:transparent}:host(.floating.inline) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0 0 var(--spacing-16, 1rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) yoo-tabs{min-height:3rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;overflow:hidden}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary{width:12.5rem;padding:var(--spacing-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-fields-container{margin-bottom:var(--spacing-24, 1.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-category{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-actions yoo-button{margin-bottom:var(--spacing-08, 0.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field .title{color:var(--text-color, #807f83);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent{-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto;}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .toolbar{min-height:2.1875rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .scroll-spacer{height:0}:host(.mission-results) .inputs-container-parent{margin:0}:host(.web:not(.inline):not(.inline-row):not(.force-mobile):not(.mission-results):not(.lesson-detail.readonly)) .inputs-container-parent:not(.gridstack){padding:0 var(--spacing-08, 0.5rem)}:host(.web.padding:not(.inline):not(.inline-row)) .inputs-container-parent:not(.gridstack){padding:0 var(--spacing-16, 1rem)}:host(.web.lesson-form:not(.lesson-live-preview)) .progress-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 0.95rem;margin-top:var(--spacing-04, 0.25rem) !important;background:var(--stable-background);border-bottom:unset;border-top-left-radius:0.3125rem;border-top-right-radius:0.3125rem}:host(.web.lesson-form:not(.lesson-live-preview)) .progress-container yoo-progress-bar.top-content{width:25rem}:host(.web.lesson-form:not(.lesson-live-preview)) yoo-form-input-container.imagetagging{max-width:50rem;margin:0 auto}:host(.lesson-form) yoo-ion-scroll,:host(.lesson-live-preview) yoo-ion-scroll{height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container{height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container .field-placeholder,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container .field-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container .field-placeholder yoo-form-input-container,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container .field-placeholder yoo-form-input-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);--font-size-description:inherit}:host(.lesson-form) .scroll-spacer,:host(.lesson-live-preview) .scroll-spacer{height:0}:host(.lesson-form) .footer-spacer,:host(.lesson-live-preview) .footer-spacer{min-height:0}:host(.lesson-form) yoo-form-footer,:host(.lesson-live-preview) yoo-form-footer{position:relative}:host(.web.vertical-tabs){--tabs-active-background:var(--stable-alt-10, rgba(208, 208, 208, 0.1));--tabs-active-border-color:var(--app-color, #5a30f4);--tabs-border-color:transparent;--tabs-border-width:var(--border-width-02, 0.125rem);--tabs-gap:var(--spacing-08, 0.5rem);--tabs-inner-padding:0 var(--spacing-16, 1rem);--tabs-outer-padding:var(--spacing-16, 1rem);--tabs-width:15rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row !important;flex-direction:row !important}:host(.web.vertical-tabs) .inputs-container{-ms-flex:1;flex:1;margin:0;padding-top:0;overflow:visible;}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container .field-placeholder,:host(.web.vertical-tabs) .inputs-container yoo-collapsible{max-width:unset}:host(.web.vertical-tabs) .inputs-container .field-placeholder yoo-form-input-container:not(.grid),:host(.web.vertical-tabs) .inputs-container yoo-collapsible yoo-form-input-container:not(.grid){padding:0 !important}:host(.web.vertical-tabs) .inputs-container .field-header{padding:0 !important}:host(.web.vertical-tabs) yoo-tabs{--active-tab-background:var(--tabs-active-background);--active-tab-border-color:var(--tabs-active-border-color);--tab-border-color:var(--tabs-border-color);--tab-border-width:var(--tabs-border-width);--tab-padding:var(--tabs-inner-padding);--vertical-tab-gap:var(--tabs-gap);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--tabs-width);padding:var(--tabs-outer-padding);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)){--content-width:28rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) yoo-gridstack.inputs-container{overflow:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.grid-flex){width:100%;max-width:var(--content-width);margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid){width:100%;max-width:var(--content-width);margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid):not(.custom-width):not(.audience),:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex yoo-collapsible,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .section-header{max-width:initial}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.gridstack){padding-top:0.5rem;padding-bottom:0.5rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.gridstack{overflow:visible scroll}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group{margin-top:var(--spacing-16, 1rem) !important;padding:var(--spacing-08, 0.5rem);padding-top:0;background-color:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-08, 0.5rem)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group yoo-form-input-container,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group .field-header{background-color:var(--stable-ultralight, #fafafa)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .section-header{margin-top:var(--spacing-16, 1rem) !important}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.large{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap !important;flex-flow:row wrap !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:37.5rem;margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.large .field-placeholder.custom-width{margin-right:var(--spacing-08, 0.5rem) !important}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.large) yoo-form-opening-hours{padding-top:var(--spacing-08, 0.5rem)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.large) yoo-form-opening-hours:not([readonly]){margin:0 -4rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder{-ms-flex:1 1 100%;flex:1 1 100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container{width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel{width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel>yoo-ion-scroll,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel>yoo-ion-scroll{position:relative;width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel{position:relative}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel .slide-container{width:unset;height:100%;margin-right:0.5rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel .slide-container yoo-ion-scroll{min-height:98%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel{margin-left:var(--spacing-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web.full-width:not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell)){--content-width:100% !important}:host(.web.full-width:not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell)) .main-container .inputs-container-parent .inputs-container .field-placeholder{width:100%;max-width:100%}:host(.web.large-container-padding) .main-container .inputs-container-parent{padding-right:var(--spacing-24, 1.5rem) !important;padding-left:var(--spacing-24, 1.5rem) !important}:host(.web.inline) .inputs-container,:host(.web.inline-row) .inputs-container{margin:0}:host(.web.inline) .inputs-container.label-top-aligned,:host(.web.inline-row) .inputs-container.label-top-aligned{-ms-flex-align:end;align-items:flex-end}:host(.web.profile) .main-container{background:var(--light, #ffffff)}:host(.web.profile) .main-container .inputs-container yoo-form-input-container{padding:var(--spacing-08, 0.5rem) 0}:host(.web:not(.mission-form):not(.inline)) .inputs-container.flex{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.web.absolute){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.inline.padding) .main-container{padding:var(--spacing-16, 1rem)}:host(.inline){position:initial;top:initial;right:initial;bottom:initial;left:initial;display:block}:host(.inline) .main-container{-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:hidden}:host(.inline) .main-container .inputs-container-parent{margin:0;padding:0}:host(.inline) .no-slide-container{padding:0}:host(.inline) .field-placeholder:not(.readonly):not(.invisible){padding-left:0}:host(.inline) .field-placeholder:not(.readonly):not(.invisible).disable-input-container{background:var(--stable-light, #f1f1f1)}:host(.inline) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0;padding-bottom:0.5rem}:host(.inline) yoo-ion-slide{position:initial;width:100% !important}:host(.inline) yoo-ion-slide yoo-ion-scroll{position:initial;width:100%;padding:0 !important;padding-top:0 !important;overflow:hidden;contain:initial}:host(.inline) yoo-ion-slide .scroll-spacer{height:0}:host(.inline) yoo-ion-slide .footer-spacer{display:none;height:0;min-height:0}:host(.inline.no-margin) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding-bottom:0}:host(.inline.web.absolute) yoo-ion-slides{overflow:visible}:host(.inline.web.absolute) yoo-ion-slides yoo-ion-slide{overflow:visible}:host(.inline.web.absolute) yoo-ion-slides yoo-ion-slide yoo-ion-scroll{overflow:visible}:host(.inline.web.absolute) .scroll-spacer{-webkit-transition:0.3s;transition:0.3s}:host(.inline.web.absolute) yoo-form-input-container{max-width:unset}:host(.zoomed){display:block !important}:host(.flex) .inputs-container{display:-ms-flexbox;display:flex;padding-top:0.5em}:host(.zoomed.iphone-x) .slide-container{margin-top:var(--spacing-40, 2.5rem)}:host(.zoomed.iphone-x) .form-wrapper{-webkit-box-shadow:unset;box-shadow:unset}:host(.mission-form),:host(.workflow-form),:host(.kanban-form){--mission-form-padding:0 var(--spacing-08, 0.5rem)}:host(.mission-form) .information *,:host(.workflow-form) .information *,:host(.kanban-form) .information *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host(.mission-form) .information p:empty,:host(.workflow-form) .information p:empty,:host(.kanban-form) .information p:empty{height:1rem}:host(.mission-form) .information .field-title,:host(.workflow-form) .information .field-title,:host(.kanban-form) .information .field-title{margin-left:-0.3rem;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host(.mission-form) .inputs-container,:host(.workflow-form) .inputs-container,:host(.kanban-form) .inputs-container{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--mission-form-padding)}:host(.form-creator-preview) .field-placeholder yoo-form-input-container{border:var(--border-width-04, 0.25rem) solid transparent}:host(.form-creator-preview) .field-placeholder yoo-form-input-container:hover{border:var(--border-width-04, 0.25rem) solid var(--accent, #276ef1)}:host(.form-creator-block) .inputs-container{padding-bottom:1rem}:host(.form-creator-block) .inputs-container .field-placeholder{max-width:100% !important}:host(.form-creator-block) .inputs-container .field-placeholder.checkbox yoo-form-input-container,:host(.form-creator-block) .inputs-container .field-placeholder.toggle yoo-form-input-container{padding:0 0.1rem !important}:host(.form-creator-block) .inputs-container .field-placeholder yoo-form-input-container{padding:0 var(--spacing-02, 0.125rem)}:host(.form-creator-block) .inputs-container .field-placeholder.querybuilder{z-index:1}:host(.form-creator-block) .inputs-container yoo-collapsible{max-width:100% !important}:host(.waitlist-form) .field-header{padding:0 1rem}:host(.waitlist-form) yoo-form-input-container{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) !important}:host(.inline.condition-block) .form-wrapper .scroll-spacer{background:var(--stable-light, #f1f1f1)}:host(.no-animation) .field-placeholder{-webkit-animation:none;animation:none}:host(.transparent){background:transparent}:host(.transparent) .field-placeholder:not(.readonly):not(.invisible){background:transparent}:host(.transparent) .form-wrapper{background-color:transparent}:host(.grid-editor){margin-bottom:var(--spacing-16, 1rem);background:transparent}:host(.grid-editor) .inputs-container{padding-bottom:0}:host(.grid-editor) .field-placeholder:not(.readonly):not(.invisible){width:100%;padding:0 !important;background:transparent}:host(.grid-editor) .form-wrapper{background-color:transparent}@media (orientation: landscape){:host(.tablet:not(.emulate-preview)) yoo-form-videoplayer{height:calc(var(--video-container-height) * 2) !important}}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container{margin-left:var(--spacing-16, 1rem)}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder.readonly{width:12.75rem}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder.readonly yoo-form-input-container{border-bottom:none}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder yoo-form-input-container{padding:var(--spacing-08, 0.5rem) var(--spacing-02, 0.125rem) !important}:host(.toolbar-form){max-height:4.125rem}:host(.toolbar-form) .main-container .inputs-container-parent{overflow:hidden}:host(.quickview.web.readonly) .main-container{background:var(--stable-ultralight, #fafafa)}:host(.quickview.no-margin) .inputs-container{margin-right:0 !important;margin-left:0 !important}:host(.quickview){background:transparent}:host(.quickview) yoo-tabs{display:block;background:var(--light, #ffffff)}:host(.quickview) yoo-ion-slides yoo-ion-slide.readonly .slide-container yoo-ion-scroll{padding:0}:host(.quickview) .inputs-container{max-width:100% !important;margin:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) !important;padding:0 var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host(.quickview) .inputs-container .field-placeholder{-ms-flex:1 0 100%;flex:1 0 100%}:host(.quickview) .inputs-container .field-placeholder.last yoo-form-input-container{border-bottom:none}:host(.quickview) .inputs-container yoo-collapsible{max-width:100% !important}:host(.quickview) .inputs-container .footer-spacer{display:none}:host(.quickview.readonly) .inputs-container{-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.quickview.mobile) .inputs-container{margin:var(--spacing-16, 1rem) 0 !important}:host(.profile) .inputs-container{max-width:100% !important;margin:auto var(--spacing-16, 1rem) !important}:host(.profile) .inputs-container .field-placeholder{max-width:100% !important;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.profile) .inputs-container .field-placeholder.number yoo-form-input-container,:host(.profile) .inputs-container .field-placeholder.autocomplete yoo-form-input-container{--content-max-width:12.5rem}:host(.quickview.transparent){background:transparent}:host(.quickview.transparent) .form-wrapper{background:transparent}:host(.bold-header) .field-header{font-weight:bold}:host(.no-last-border) .field-placeholder.last yoo-form-input-container{border-bottom:none}:host(.safari) .progress-container.animated>*,:host(.chrome-ios) .progress-container.animated>*{-webkit-animation-name:none !important;animation-name:none !important}:host(.safari) .field-placeholder,:host(.chrome-ios) .field-placeholder{-webkit-animation-name:none !important;animation-name:none !important}:host(.safari) .field-placeholder.invisible,:host(.chrome-ios) .field-placeholder.invisible{-webkit-animation-name:none !important;animation-name:none !important}:host(.lesson-question-result) .main-container,:host(.lesson-detail) .main-container{display:initial}:host(.lesson-question-result) .main-container yoo-form-connect,:host(.lesson-detail) .main-container yoo-form-connect{max-width:21.5rem}:host(.lesson-question-result) .main-container .confidence-level-container .header,:host(.lesson-detail) .main-container .confidence-level-container .header{margin:0;margin-bottom:var(--spacing-16, 1rem);padding:0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host(.lesson-question-result) .main-container .confidence-level-container .container,:host(.lesson-detail) .main-container .confidence-level-container .container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.lesson-detail) .footer-spacer{display:none}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder:not(.invisible){padding-top:0.5rem}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.toggle:not(.invisible){padding-bottom:0.5rem}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.radio:not(.invisible){padding-bottom:0.5rem}:host(.mobile.lesson-detail) .field-placeholder,:host(.mobile.lesson-question-result.readonly) .field-placeholder{margin:0 var(--spacing-16, 1rem)}:host(.web.lesson-detail) yoo-form-image-tagging{max-width:37.5rem}:host(.web.lesson-detail) .inputs-container-parent{margin:0 !important;padding:0}:host(.web.lesson-detail) .inputs-container-parent .inputs-container{padding:0}:host(.web.lesson-detail) .inputs-container-parent .inputs-container .field-placeholder{margin:0 var(--spacing-24, 1.5rem)}:host(.web.lesson-detail.readonly) .field-placeholder{width:-webkit-fill-available}:host(.lesson-detail.readonly),:host(.lesson-question-result.readonly){--inputs-margin:0}:host(.in-card.secondary){margin-top:var(--spacing-08, 0.5rem);padding:0;padding-top:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--stable-ultralight, #fafafa);border-radius:var(--spacing-08, 0.5rem)}:host(.campaign-preview) yoo-form-input-container.photo,:host(.campaign-preview) yoo-form-input-container.multiphotos,:host(.campaign-preview) yoo-form-input-container.video,:host(.campaign-preview) yoo-form-input-container.audio{--content-padding-bottom:var(--spacing-08, 0.5rem)}:host([form-input-size=small]){font-size:var(--font-size-12, 0.75rem)}:host(.assign-users) yoo-form-input-container.readonly.web.autocomplete{margin-left:var(--spacing-32, 2rem)}@media print{:host .pdf-field-wrapper:not(.break){page-break-inside:avoid}:host .footer-spacer{min-height:auto}:host .inputs-container{display:block}:host .inputs-container .slide-title,:host .inputs-container .field-placeholder{page-break-after:avoid;page-break-before:avoid;page-break-inside:auto}:host .inputs-container .field-placeholder:not(.catalog):not(.multiphotos):not(.image):not(.selectmulti):not(.selectbuttons),:host .inputs-container .field-placeholder.no-break{page-break-inside:avoid}:host .inputs-container yoo-form-input-container{page-break-after:avoid;page-break-before:avoid;page-break-inside:avoid}:host .inputs-container yoo-form-input-container.image{--label-padding-top:0 !important}:host .inputs-container yoo-form-capture{display:block;page-break-after:avoid;page-break-before:avoid;page-break-inside:auto}}:host(.readonly:not(.inline-row)) .inputs-container{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.mission-validation) .field-placeholder:not(.invisible).checkbox{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.login-sso){--inputs-margin:var(--spacing-24, 1.5rem)}:host(.login-sso) .field-placeholder:not(.invisible){padding-top:var(--spacing-08, 0.5rem)}:host(.login-sso) .field-placeholder:not(.invisible):first-of-type{padding-top:0 !important}:host(.dark-info) .information{color:inherit}:host(.live-preview-form.mobile:not(.inline):not(.inline-row)) .inputs-container-parent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding-bottom:var(--spacing-64, 4rem);overflow-y:scroll}:host(.live-preview-form.mobile:not(.inline):not(.inline-row)) .inputs-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host(.live-preview-form.mobile:not(.inline):not(.inline-row)) .toolbar{position:absolute;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding-right:var(--spacing-16, 1rem);padding-left:0}:host(.web.community-editor) yoo-form-input-container.segment,:host(.web.community-editor) yoo-form-input-container.autocomplete{min-width:15rem;max-width:50%}:host(.community-editor) yoo-tabs{--height-tabs:var(--spacing-48, 3rem);--active-tab-border-color:var(--stable-light, #f1f1f1);--tab-border-color:var(--stable-light, #f1f1f1);--tab-border-width:var(--border-width-01, 0.0625rem);--vertical-tab-gap:0}:host(.community-editor) yoo-form-input-container.toggle{--content-padding-top:0 !important;margin-bottom:0 !important}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container{display:-ms-flexbox;display:flex;-ms-flex:initial;flex:initial;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;margin:0}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .inputs-container-parent{-ms-flex:initial;flex:initial;-webkit-box-sizing:border-box;box-sizing:border-box;margin:var(--spacing-24, 1.5rem);margin-bottom:0;padding:0;background:var(--stable-ultralight, #fafafa);border-radius:var(--spacing-08, 0.5rem)}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .inputs-container-parent.grid-flex{border-radius:0px}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .inputs-container{-ms-flex:initial;flex:initial;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);background:var(--stable-ultralight, #fafafa);border-radius:0px}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .toolbar{margin:var(--spacing-16, 1rem);padding:0;padding-top:0;background:var(--stable-ultralight, #fafafa)}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) yoo-tabs{-ms-flex-negative:0;flex-shrink:0;padding:0}";
+const formDynamicCss = "/*!\n * froala_editor v4.0.12 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}:host(.absolute){position:absolute;top:0;right:0;bottom:0;left:0}:host(.no-initial-height) .inputs-container{height:0}:host(.inline-row) .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;}:host(.inline-row) .inputs-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.inline-row) .inputs-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.inline-row) .inputs-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.inline-row) .inputs-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.inline-row) .inputs-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.inline-row) .inputs-container .field-placeholder-break{-ms-flex-preferred-size:100%;flex-basis:100%;height:0}:host(.inline-row) .inputs-container .field-placeholder:not(.custom-width){width:12.5rem}:host(.inline-row) .inputs-container .field-placeholder.readonly{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.inline-row) .inputs-container .field-placeholder.custom-width{width:auto}:host(.inline-row) .inputs-container .field-placeholder.custom-width.readonly{margin-left:-0.5rem}:host(.inline-row) .inputs-container .field-placeholder.invisible{display:none}:host(.inline-row) .inputs-container .field-placeholder yoo-form-input-container{padding:0 !important}:host(.inline-row) .inputs-container .field-placeholder.missionfield{width:26rem}:host(.inline-row) .inputs-container .field-placeholder:not(.field-placeholder-empty){padding-bottom:0.25rem !important}:host(.inline-row) .inputs-container .footer-spacer{display:none}:host(.inline-row.inline-row-narrow) .inputs-container{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:0}:host(.inline-row.inline-row-narrow) .inputs-container .slot-container-after{width:auto}:host(.inline-row.inline-row-narrow) .field-placeholder{margin-right:0 !important}:host(.inline-row.inline-row-narrow) .field-placeholder:not(.last){padding-right:var(--spacing-04, 0.25rem) !important}:host(.inline-row.inline-row-narrow) .footer-spacer{display:none}:host(.inline-row.fixed-width) .inputs-container .field-placeholder{width:12.5rem}:host(.fill-width:not(.web)) .inputs-container{-ms-flex-pack:justify;justify-content:space-between}:host(.fill-width:not(.web)) .inputs-container .field-placeholder:not(.custom-width){width:calc(100% - var(--spacing-96, 6rem))}:host{--history-default-width:11.25rem;--inputs-margin:0 var(--spacing-16, 1rem);--video-container-height:9.375rem;--footer-height:var(--spacing-56, 3.5rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .main-container{-ms-flex:1;flex:1;overflow-y:auto}:host .main-container .inputs-container-parent{overflow-y:auto}:host .main-container .inputs-container-parent.gridstack{margin:var(--spacing-16, 1rem);overflow:visible scroll !important}:host .main-container .inputs-container-parent.gridstack-no-scroll{margin:0 !important;padding:0 !important;overflow:hidden !important}:host .pdf-field-wrapper{width:100%}:host .no-scroll{height:100%;overflow:hidden}:host .no-scroll .field-placeholder.readonly{height:100%}:host .no-scroll .field-placeholder.readonly yoo-form-input-container{height:100%}:host .field-invalids{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background:var(--stable-10, rgba(173, 173, 173, 0.1));border-radius:var(--spacing-08, 0.5rem)}:host .field-invalids .field-invalid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background-color:var(--danger-10, rgba(212, 67, 51, 0.1));border-radius:var(--border-radius-04, 0.25rem)}:host .field-invalids .field-invalid .field-invalid-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .field-invalids .field-invalid .field-invalid-header .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--danger, #d44333);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes slideInRight{from{max-height:0;margin-left:-100vw}to{max-height:31.25rem;margin-left:0}}@keyframes slideInRight{from{max-height:0;margin-left:-100vw}to{max-height:31.25rem;margin-left:0}}@-webkit-keyframes fadeOutUp{from{height:3rem;opacity:1}to{height:0;opacity:0}}@keyframes fadeOutUp{from{height:3rem;opacity:1}to{height:0;opacity:0}}:host *[extraclass=hidden]{display:none}:host yoo-tabs{min-height:2.5rem}:host yoo-form-explanation{margin:var(--spacing-16, 1rem) 0 0}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-progress-bar:not(.recap){--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .form-radio-label{white-space:normal}:host .answer-explanation-separator{height:0.0625rem;margin:var(--spacing-16, 1rem) 0;background:var(--stable-ultralight, #fafafa);border:0}:host .answer-separator{width:100%;height:0.5rem;margin:var(--spacing-24, 1.5rem) 0;background:var(--stable-ultralight, #fafafa);border:0}:host .info-header{color:var(--dark, #000000)}:host .info-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem)}:host .info-container yoo-tag{margin-right:var(--spacing-24, 1.5rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host .pdf-field-wrapper.inline,:host .field-placeholder.inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto}:host .answer-validity{margin:0;font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host .answer-validity.valid,:host .answer-validity.valid+*>yoo-form-input{color:var(--success, #3aa76d)}:host .answer-validity.invalid,:host .answer-validity.invalid+*>yoo-form-input{color:var(--danger, #d44333)}:host .progress-container{background:var(--light, #ffffff)}:host .progress-container.border-bottom{margin-bottom:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host .progress-container.animated>*{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:700ms;animation-duration:700ms}:host .progress-container.animated>*:not(yoo-progress-bar){display:block}:host .no-slide-container{padding:var(--spacing-16, 1rem)}:host .inputs-container-parent.gridstack{overflow:visible scroll}:host .inputs-container-parent:not(.gridstack){padding:var(--inputs-margin)}:host .inputs-container-parent.grid-flex{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important}:host .inputs-container.grid-flex{display:-ms-flexbox !important;display:flex !important;-ms-flex:1 !important;flex:1 !important;-ms-flex-direction:column !important;flex-direction:column !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important;-ms-flex-align:start !important;align-items:flex-start !important;margin:0 !important;padding-bottom:0 !important}:host .inputs-container.grid-flex .footer-spacer{display:none}:host .inputs-container.grid-flex .field-placeholder:not(.grid):not(.audience){-ms-flex:unset !important;flex:unset !important}:host .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host .inputs-container.gap{-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host .inputs-container .slot-container-after{width:100%}:host .summary-title{padding:0.8rem 0 0 1rem;color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-28, 1.75rem)}:host .slide-title{width:100%;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem);font-weight:bold;text-align:left}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .flex-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}:host .column{min-width:0}:host .flex-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box}:host .flex-center-center{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%}:host .flex-center-space-around{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;max-width:100%}:host>form>yoo-ion-slides{position:absolute;top:0;right:0;bottom:0;left:0}:host yoo-ion-slides{height:100%}:host yoo-ion-slides yoo-ion-slide.readonly .slide-container yoo-ion-scroll{padding:1rem}:host yoo-ion-slides yoo-ion-slide.dynamic .header{padding-top:1rem;padding-bottom:1rem;line-height:1.125rem}:host yoo-ion-slides yoo-ion-slide.recap{background:var(--stable-ultralight, #fafafa)}:host yoo-ion-slides yoo-ion-scroll.with-footer{bottom:var(--footer-height)}:host yoo-ion-slides yoo-ion-scroll.with-footer.keyboard-open{min-height:100%}:host yoo-form-recap-step.last{margin-bottom:var(--spacing-16, 1rem)}:host yoo-mission-score{display:block;margin:1rem}:host .information{color:var(--text-color, #807f83)}:host .information .danger{color:var(--danger, #d44333)}:host .information .success{color:var(--success, #3aa76d)}:host .information .app-color{color:var(--app-color, #5a30f4)}:host .information .black{color:var(--dark, #000000)}:host .information .center{text-align:center}:host .information.readonly ul{margin-left:1rem}:host .information.fr-view{color:var(--dark, #000000)}:host .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .field-translation yoo-icon{margin-right:0.3rem}:host .field-translation *{display:inline-block}:host .extra-button-container{margin:1rem;margin-bottom:0}:host .swiper-container{max-width:100%;height:100%}:host .slide-zoom{max-width:100%;height:100%;overflow:hidden}:host .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.625rem 1.25rem;overflow:auto;color:var(--stable, #adadad);font-size:var(--font-size-24, 1.5rem);text-align:left;background:var(--light, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);}:host .toolbar::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .toolbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .toolbar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .toolbar:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .toolbar:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .toolbar yoo-button{padding-right:var(--spacing-16, 1rem)}:host .toolbar.with-padding{margin-bottom:var(--safe-area-inset-bottom)}:host .toolbar ::slotted([slot=footer]) yoo-button{display:inline;padding:0.5rem}:host .slide-container{position:relative;width:100%;height:100%;text-align:left;-webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1)}:host .slide-container.no-shadow{margin:0}:host .slide-container.no-shadow yoo-ion-scroll{margin-bottom:0;padding:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid{padding-bottom:0}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .inputs-container{-ms-flex:1;flex:1;padding-bottom:0 !important}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .inputs-container .field-placeholder.grid yoo-grid{-ms-flex:1;flex:1;min-height:initial;max-height:initial !important}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .footer-spacer{display:none}:host .slide-container.no-shadow yoo-ion-scroll .field-placeholder:not(.readonly):not(.invisible){margin:0}:host .slide-container.no-shadow yoo-ion-scroll .field-placeholder:not(.readonly):not(.invisible) .help-below-title{display:block;margin-top:var(--spacing-08, 0.5rem);padding-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);border-top:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1)}:host .slide-container>yoo-ion-scroll{top:0;right:0;bottom:0;left:0;padding:0 0.5rem;background:transparent}:host .slide-container .toolbar{position:absolute;top:auto;right:0;bottom:0;left:0}:host .slide-container .toolbar-spacer{height:3rem}:host .form-wrapper{position:relative;width:100%;background-color:var(--light, #ffffff)}:host .form-wrapper.bottom-toolbar{height:calc(100% - 2.9375rem)}:host .form-wrapper.bottom-toolbar .scroll-spacer{height:6.25rem}:host .swiper-pagination-bullet-active{background-color:var(--app-color, #5a30f4) !important}:host .scroll-spacer{width:100%;height:6.25rem}:host .header{-ms-flex-pack:justify;justify-content:space-between;width:100%;padding-right:1rem;padding-left:1rem;font-weight:var(--font-weight-400, 400)}:host .header yoo-icon{padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem)}:host .header-recap .progressbar-wrapper{padding:0.5rem 1rem}:host .field-header{min-height:1.5rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem)}:host yoo-collapsible:not(:first-of-type){margin-top:1.5rem}:host .section-header{width:100%;margin:1rem;font-weight:bold;font-size:var(--font-size-16, 1rem)}:host .section-header.readonly{margin:1rem 0}:host .field-placeholder.readonly .field-header{padding:0}:host .zoom-button-container{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);z-index:1000;-ms-flex-direction:row;flex-direction:row}:host .zoom-button-container.minimize{right:var(--spacing-16, 1rem);bottom:var(--spacing-16, 1rem)}:host .zoom-button-container .zoom-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;line-height:1.5rem;text-align:center;background:var(--dark, #000000);border-radius:50%;opacity:0.6}:host .zoom-button-container .zoom-button yoo-icon{color:var(--light, #ffffff)}:host .zoom-button-container.mobile-padding{padding-top:1.625rem}:host .font-small{font-size:var(--font-size-12, 0.75rem)}:host yoo-form-videoplayer{display:block;width:100%;height:var(--video-container-height)}:host yoo-form-videoplayer.web{height:calc(var(--video-container-height) * 2);cursor:pointer}:host .field-placeholder{display:block}:host .field-placeholder:not(.custom-width){width:100%}:host .field-placeholder.animated{-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:ease;animation-timing-function:ease}:host .field-placeholder.collapsible{-webkit-animation:none;animation:none}:host .field-placeholder.invisible{height:0 !important;opacity:0;-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;-webkit-animation-duration:100ms;animation-duration:100ms}:host .field-placeholder.grid,:host .field-placeholder.audience{display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:column;flex-direction:column;overflow-y:hidden}:host .field-placeholder.grid:not(.last),:host .field-placeholder.audience:not(.last){border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host .field-placeholder.audience .field-header{margin:auto}:host .field-placeholder.grid yoo-form-input-container{padding:0 var(--spacing-24, 1.5rem) !important}:host .field-placeholder.grid .field-header{margin:var(--spacing-24, 1.5rem) var(--spacing-24, 1.5rem) 0}:host .field-placeholder.selectcard{max-width:inherit}:host .field-placeholder:not(.readonly):not(.invisible){position:relative;margin-top:0;padding-bottom:0}:host .field-placeholder:not(.readonly):not(.invisible):not(.collapsible).grid{margin-top:var(--spacing-08, 0.5rem);background:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-08, 0.5rem)}:host .field-placeholder:not(.readonly):not(.invisible).textarea.html{z-index:1}:host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible{padding:var(--spacing-16, 1rem) 0 0}:host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0}:host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container.grid{padding:0 var(--spacing-08, 0.5rem)}:host .field-placeholder:not(.readonly):not(.invisible).no-margin{margin-bottom:0}:host .history{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .history:not(.forcedhistory){margin-top:0.5rem;padding-top:0.5rem}:host .history .description{font-size:var(--font-size-14, 0.875rem)}:host .history .history-top-action{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 0.9375rem 0 0.9375rem;font-size:var(--font-size-16, 1rem)}:host .history .history-top-action .title{width:100%;color:var(--white);text-align:left}:host .history .history-top-action .action{width:100%;color:var(--app-color, #5a30f4);text-align:right}:host .history .outer-container .product-container{margin-bottom:var(--spacing-16, 1rem)}:host .history .outer-container .product-container .date,:host .history .outer-container .product-container .subheading{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .history .outer-container .inner-container{margin-bottom:var(--spacing-16, 1rem);background-color:var(--accent, #276ef1)}:host .history .outer-container .inner-container .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-bottom:0.5rem;padding:0.5rem;padding-left:6.25rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .history .outer-container .inner-container .toolbar .title{padding-top:0.375rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .history .outer-container .inner-container .toolbar .quantity{color:var(--dark, #000000);text-align:center}:host .history .outer-container .inner-container .toolbar .price{-ms-flex:1;flex:1;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);white-space:nowrap;text-align:right}:host .history .outer-container .inner-container .toolbar .icon{padding:0 1rem;color:var(--text-color, #807f83)}:host .history .outer-container .inner-container .toolbar .icon.left{font-size:var(--font-size-16, 1rem);text-align:left}:host .history .outer-container .inner-container .toolbar .icon.right{font-size:var(--font-size-16, 1rem);text-align:right}:host .history .square{position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--history-default-width);margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding:0.625rem 0 0.625rem 0;padding:var(--spacing-08, 0.5rem);overflow:hidden;font-size:var(--font-size-14, 0.875rem);text-align:left;background-color:var(--light-10, rgba(255, 255, 255, 0.1));border-radius:0.5rem;-webkit-box-shadow:var(--history-shadow, 0 0.1875rem 0.3125rem 0 rgba(40, 47, 54, 0.15));box-shadow:var(--history-shadow, 0 0.1875rem 0.3125rem 0 rgba(40, 47, 54, 0.15))}:host .history .square.single-item{width:80vw}:host .history .square.single-item .square-content{max-height:62.5rem;overflow:hidden}:host .history .square.autocomplete yoo-form-autocomplete{height:unset}:host .history .square.catalog{width:14.375rem}:host .history .square.catalog .square-content{max-height:18.75rem;overflow:hidden}:host .history .square.audio{width:21.875rem}:host .history .square.select .square-content{max-height:2.5rem;overflow:hidden}:host .history .square.selectbuttonsmulti .square-content{max-height:2.75rem;overflow:hidden}:host .history .square.address .square-content,:host .history .square.location .square-content{max-height:2.5rem;overflow:hidden}:host .history .square.textarea .square-content{max-height:3.0625rem;overflow:hidden}:host .history .square .history-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .history .square .history-header .avatar{display:-ms-flexbox;display:flex;padding-right:0.3125rem}:host .history .square .history-header .avatar yoo-avatar{-ms-flex-align:center;align-items:center;margin-top:0;border-top:0}:host .history .square .history-header .at{color:var(--stable, #adadad)}:host .history .square .square-title,:host .history .square .square-footer{font-size:var(--font-size-14, 0.875rem);text-align:left;opacity:0.5}:host .history .square .square-title div,:host .history .square .square-footer div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .history .square .square-title .square-icon,:host .history .square .square-footer .square-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:var(--font-size-16, 1rem)}:host .history .square .square-title .square-icon .icon-text,:host .history .square .square-footer .square-icon .icon-text{padding-left:0.1875rem}:host .history .square .more-button,:host .history .square .less-more{display:none}:host .history .square.truncate .square-content{max-height:2rem;overflow:hidden}:host .history .square.truncate.starrating .square-content{max-height:1.875rem}:host .history .square.truncate.task .square-content{width:21.875rem}:host .history .square.truncate.multiphotos .square-content,:host .history .square.truncate.photo .square-content{max-height:4.375rem}:host .history .square.truncate .more-button{display:-ms-flexbox;display:flex;float:right;margin-left:auto;color:var(--stable, #adadad)}:host .history .square .square-content{position:relative;overflow:hidden;white-space:initial;text-align:left}:host .history .square .square-content .overlay{position:absolute;z-index:9;width:100%;height:100%;background:transparent}:host .history .square .square-content yoo-form-capture{--width-readonly-preview:1.875rem;--height-readonly-preview:1.875rem;--camera-container-size:2.0625rem;--image-max-height:4.375rem}:host .history .square .square-content yoo-form-document[type=image]{--height-image-container:1.875rem}:host .history .square .square-content yoo-card-file{--height-image-container:1.875rem}:host .history .square .square-content yoo-form-signature-pad{--height-image:1.875rem}:host yoo-banner{--close-icon-color:var(--light, #ffffff)}:host .footer-spacer{width:100%;min-height:1rem}:host(.mobile){--footer-height:5.75rem}:host(.wizard){display:block;height:100%}:host(.wizard) .progress-container{width:25rem;height:auto;margin:0 auto}:host(.wizard) yoo-ion-slides{height:calc(100% - 2.5rem) !important}:host(.wizard) yoo-ion-slides .field-placeholder.grid{height:100%;margin-bottom:var(--spacing-16, 1rem)}:host(.wizard) yoo-ion-slides .field-placeholder.grid yoo-grid{min-height:33rem;max-height:33rem;margin-bottom:var(--spacing-16, 1rem)}:host(.wizard-single) .main-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent{-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent.grid-flex{-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent.grid-flex .scroll-spacer{display:none}:host(.wizard-single) .no-slide-container{padding:0 var(--spacing-16, 1rem)}:host(.wizard.wizard-single) yoo-ion-slides{height:100% !important}:host(.wizard.wizard-single) yoo-ion-slides .field-placeholder.grid yoo-grid{margin-top:1.2rem}:host(.wizard.mobile) .progress-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 1rem}:host(.wizard.mobile) .inputs-container{padding:0 var(--spacing-16, 1rem)}:host(.wizard.mobile) yoo-collapsible{margin-top:var(--spacing-08, 0.5rem)}:host(.wizard.mobile) yoo-ion-slides.has-header{height:calc(100% - 3.5rem) !important}@media screen and (max-height: 736px){:host(.wizard){display:block}:host(.wizard) yoo-ion-slides .field-placeholder yoo-grid{min-height:25rem;max-height:25rem}}:host(.mission-form:not(.readonly)) yoo-form-progress-indicator,:host(.workflow-form:not(.readonly)) yoo-form-progress-indicator,:host(.kanban-form:not(.readonly)) yoo-form-progress-indicator{--scroll-container-color:var(--light, #ffffff);--scroll-container-margin:0 0 0.5rem 0}:host(.mission-form:not(.readonly)) .inputs-container,:host(.workflow-form:not(.readonly)) .inputs-container,:host(.kanban-form:not(.readonly)) .inputs-container{max-width:36rem !important;margin:auto}:host(.mission-form:not(.readonly)) .scroll-spacer.bottom-bar,:host(.workflow-form:not(.readonly)) .scroll-spacer.bottom-bar,:host(.kanban-form:not(.readonly)) .scroll-spacer.bottom-bar{height:5.75rem}:host(.mission-form:not(.readonly)) .slide-container,:host(.workflow-form:not(.readonly)) .slide-container,:host(.kanban-form:not(.readonly)) .slide-container{background-color:transparent}:host(.mission-form:not(.readonly)) .form-wrapper,:host(.workflow-form:not(.readonly)) .form-wrapper,:host(.kanban-form:not(.readonly)) .form-wrapper{position:relative;width:100%}:host(.mission-form:not(.readonly)) .form-wrapper.zoomed,:host(.workflow-form:not(.readonly)) .form-wrapper.zoomed,:host(.kanban-form:not(.readonly)) .form-wrapper.zoomed{height:100% !important;margin:0}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible),:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible),:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible){margin:0}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information{padding-bottom:0;border-bottom:none}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{margin:var(--spacing-08, 0.5rem) 0;margin-bottom:0;padding:var(--spacing-16, 1rem);border-radius:var(--spacing-08, 0.5rem)}:host(.mission-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last{margin-bottom:1.5625rem}:host(.mission-form:not(.readonly)) .footer-spacer,:host(.workflow-form:not(.readonly)) .footer-spacer,:host(.kanban-form:not(.readonly)) .footer-spacer{background-color:transparent}:host(.mission-form.pdf) .main-container{-ms-flex:initial;flex:initial;overflow-y:initial}:host(.mission-form.pdf) .inputs-container-parent{margin:initial;padding:0 !important}:host(.mission-form.pdf) .inputs-container-parent .inputs-container{max-width:unset !important}:host(.mission-form.pdf) .inputs-container-parent .inputs-container .field-placeholder:not(.grid):not(.audience),:host(.mission-form.pdf) .inputs-container-parent .inputs-container yoo-collapsible,:host(.mission-form.pdf) .inputs-container-parent .inputs-container .section-header{max-width:unset !important}:host(.mission-form.pdf) .field-placeholder.last{border-bottom:none}:host(.kanban-form.readonly) .field-placeholder:not(.invisible){border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host(.kanban-form.readonly) .field-placeholder:not(.invisible) yoo-form-input-container{padding:0 var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.kanban-form.web:not(.readonly)) .field-placeholder:not(.invisible) yoo-form-input-container{padding-bottom:0}:host(.in-card) .main-container{margin:0}:host(.in-card) .main-container .inputs-container-parent{margin:0 var(--spacing-16, 1rem) !important}:host(.in-card) .field-placeholder:not(.invisible) yoo-form-input-container{padding:0;padding-bottom:var(--spacing-08, 0.5rem);border-bottom:none}:host(.in-card) yoo-progress-bar{--stroke-width-line:8}:host(.lesson-form.web:not(.lesson-live-preview)){background-color:var(--stable-ultralight, #fafafa)}:host(.lesson-form.web:not(.lesson-live-preview)) form{background-color:transparent}:host(.lesson-form.web:not(.lesson-live-preview)) form .inputs-container{height:100%}:host(.lesson-form.web:not(.lesson-live-preview)) form .inputs-container yoo-form-input-container{width:100%;max-height:calc(100% - 2rem) !important}:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-button,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-chat,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-card,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-image,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-radio{max-width:40rem;margin:auto}:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-videoplayer{height:33.3333333333vw}:host(.lesson-form) .progress-container{z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem)}:host(.lesson-form) .swiper-container{height:calc(100% - 3rem)}:host(.lesson-form) .information{color:var(--dark, #000000)}:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filterdate,:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filternumber,:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filtertext{padding-bottom:var(--spacing-08, 0.5rem)}:host(.floating){background:transparent}:host(.floating) .main-container .inputs-container-parent{padding:var(--spacing-16, 1rem) !important;padding-bottom:0 !important}:host(.floating) .field-placeholder:not(.readonly):not(.invisible):not(.collapsible){background:transparent}:host(.floating.inline) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0 0 var(--spacing-16, 1rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) yoo-tabs{min-height:3rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;overflow:hidden}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary{width:12.5rem;padding:var(--spacing-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-fields-container{margin-bottom:var(--spacing-24, 1.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-category{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-actions yoo-button{margin-bottom:var(--spacing-08, 0.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field .title{color:var(--text-color, #807f83);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent{-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto;}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .toolbar{min-height:2.1875rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .scroll-spacer{height:0}:host(.mission-results) .inputs-container-parent{margin:0}:host(.web:not(.inline):not(.inline-row):not(.force-mobile):not(.mission-results):not(.lesson-detail.readonly)) .inputs-container-parent:not(.gridstack){padding:0 var(--spacing-08, 0.5rem)}:host(.web.padding:not(.inline):not(.inline-row)) .inputs-container-parent:not(.gridstack){padding:0 var(--spacing-16, 1rem)}:host(.web.lesson-form:not(.lesson-live-preview)) .progress-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 0.95rem;margin-top:var(--spacing-04, 0.25rem) !important;background:var(--stable-background);border-bottom:unset;border-top-left-radius:0.3125rem;border-top-right-radius:0.3125rem}:host(.web.lesson-form:not(.lesson-live-preview)) .progress-container yoo-progress-bar.top-content{width:25rem}:host(.web.lesson-form:not(.lesson-live-preview)) yoo-form-input-container.imagetagging{max-width:50rem;margin:0 auto}:host(.lesson-form) yoo-ion-scroll,:host(.lesson-live-preview) yoo-ion-scroll{height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container{height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container .field-placeholder,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container .field-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container .field-placeholder yoo-form-input-container,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container .field-placeholder yoo-form-input-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);--font-size-description:inherit}:host(.lesson-form) .scroll-spacer,:host(.lesson-live-preview) .scroll-spacer{height:0}:host(.lesson-form) .footer-spacer,:host(.lesson-live-preview) .footer-spacer{min-height:0}:host(.lesson-form) yoo-form-footer,:host(.lesson-live-preview) yoo-form-footer{position:relative}:host(.web.vertical-tabs){--tabs-active-background:var(--stable-alt-10, rgba(208, 208, 208, 0.1));--tabs-active-border-color:var(--app-color, #5a30f4);--tabs-border-color:transparent;--tabs-border-width:var(--border-width-02, 0.125rem);--tabs-gap:var(--spacing-08, 0.5rem);--tabs-inner-padding:0 var(--spacing-16, 1rem);--tabs-outer-padding:var(--spacing-16, 1rem);--tabs-width:15rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row !important;flex-direction:row !important}:host(.web.vertical-tabs) .inputs-container{-ms-flex:1;flex:1;margin:0;padding-top:0;overflow:visible;}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container .field-placeholder,:host(.web.vertical-tabs) .inputs-container yoo-collapsible{max-width:unset}:host(.web.vertical-tabs) .inputs-container .field-placeholder yoo-form-input-container:not(.grid),:host(.web.vertical-tabs) .inputs-container yoo-collapsible yoo-form-input-container:not(.grid){padding:0 !important}:host(.web.vertical-tabs) .inputs-container .field-header{padding:0 !important}:host(.web.vertical-tabs) yoo-tabs{--active-tab-background:var(--tabs-active-background);--active-tab-border-color:var(--tabs-active-border-color);--tab-border-color:var(--tabs-border-color);--tab-border-width:var(--tabs-border-width);--tab-padding:var(--tabs-inner-padding);--vertical-tab-gap:var(--tabs-gap);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--tabs-width);padding:var(--tabs-outer-padding);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)){--content-width:28rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) yoo-gridstack.inputs-container{overflow:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.grid-flex){width:100%;max-width:var(--content-width);margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid){width:100%;max-width:var(--content-width);margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid):not(.custom-width):not(.audience),:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex yoo-collapsible,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .section-header{max-width:initial}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.gridstack){padding-top:0.5rem;padding-bottom:0.5rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.gridstack{overflow:visible scroll}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group{margin-top:var(--spacing-16, 1rem) !important;padding:var(--spacing-08, 0.5rem);padding-top:0;background-color:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-08, 0.5rem)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group yoo-form-input-container,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group .field-header{background-color:var(--stable-ultralight, #fafafa)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .section-header{margin-top:var(--spacing-16, 1rem) !important}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.large{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap !important;flex-flow:row wrap !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:37.5rem;margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.large .field-placeholder.custom-width{margin-right:var(--spacing-08, 0.5rem) !important}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.large) yoo-form-opening-hours{padding-top:var(--spacing-08, 0.5rem)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.large) yoo-form-opening-hours:not([readonly]){margin:0 -4rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder{-ms-flex:1 1 100%;flex:1 1 100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container{width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel{width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel>yoo-ion-scroll,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel>yoo-ion-scroll{position:relative;width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel{position:relative}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel .slide-container{width:unset;height:100%;margin-right:0.5rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel .slide-container yoo-ion-scroll{min-height:98%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel{margin-left:var(--spacing-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web.full-width:not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell)){--content-width:100% !important}:host(.web.full-width:not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell)) .main-container .inputs-container-parent .inputs-container .field-placeholder{width:100%;max-width:100%}:host(.web.large-container-padding) .main-container .inputs-container-parent{padding-right:var(--spacing-24, 1.5rem) !important;padding-left:var(--spacing-24, 1.5rem) !important}:host(.web.inline) .inputs-container,:host(.web.inline-row) .inputs-container{margin:0}:host(.web.inline) .inputs-container.label-top-aligned,:host(.web.inline-row) .inputs-container.label-top-aligned{-ms-flex-align:end;align-items:flex-end}:host(.web.profile) .main-container{background:var(--light, #ffffff)}:host(.web.profile) .main-container .inputs-container yoo-form-input-container{padding:var(--spacing-08, 0.5rem) 0}:host(.web:not(.mission-form):not(.inline)) .inputs-container.flex{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.web.absolute){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.inline.padding) .main-container{padding:var(--spacing-16, 1rem)}:host(.inline){position:initial;top:initial;right:initial;bottom:initial;left:initial;display:block}:host(.inline) .main-container{-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:hidden}:host(.inline) .main-container .inputs-container-parent{margin:0;padding:0}:host(.inline) .no-slide-container{padding:0}:host(.inline) .field-placeholder:not(.readonly):not(.invisible){padding-left:0}:host(.inline) .field-placeholder:not(.readonly):not(.invisible).disable-input-container{background:var(--stable-light, #f1f1f1)}:host(.inline) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0;padding-bottom:0.5rem}:host(.inline) yoo-ion-slide{position:initial;width:100% !important}:host(.inline) yoo-ion-slide yoo-ion-scroll{position:initial;width:100%;padding:0 !important;padding-top:0 !important;overflow:hidden;contain:initial}:host(.inline) yoo-ion-slide .scroll-spacer{height:0}:host(.inline) yoo-ion-slide .footer-spacer{display:none;height:0;min-height:0}:host(.inline.no-margin) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding-bottom:0}:host(.inline.web.absolute) yoo-ion-slides{overflow:visible}:host(.inline.web.absolute) yoo-ion-slides yoo-ion-slide{overflow:visible}:host(.inline.web.absolute) yoo-ion-slides yoo-ion-slide yoo-ion-scroll{overflow:visible}:host(.inline.web.absolute) .scroll-spacer{-webkit-transition:0.3s;transition:0.3s}:host(.inline.web.absolute) yoo-form-input-container{max-width:unset}:host(.zoomed){display:block !important}:host(.flex) .inputs-container{display:-ms-flexbox;display:flex;padding-top:0.5em}:host(.zoomed.iphone-x) .slide-container{margin-top:var(--spacing-40, 2.5rem)}:host(.zoomed.iphone-x) .form-wrapper{-webkit-box-shadow:unset;box-shadow:unset}:host(.mission-form),:host(.workflow-form),:host(.kanban-form){--mission-form-padding:0 var(--spacing-08, 0.5rem)}:host(.mission-form) .information *,:host(.workflow-form) .information *,:host(.kanban-form) .information *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host(.mission-form) .information p:empty,:host(.workflow-form) .information p:empty,:host(.kanban-form) .information p:empty{height:1rem}:host(.mission-form) .information .field-title,:host(.workflow-form) .information .field-title,:host(.kanban-form) .information .field-title{margin-left:-0.3rem;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host(.mission-form) .inputs-container,:host(.workflow-form) .inputs-container,:host(.kanban-form) .inputs-container{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--mission-form-padding)}:host(.form-creator-preview) .field-placeholder yoo-form-input-container{border:var(--border-width-04, 0.25rem) solid transparent}:host(.form-creator-preview) .field-placeholder yoo-form-input-container:hover{border:var(--border-width-04, 0.25rem) solid var(--accent, #276ef1)}:host(.form-creator-block) .inputs-container{padding-bottom:1rem}:host(.form-creator-block) .inputs-container .field-placeholder{max-width:100% !important}:host(.form-creator-block) .inputs-container .field-placeholder.checkbox yoo-form-input-container,:host(.form-creator-block) .inputs-container .field-placeholder.toggle yoo-form-input-container{padding:0 0.1rem !important}:host(.form-creator-block) .inputs-container .field-placeholder yoo-form-input-container{padding:0 var(--spacing-02, 0.125rem)}:host(.form-creator-block) .inputs-container .field-placeholder.querybuilder{z-index:1}:host(.form-creator-block) .inputs-container yoo-collapsible{max-width:100% !important}:host(.waitlist-form) .field-header{padding:0 1rem}:host(.waitlist-form) yoo-form-input-container{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) !important}:host(.inline.condition-block) .form-wrapper .scroll-spacer{background:var(--stable-light, #f1f1f1)}:host(.no-animation) .field-placeholder{-webkit-animation:none;animation:none}:host(.transparent){background:transparent}:host(.transparent) .field-placeholder:not(.readonly):not(.invisible){background:transparent}:host(.transparent) .form-wrapper{background-color:transparent}:host(.grid-editor){margin-bottom:var(--spacing-16, 1rem);background:transparent}:host(.grid-editor) .inputs-container{padding-bottom:0}:host(.grid-editor) .field-placeholder:not(.readonly):not(.invisible){width:100%;padding:0 !important;background:transparent}:host(.grid-editor) .form-wrapper{background-color:transparent}@media (orientation: landscape){:host(.tablet:not(.emulate-preview)) yoo-form-videoplayer{height:calc(var(--video-container-height) * 2) !important}}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container{margin-left:var(--spacing-16, 1rem)}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder.readonly{width:12.75rem}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder.readonly yoo-form-input-container{border-bottom:none}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder yoo-form-input-container{padding:var(--spacing-08, 0.5rem) var(--spacing-02, 0.125rem) !important}:host(.toolbar-form){max-height:4.125rem}:host(.toolbar-form) .main-container .inputs-container-parent{overflow:hidden}:host(.quickview.web.readonly) .main-container{background:var(--stable-ultralight, #fafafa)}:host(.quickview.no-margin) .inputs-container{margin-right:0 !important;margin-left:0 !important}:host(.quickview){background:transparent}:host(.quickview) yoo-tabs{display:block;background:var(--light, #ffffff)}:host(.quickview) yoo-ion-slides yoo-ion-slide.readonly .slide-container yoo-ion-scroll{padding:0}:host(.quickview) .inputs-container{max-width:100% !important;margin:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) !important;padding:0 var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host(.quickview) .inputs-container .field-placeholder{-ms-flex:1 0 100%;flex:1 0 100%}:host(.quickview) .inputs-container .field-placeholder.last yoo-form-input-container{border-bottom:none}:host(.quickview) .inputs-container yoo-collapsible{max-width:100% !important}:host(.quickview) .inputs-container .footer-spacer{display:none}:host(.quickview.readonly) .inputs-container{-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.quickview.mobile) .inputs-container{margin:var(--spacing-16, 1rem) 0 !important}:host(.profile) .inputs-container{max-width:100% !important;margin:auto var(--spacing-16, 1rem) !important}:host(.profile) .inputs-container .field-placeholder{max-width:100% !important;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.profile) .inputs-container .field-placeholder.number yoo-form-input-container,:host(.profile) .inputs-container .field-placeholder.autocomplete yoo-form-input-container{--content-max-width:12.5rem}:host(.quickview.transparent){background:transparent}:host(.quickview.transparent) .form-wrapper{background:transparent}:host(.bold-header) .field-header{font-weight:bold}:host(.no-last-border) .field-placeholder.last yoo-form-input-container{border-bottom:none}:host(.safari) .progress-container.animated>*,:host(.chrome-ios) .progress-container.animated>*{-webkit-animation-name:none !important;animation-name:none !important}:host(.safari) .field-placeholder,:host(.chrome-ios) .field-placeholder{-webkit-animation-name:none !important;animation-name:none !important}:host(.safari) .field-placeholder.invisible,:host(.chrome-ios) .field-placeholder.invisible{-webkit-animation-name:none !important;animation-name:none !important}:host(.lesson-question-result) .main-container,:host(.lesson-detail) .main-container{display:initial}:host(.lesson-question-result) .main-container yoo-form-connect,:host(.lesson-detail) .main-container yoo-form-connect{max-width:21.5rem}:host(.lesson-question-result) .main-container .confidence-level-container .header,:host(.lesson-detail) .main-container .confidence-level-container .header{margin:0;margin-bottom:var(--spacing-16, 1rem);padding:0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host(.lesson-question-result) .main-container .confidence-level-container .container,:host(.lesson-detail) .main-container .confidence-level-container .container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.lesson-detail) .footer-spacer{display:none}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder:not(.invisible){padding-top:0.5rem}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.toggle:not(.invisible){padding-bottom:0.5rem}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.radio:not(.invisible){padding-bottom:0.5rem}:host(.mobile.lesson-detail) .field-placeholder,:host(.mobile.lesson-question-result.readonly) .field-placeholder{margin:0 var(--spacing-16, 1rem)}:host(.web.lesson-detail) yoo-form-image-tagging{max-width:37.5rem}:host(.web.lesson-detail) .inputs-container-parent{margin:0 !important;padding:0}:host(.web.lesson-detail) .inputs-container-parent .inputs-container{padding:0}:host(.web.lesson-detail) .inputs-container-parent .inputs-container .field-placeholder{margin:0 var(--spacing-24, 1.5rem)}:host(.web.lesson-detail.readonly) .field-placeholder{width:-webkit-fill-available}:host(.lesson-detail.readonly),:host(.lesson-question-result.readonly){--inputs-margin:0}:host(.in-card.secondary){margin-top:var(--spacing-08, 0.5rem);padding:0;padding-top:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--stable-ultralight, #fafafa);border-radius:var(--spacing-08, 0.5rem)}:host(.campaign-preview) yoo-form-input-container.photo,:host(.campaign-preview) yoo-form-input-container.multiphotos,:host(.campaign-preview) yoo-form-input-container.video,:host(.campaign-preview) yoo-form-input-container.audio{--content-padding-bottom:var(--spacing-08, 0.5rem)}:host([form-input-size=small]){font-size:var(--font-size-12, 0.75rem)}:host(.assign-users) yoo-form-input-container.readonly.web.autocomplete{margin-left:var(--spacing-32, 2rem)}@media print{:host .pdf-field-wrapper:not(.break){page-break-inside:avoid}:host .footer-spacer{min-height:auto}:host .inputs-container{display:block}:host .inputs-container .slide-title,:host .inputs-container .field-placeholder{page-break-after:avoid;page-break-before:avoid;page-break-inside:auto}:host .inputs-container .field-placeholder:not(.catalog):not(.multiphotos):not(.image):not(.selectmulti):not(.selectbuttons),:host .inputs-container .field-placeholder.no-break{page-break-inside:avoid}:host .inputs-container yoo-form-input-container{page-break-after:avoid;page-break-before:avoid;page-break-inside:avoid}:host .inputs-container yoo-form-input-container.image{--label-padding-top:0 !important}:host .inputs-container yoo-form-capture{display:block;page-break-after:avoid;page-break-before:avoid;page-break-inside:auto}}:host(.readonly:not(.inline-row)) .inputs-container{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.mission-validation) .field-placeholder:not(.invisible).checkbox{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.login-sso){--inputs-margin:var(--spacing-24, 1.5rem)}:host(.login-sso) .field-placeholder:not(.invisible){padding-top:var(--spacing-08, 0.5rem)}:host(.login-sso) .field-placeholder:not(.invisible):first-of-type{padding-top:0 !important}:host(.dark-info) .information{color:inherit}:host(.live-preview-form.mobile:not(.inline):not(.inline-row)) .inputs-container-parent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding-bottom:var(--spacing-64, 4rem);overflow-y:scroll}:host(.live-preview-form.mobile:not(.inline):not(.inline-row)) .inputs-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host(.live-preview-form.mobile:not(.inline):not(.inline-row)) .toolbar{position:absolute;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding-right:var(--spacing-16, 1rem);padding-left:0}:host(.web.community-editor) yoo-form-input-container.segment,:host(.web.community-editor) yoo-form-input-container.autocomplete{min-width:15rem;max-width:50%}:host(.community-editor) yoo-tabs{--height-tabs:var(--spacing-48, 3rem);--active-tab-border-color:var(--stable-light, #f1f1f1);--tab-border-color:var(--stable-light, #f1f1f1);--tab-border-width:var(--border-width-01, 0.0625rem);--vertical-tab-gap:0}:host(.community-editor) yoo-form-input-container.toggle{--content-padding-top:0 !important;margin-bottom:0 !important}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container{display:-ms-flexbox;display:flex;-ms-flex:initial;flex:initial;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;margin:0}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .inputs-container-parent{-ms-flex:initial;flex:initial;-webkit-box-sizing:border-box;box-sizing:border-box;margin:var(--spacing-24, 1.5rem);margin-bottom:0;padding:0;background:var(--stable-ultralight, #fafafa);border-radius:var(--spacing-08, 0.5rem)}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .inputs-container-parent.grid-flex{border-radius:0px}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .inputs-container{-ms-flex:initial;flex:initial;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);background:var(--stable-ultralight, #fafafa);border-radius:0px}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .toolbar{margin:var(--spacing-16, 1rem);padding:0;padding-top:0;background:var(--stable-ultralight, #fafafa)}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) yoo-tabs{-ms-flex-negative:0;flex-shrink:0;padding:0}";
 
 const YooFormDynamicComponent = class {
   constructor(hostRef) {
-    index$2.registerInstance(this, hostRef);
-    this.actionSheetOpened = index$2.createEvent(this, "actionSheetOpened", 7);
-    this.dataChanged = index$2.createEvent(this, "dataChanged", 7);
-    this.tabChanged = index$2.createEvent(this, "tabChanged", 7);
-    this.translationsChanged = index$2.createEvent(this, "translationsChanged", 7);
-    this.extraDataChanged = index$2.createEvent(this, "extraDataChanged", 7);
-    this.fieldChanged = index$2.createEvent(this, "fieldChanged", 7);
-    this.fieldFetchCustomData = index$2.createEvent(this, "fieldFetchCustomData", 7);
-    this.fieldFetchData = index$2.createEvent(this, "fieldFetchData", 7);
-    this.fieldRemoved = index$2.createEvent(this, "fieldRemoved", 7);
-    this.formContainerClicked = index$2.createEvent(this, "formContainerClicked", 7);
-    this.formGetGeoloc = index$2.createEvent(this, "formGetGeoloc", 7);
-    this.formGetMediaUrl = index$2.createEvent(this, "formGetMediaUrl", 7);
-    this.formImageRecognition = index$2.createEvent(this, "formImageRecognition", 7);
-    this.formValidityChanged = index$2.createEvent(this, "formValidityChanged", 7);
-    this.galleryOpened = index$2.createEvent(this, "galleryOpened", 7);
-    this.inputsContainerHeightLoaded = index$2.createEvent(this, "inputsContainerHeightLoaded", 7);
-    this.openPreview = index$2.createEvent(this, "openPreview", 7);
-    this.progressChanged = index$2.createEvent(this, "progressChanged", 7);
-    this.save = index$2.createEvent(this, "save", 7);
-    this.workflowReject = index$2.createEvent(this, "workflowReject", 7);
-    this.workflowReassign = index$2.createEvent(this, "workflowReassign", 7);
-    this.workflowSendBack = index$2.createEvent(this, "workflowSendBack", 7);
-    this.scormRegistrationFetched = index$2.createEvent(this, "scormRegistrationFetched", 7);
-    this.scormRuntimeInteractionsFetched = index$2.createEvent(this, "scormRuntimeInteractionsFetched", 7);
-    this.scrollBy = index$2.createEvent(this, "scrollBy", 7);
-    this.showHistory = index$2.createEvent(this, "showHistory", 7);
-    this.slideAnswered = index$2.createEvent(this, "slideAnswered", 7);
-    this.slideChanged = index$2.createEvent(this, "slideChanged", 7);
-    this.slideProgressUpdated = index$2.createEvent(this, "slideProgressUpdated", 7);
-    this.timeFinished = index$2.createEvent(this, "timeFinished", 7);
-    this.formHasLoaded = index$2.createEvent(this, "formHasLoaded", 7);
-    this.toggleEditMode = index$2.createEvent(this, "toggleEditMode", 7);
-    this.lessonStarted = index$2.createEvent(this, "lessonStarted", 7);
-    this.translationValueUpdated = index$2.createEvent(this, "translationValueUpdated", 7);
-    this.gridstackConfigUpdated = index$2.createEvent(this, "gridstackConfigUpdated", 7);
-    this.gridstackItemDropped = index$2.createEvent(this, "gridstackItemDropped", 7);
-    this.gridstackItemRemoved = index$2.createEvent(this, "gridstackItemRemoved", 7);
-    this.gridstackItemEdited = index$2.createEvent(this, "gridstackItemEdited", 7);
-    this.gridstackItemClicked = index$2.createEvent(this, "gridstackItemClicked", 7);
+    index$1.registerInstance(this, hostRef);
+    this.actionSheetOpened = index$1.createEvent(this, "actionSheetOpened", 7);
+    this.dataChanged = index$1.createEvent(this, "dataChanged", 7);
+    this.tabChanged = index$1.createEvent(this, "tabChanged", 7);
+    this.translationsChanged = index$1.createEvent(this, "translationsChanged", 7);
+    this.extraDataChanged = index$1.createEvent(this, "extraDataChanged", 7);
+    this.fieldChanged = index$1.createEvent(this, "fieldChanged", 7);
+    this.fieldFetchCustomData = index$1.createEvent(this, "fieldFetchCustomData", 7);
+    this.fieldFetchData = index$1.createEvent(this, "fieldFetchData", 7);
+    this.fieldRemoved = index$1.createEvent(this, "fieldRemoved", 7);
+    this.formContainerClicked = index$1.createEvent(this, "formContainerClicked", 7);
+    this.formGetGeoloc = index$1.createEvent(this, "formGetGeoloc", 7);
+    this.formGetMediaUrl = index$1.createEvent(this, "formGetMediaUrl", 7);
+    this.formImageRecognition = index$1.createEvent(this, "formImageRecognition", 7);
+    this.formValidityChanged = index$1.createEvent(this, "formValidityChanged", 7);
+    this.galleryOpened = index$1.createEvent(this, "galleryOpened", 7);
+    this.inputsContainerHeightLoaded = index$1.createEvent(this, "inputsContainerHeightLoaded", 7);
+    this.openPreview = index$1.createEvent(this, "openPreview", 7);
+    this.progressChanged = index$1.createEvent(this, "progressChanged", 7);
+    this.save = index$1.createEvent(this, "save", 7);
+    this.workflowReject = index$1.createEvent(this, "workflowReject", 7);
+    this.workflowReassign = index$1.createEvent(this, "workflowReassign", 7);
+    this.workflowSendBack = index$1.createEvent(this, "workflowSendBack", 7);
+    this.scormRegistrationFetched = index$1.createEvent(this, "scormRegistrationFetched", 7);
+    this.scormRuntimeInteractionsFetched = index$1.createEvent(this, "scormRuntimeInteractionsFetched", 7);
+    this.scrollBy = index$1.createEvent(this, "scrollBy", 7);
+    this.showHistory = index$1.createEvent(this, "showHistory", 7);
+    this.slideAnswered = index$1.createEvent(this, "slideAnswered", 7);
+    this.slideChanged = index$1.createEvent(this, "slideChanged", 7);
+    this.slideProgressUpdated = index$1.createEvent(this, "slideProgressUpdated", 7);
+    this.timeFinished = index$1.createEvent(this, "timeFinished", 7);
+    this.formHasLoaded = index$1.createEvent(this, "formHasLoaded", 7);
+    this.toggleEditMode = index$1.createEvent(this, "toggleEditMode", 7);
+    this.lessonStarted = index$1.createEvent(this, "lessonStarted", 7);
+    this.translationValueUpdated = index$1.createEvent(this, "translationValueUpdated", 7);
+    this.gridstackConfigUpdated = index$1.createEvent(this, "gridstackConfigUpdated", 7);
+    this.gridstackItemDropped = index$1.createEvent(this, "gridstackItemDropped", 7);
+    this.gridstackItemRemoved = index$1.createEvent(this, "gridstackItemRemoved", 7);
+    this.gridstackItemEdited = index$1.createEvent(this, "gridstackItemEdited", 7);
+    this.gridstackItemClicked = index$1.createEvent(this, "gridstackItemClicked", 7);
     this.selectedTabIndex = 0;
     this.animated = true;
     this.progress = { value: 0 };
@@ -255,8 +256,8 @@ const YooFormDynamicComponent = class {
       if (scroll && !(scroll === null || scroll === void 0 ? void 0 : scroll.classList.contains('keyboard-open'))) {
         scroll.classList.add('keyboard-open');
       }
-      index$1.debounce(() => {
-        if (event && !index$1.isAndroid() && !this.isInline()) {
+      overlays.debounce(() => {
+        if (event && !overlays.isAndroid() && !this.isInline()) {
           const scrollSpacerHeight = event.keyboardHeight;
           this.setScrollSpacerHeight(scrollSpacerHeight);
         }
@@ -264,7 +265,7 @@ const YooFormDynamicComponent = class {
         if (scrollSpacer) {
           scrollSpacer.classList.remove('bottom-bar');
         }
-        if (index$1.isAndroid()) {
+        if (overlays.isAndroid()) {
           this.windowHasFinishedResizing = false;
         }
       }, 500);
@@ -276,7 +277,7 @@ const YooFormDynamicComponent = class {
         type: 'progressbar'
       }
     };
-    if (index$1.isAndroid() && index$1.isNativeMobile()) {
+    if (overlays.isAndroid() && overlays.isNativeMobile()) {
       this.slidesOptions = {
         ...this.slidesOptions,
         width: window.innerWidth
@@ -322,7 +323,7 @@ const YooFormDynamicComponent = class {
       this.updateState();
     }
     else {
-      index$2.forceUpdate(this);
+      index$1.forceUpdate(this);
     }
   }
   onTimerUpdated() {
@@ -351,7 +352,7 @@ const YooFormDynamicComponent = class {
   }
   async scrollToPoint(relativeScrollDistance, duration = 1000, scrollToBottom = false) {
     const currentSlide = commonHelpers.querySelectorAllDeep(this.host, 'yoo-ion-slide')[this.activeIndex];
-    const parentIonScroll = index$1.findParent(this.host, 'yoo-ion-scroll');
+    const parentIonScroll = overlays.findParent(this.host, 'yoo-ion-scroll');
     const ionScroll = commonHelpers.querySelectorDeep(currentSlide, 'yoo-ion-scroll');
     if (parentIonScroll) {
       const isScrollDistanceBiggerThanScroll = await parentIonScroll.isScrollDistanceBiggerThanScroll(relativeScrollDistance);
@@ -634,15 +635,15 @@ const YooFormDynamicComponent = class {
       }
     });
     if (previousField) {
-      previousValue = index$1.getFieldValue(previousField, this.currentData, this.suffix);
+      previousValue = overlays.getFieldValue(previousField, this.currentData, this.suffix);
       if (previousField.type === index.FormFieldType.photo && previousField.multiple !== true) {
         previousExtra = {
-          drawings: index$1.getFieldValue(previousField, this.currentData, '.edit'),
-          annotations: index$1.getFieldValue(previousField, this.currentData, '.texts')
+          drawings: overlays.getFieldValue(previousField, this.currentData, '.edit'),
+          annotations: overlays.getFieldValue(previousField, this.currentData, '.texts')
         };
       }
       else if (previousField.type === index.FormFieldType.photo && previousField.multiple === true) {
-        previousExtra = { extraData: index$1.getFieldValue(previousField, this.currentData, '.extraData') };
+        previousExtra = { extraData: overlays.getFieldValue(previousField, this.currentData, '.extraData') };
       }
     }
     return { field: lodash.cloneDeep(previousField), value: previousValue, extra: previousExtra };
@@ -659,7 +660,7 @@ const YooFormDynamicComponent = class {
     }
     this.checkIfFirstSlideAndLockSwipePrev();
     if (!skipEmitEvent && this.isLesson() && !this.isLivePreview() &&
-      ((this.showAnswers && index$1.isQuiz(this.lessonType) && !index$1.isTimedQuiz(this.lessonType)) || index$1.isConfidenceAssessment(this.lessonType))) {
+      ((this.showAnswers && overlays.isQuiz(this.lessonType) && !overlays.isTimedQuiz(this.lessonType)) || overlays.isConfidenceAssessment(this.lessonType))) {
       const slideData = this.getSlideData();
       this.slideAnswered.emit(slideData);
       return;
@@ -700,7 +701,7 @@ const YooFormDynamicComponent = class {
   }
   async getTabName() {
     var _a, _b;
-    return index$1.translate(((_b = (_a = this.tabs) === null || _a === void 0 ? void 0 : _a[this.selectedTabIndex]) === null || _b === void 0 ? void 0 : _b.title) || 'CONTENT');
+    return overlays.translate(((_b = (_a = this.tabs) === null || _a === void 0 ? void 0 : _a[this.selectedTabIndex]) === null || _b === void 0 ? void 0 : _b.title) || 'CONTENT');
   }
   async highlightInvalidFields() {
     const invalidFieldCodes = Object.keys(this.fieldsState).filter((code) => this.fieldsState[code].validity === false);
@@ -715,8 +716,8 @@ const YooFormDynamicComponent = class {
       .sort((a, b) => a.getBoundingClientRect().top - b.getBoundingClientRect().top)
       .shift();
     if (invalidFieldsCount && displayToast) {
-      index$1.showToast({
-        message: index$1.translate(invalidFieldsCount > 1 ? 'INVALIDFIELDS' : 'INVALIDFIELD', { n: invalidFieldsCount }),
+      overlays.showToast({
+        message: overlays.translate(invalidFieldsCount > 1 ? 'INVALIDFIELDS' : 'INVALIDFIELD', { n: invalidFieldsCount }),
         duration: 2000,
         icon: 'rejected',
         cssClass: 'danger header',
@@ -725,7 +726,7 @@ const YooFormDynamicComponent = class {
       this.failedSubmission = invalidFieldCodes;
     }
     if (firstInvalidField) {
-      const invalidFieldLocation = index$1.findField(this.slides, firstInvalidField.name);
+      const invalidFieldLocation = overlays.findField(this.slides, firstInvalidField.name);
       if (this.isCurrentSlide(invalidFieldLocation.slideIndex)) {
         this.scrollToField(firstInvalidField, true);
       }
@@ -768,7 +769,7 @@ const YooFormDynamicComponent = class {
     return Promise.resolve(this.currentData);
   }
   async forceUpdate() {
-    index$2.forceUpdate(this);
+    index$1.forceUpdate(this);
   }
   async forceCheckValidityAndEmitChanges() {
     await this.updateState();
@@ -779,11 +780,11 @@ const YooFormDynamicComponent = class {
   }
   componentWillLoad() {
     var _a;
-    if (index$1.isNullOrUndefined(this.formInputSize)) {
-      this.formInputSize = index$1.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large';
+    if (overlays.isNullOrUndefined(this.formInputSize)) {
+      this.formInputSize = overlays.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large';
     }
-    this.isWeb = this.forceMobile ? false : index$1.isWeb(this.host);
-    this.session = index$1.getSession();
+    this.isWeb = this.forceMobile ? false : overlays.isWeb(this.host);
+    this.session = overlays.getSession();
     this.currentData = this.data || {};
     this.fieldsState = {};
     this.slidesState = Array.from({ length: ((_a = this.slides) === null || _a === void 0 ? void 0 : _a.length) || 0 }, () => ({}));
@@ -798,20 +799,20 @@ const YooFormDynamicComponent = class {
         this.setCountDownTimer();
       }
     }
-    if (index$1.isNativeMobile() && !this.isKeyboardStateLocked) {
-      this.isKeyboardResizeModeInactive = index$1.isKeyboardResizeModeInactive();
-      index$1.disableKeyboardResize();
+    if (overlays.isNativeMobile() && !this.isKeyboardStateLocked) {
+      this.isKeyboardResizeModeInactive = overlays.isKeyboardResizeModeInactive();
+      overlays.disableKeyboardResize();
     }
   }
   componentDidLoad() {
     var _a, _b;
     let resizeEventNameListened;
-    if (index$1.isIonic(this.host)) {
+    if (overlays.isIonic(this.host)) {
       this.keyboardWillShowListener = this.onKeyboardWillShow.bind(this);
       window.addEventListener('keyboardWillShow', this.keyboardWillShowListener);
-      this.keyboardDidShowListener = index$1.debounce(this.onKeyboardDidShow, 500).bind(this);
+      this.keyboardDidShowListener = overlays.debounce(this.onKeyboardDidShow, 500).bind(this);
       window.addEventListener('keyboardDidShow', this.keyboardDidShowListener);
-      this.keyboardWillHideListener = index$1.debounce(this.onKeyboardWillHide, 500).bind(this);
+      this.keyboardWillHideListener = overlays.debounce(this.onKeyboardWillHide, 500).bind(this);
       window.addEventListener('keyboardWillHide', this.keyboardWillHideListener);
       resizeEventNameListened = 'resize';
     }
@@ -819,7 +820,7 @@ const YooFormDynamicComponent = class {
       resizeEventNameListened = 'screenSizeWillChange';
     }
     if (resizeEventNameListened) {
-      this.resizeListener = index$1.debounce(this.onWindowResize, 500).bind(this);
+      this.resizeListener = overlays.debounce(this.onWindowResize, 500).bind(this);
       window.addEventListener(resizeEventNameListened, this.resizeListener);
     }
     if (this.session.selectedMission && lodash.isNumber(this.session.selectedMissionPage) && this.session.selectedMissionPage > -1 && this.slides && this.slides.length > 1 && !this.isLivePreview() && !this.isLesson()) {
@@ -844,7 +845,7 @@ const YooFormDynamicComponent = class {
       }, 300);
     }
     // Disabled this because of the warnings from stencil , not sure we still need it
-    if ((this.showTabs || this.showVerticalTabs) && !this.isLivePreview() && this.formType !== 'form-creator-block' && !(this.isMission() && !index$1.isWeb(this.host))) {
+    if ((this.showTabs || this.showVerticalTabs) && !this.isLivePreview() && this.formType !== 'form-creator-block' && !(this.isMission() && !overlays.isWeb(this.host))) {
       this.updateState(true);
     }
     this.host.classList.remove('no-initial-height');
@@ -867,12 +868,12 @@ const YooFormDynamicComponent = class {
     }
   }
   disconnectedCallback() {
-    if (index$1.isNativeMobile()) {
+    if (overlays.isNativeMobile()) {
       if (!this.isKeyboardStateLocked && !this.isKeyboardResizeModeInactive) {
-        index$1.enableKeyboardResize();
+        overlays.enableKeyboardResize();
       }
     }
-    if (index$1.isIonic(this.host)) {
+    if (overlays.isIonic(this.host)) {
       window.removeEventListener('keyboardWillShow', this.keyboardWillShowListener);
       window.removeEventListener('keyboardDidShow', this.keyboardDidShowListener);
       window.removeEventListener('keyboardWillHide', this.keyboardWillHideListener);
@@ -887,7 +888,7 @@ const YooFormDynamicComponent = class {
   removeRequestInterval() {
     var _a;
     if ((_a = this.requestIntervalID) === null || _a === void 0 ? void 0 : _a.value) {
-      index$1.cancelRequestInterval(this.requestIntervalID['value']);
+      overlays.cancelRequestInterval(this.requestIntervalID['value']);
       this.requestIntervalID['value'] = null;
     }
   }
@@ -898,7 +899,7 @@ const YooFormDynamicComponent = class {
     }
   }
   updateDataFlatten() {
-    this.currentDataFlatten = index$1.slenderizeObject(this._currentData);
+    this.currentDataFlatten = overlays.slenderizeObject(this._currentData);
   }
   /**
    * If the prop focusForm is enabled,
@@ -940,7 +941,7 @@ const YooFormDynamicComponent = class {
   }
   setCountDownTimer() {
     this.hasTimerStarted = true;
-    this.requestIntervalID = index$1.requestInterval(() => {
+    this.requestIntervalID = overlays.requestInterval(() => {
       if (this.innerTimer > 0) {
         this.innerTimer--;
       }
@@ -1062,7 +1063,7 @@ const YooFormDynamicComponent = class {
       const foundIndex = this.inputElements.findIndex((el) => (el === null || el === void 0 ? void 0 : el.name) == fieldName);
       if (foundIndex >= 0) {
         const foundEl = (_c = this.inputElements[foundIndex]) === null || _c === void 0 ? void 0 : _c.el;
-        const parentWrapper = index$1.findParent(foundEl, '.field-placeholder');
+        const parentWrapper = overlays.findParent(foundEl, '.field-placeholder');
         if (parentWrapper && ((_d = parentWrapper.classList) === null || _d === void 0 ? void 0 : _d.contains) && !parentWrapper.classList.contains('last') && this.inputElements[foundIndex + 1]) {
           const nextEl = this.inputElements[foundIndex + 1].el;
           if (nextEl === null || nextEl === void 0 ? void 0 : nextEl.setFocus) {
@@ -1097,7 +1098,7 @@ const YooFormDynamicComponent = class {
     return this.host.classList.contains('in-card');
   }
   onWindowResize() {
-    if (index$1.isAndroid()) {
+    if (overlays.isAndroid()) {
       this.blurOnScroll = false;
     }
     if (this.isWeb) {
@@ -1127,14 +1128,14 @@ const YooFormDynamicComponent = class {
   initReadonlyAndVisible(field, fieldState) {
     fieldState.readonly = formHelpers.isReadonly(field, this.currentData, this.currentDataFlatten, this.suffix, this.session) || this.forceReadonly;
     if (field.secondary) {
-      const visible = index$1.isVisible(field, fieldState.readonly, this.currentData, this.currentDataFlatten, this.suffix, this.session);
-      const withValue = index$1.hasValue(field, this.currentData, this.suffix);
+      const visible = overlays.isVisible(field, fieldState.readonly, this.currentData, this.currentDataFlatten, this.suffix, this.session);
+      const withValue = overlays.hasValue(field, this.currentData, this.suffix);
       fieldState.visible = withValue ? visible : visible && this.getSecondaryFieldState(field).visible === true;
     }
     else {
-      fieldState.visible = index$1.isVisible(field, fieldState.readonly, this.currentData, this.currentDataFlatten, this.suffix, this.session, this.isLivePreview());
+      fieldState.visible = overlays.isVisible(field, fieldState.readonly, this.currentData, this.currentDataFlatten, this.suffix, this.session, this.isLivePreview());
     }
-    fieldState.hasValue = index$1.hasValue(field, this.currentData, this.suffix) || this.isLivePreview();
+    fieldState.hasValue = overlays.hasValue(field, this.currentData, this.suffix) || this.isLivePreview();
   }
   initFieldValidity(field, fieldState) {
     if (!this.fieldHasValue(field) && formHelpers.isRequired(field, this.currentData, this.currentDataFlatten, fieldState.visible, this.suffix, this.session)) {
@@ -1166,7 +1167,7 @@ const YooFormDynamicComponent = class {
         return v && state.visible;
       }, true);
       const hidden = fields.reduce((v, f) => {
-        const isHidden = !index$1.isVisible(f, this.forceReadonly, this.currentData, this.currentDataFlatten, this.suffix, this.session);
+        const isHidden = !overlays.isVisible(f, this.forceReadonly, this.currentData, this.currentDataFlatten, this.suffix, this.session);
         return v && isHidden;
       }, true);
       return { visible, hidden };
@@ -1184,8 +1185,8 @@ const YooFormDynamicComponent = class {
     return slidesState[slideIndex] || {};
   }
   getAutocompleteDialog(ev, values, valuesColor, value) {
-    if (index$1.isWeb(this.host)) {
-      index$1.showContextMenu(ev, {
+    if (overlays.isWeb(this.host)) {
+      overlays.showContextMenu(ev, {
         hostElement: ev.target,
         contentButtons: values.map((v) => {
           var _a;
@@ -1195,7 +1196,7 @@ const YooFormDynamicComponent = class {
             handler: () => {
               this.selectedButtonText = [].concat(v);
               this.workflowButtonTextChanged = true;
-              index$2.forceUpdate(this);
+              index$1.forceUpdate(this);
             }
           });
         })
@@ -1211,7 +1212,7 @@ const YooFormDynamicComponent = class {
       autoCompleteDialog.valuesColor = valuesColor;
       autoCompleteDialog.value = value;
       this.workflowButtonTextChanged = false;
-      index$1.showModal(autoCompleteDialog, { half: true }, null, getModalAnimation('Enter'), getModalAnimation('Leave'), true, false, null).then((ret) => {
+      overlays.showModal(autoCompleteDialog, { half: true }, null, getModalAnimation('Enter'), getModalAnimation('Leave'), true, false, null).then((ret) => {
         var _a;
         if (ret.data && ((_a = ret === null || ret === void 0 ? void 0 : ret.data[0]) === null || _a === void 0 ? void 0 : _a.length)) {
           this.selectedButtonText = [].concat(ret.data);
@@ -1235,10 +1236,10 @@ const YooFormDynamicComponent = class {
       ? (_0 = (_z = (_y = this.currentWorkflowStep) === null || _y === void 0 ? void 0 : _y.actions) === null || _z === void 0 ? void 0 : _z.find((action) => (action === null || action === void 0 ? void 0 : action.type) === 'submit')) === null || _0 === void 0 ? void 0 : _0.text
       : 'SUBMIT';
     return [
-      { key: index$1.translateMulti(rejectKey), value: index$1.getCssColor('danger') },
-      { key: index$1.translateMulti(sendbackKey), value: index$1.getCssColor('warning') },
-      { key: index$1.translateMulti(reassignKey), value: index$1.getCssColor('dark') },
-      { key: index$1.translateMulti(submitKey), value: index$1.getCssColor('success') }
+      { key: overlays.translateMulti(rejectKey), value: overlays.getCssColor('danger') },
+      { key: overlays.translateMulti(sendbackKey), value: overlays.getCssColor('warning') },
+      { key: overlays.translateMulti(reassignKey), value: overlays.getCssColor('dark') },
+      { key: overlays.translateMulti(submitKey), value: overlays.getCssColor('success') }
     ];
   }
   getConfirmHandler(ev) {
@@ -1258,7 +1259,7 @@ const YooFormDynamicComponent = class {
     }
   }
   getElementFromCurrentSlide(selector) {
-    const parentIonScroll = index$1.findParent(this.host, 'yoo-ion-scroll');
+    const parentIonScroll = overlays.findParent(this.host, 'yoo-ion-scroll');
     if (parentIonScroll && !this.isWeb) {
       return parentIonScroll;
     }
@@ -1328,7 +1329,7 @@ const YooFormDynamicComponent = class {
     fields.forEach((f) => {
       const state = this.getSecondaryFieldState(f);
       state.visible = state.visible === true ? false : true;
-      if (fields.some((f) => index$1.hasValue(f, this.currentData, this.suffix))) {
+      if (fields.some((f) => overlays.hasValue(f, this.currentData, this.suffix))) {
         // force visible state for secondary fields with value
         state.visible = true;
       }
@@ -1356,9 +1357,9 @@ const YooFormDynamicComponent = class {
     if (field.allowTime && !this.isLivePreview()) {
       formHelpers.setFieldData(field, new Date(), this.currentData, '.time');
     }
-    const fieldChangedValues = { field, value: index$1.getFieldValue(field, this.currentData, this.suffix), name: this.currentData.name, opValues: this.currentData.opValues };
+    const fieldChangedValues = { field, value: overlays.getFieldValue(field, this.currentData, this.suffix), name: this.currentData.name, opValues: this.currentData.opValues };
     if (field.type === index.FormFieldType.filterautocomplete) {
-      fieldChangedValues.operator = this.filterAutocompleteOperator || index$1.getFieldValue(field, this.currentData, 'operator');
+      fieldChangedValues.operator = this.filterAutocompleteOperator || overlays.getFieldValue(field, this.currentData, 'operator');
     }
     this.dirtyFields.push(field.name);
     if (this.isMarkedAsInvalid(field)) {
@@ -1373,7 +1374,7 @@ const YooFormDynamicComponent = class {
     this.checkValidityAndEmitChanges();
   }
   onGetFormGeoloc() {
-    if (index$1.isNullOrUndefined(this.geoloc) && this.currentData && this.currentData._geoloc) {
+    if (overlays.isNullOrUndefined(this.geoloc) && this.currentData && this.currentData._geoloc) {
       return this.currentData._geoloc;
     }
     else {
@@ -1404,7 +1405,7 @@ const YooFormDynamicComponent = class {
     this.updateLMT(field);
     const el = this.getFieldByCode(field.name);
     if (el) {
-      const container = index$1.findParent(el, 'yoo-form-input-container');
+      const container = overlays.findParent(el, 'yoo-form-input-container');
       container.comments = ev.detail;
     }
     this.checkValidityAndEmitChanges();
@@ -1415,7 +1416,7 @@ const YooFormDynamicComponent = class {
     this.updateLMT(field);
     const el = this.getFieldByCode(field.name);
     if (el) {
-      const container = index$1.findParent(el, 'yoo-form-input-container');
+      const container = overlays.findParent(el, 'yoo-form-input-container');
       container.validationComments = ev.detail;
     }
     this.checkValidityAndEmitChanges();
@@ -1429,7 +1430,7 @@ const YooFormDynamicComponent = class {
     this.updateLMT(field);
     const el = this.getFieldByCode(field.name);
     if (el) {
-      const container = index$1.findParent(el, 'yoo-form-input-container');
+      const container = overlays.findParent(el, 'yoo-form-input-container');
       container.markAsInvalid = ev.detail;
     }
     this.checkValidityAndEmitChanges();
@@ -1470,11 +1471,11 @@ const YooFormDynamicComponent = class {
   onFieldFocused(name, element, type) {
     this.isFieldInSlot = false;
     // The next three lines is a temporary fix for an Ion Header bug
-    if (index$1.isNativeMobile()) {
-      const content = index$1.findParent(this.host, 'yoo-ion-content');
+    if (overlays.isNativeMobile()) {
+      const content = overlays.findParent(this.host, 'yoo-ion-content');
       if (content && content.parentElement) {
         const header = commonHelpers.querySelectorDeep(content.parentElement, 'yoo-header');
-        if (header && index$1.isIOS()) {
+        if (header && overlays.isIOS()) {
           // Account for iOS StatusBar
           header.classList.add('device-min-height');
         }
@@ -1547,7 +1548,7 @@ const YooFormDynamicComponent = class {
                   // we also have to disable the hide from mobile here
                   foundField.hideMobile = false;
                   foundField.readonly = false;
-                  isVisibleProp = index$1.isVisible(foundField, false, Object.assign({ [foundField.name]: { value } }, this.currentData), this.currentDataFlatten, this.suffix, this.session);
+                  isVisibleProp = overlays.isVisible(foundField, false, Object.assign({ [foundField.name]: { value } }, this.currentData), this.currentDataFlatten, this.suffix, this.session);
                 }
                 if (isVisibleProp || !foundField.dontSaveIfHidden) {
                   this.currentData[foundField.name] = { value };
@@ -1587,7 +1588,7 @@ const YooFormDynamicComponent = class {
     }
     else if (field.type === index.FormFieldType.filterautocomplete) {
       this.filterAutocompleteOperator = data;
-      const fieldChangedValues = { field, value: index$1.getFieldValue(field, this.currentData, this.suffix), operator: this.filterAutocompleteOperator };
+      const fieldChangedValues = { field, value: overlays.getFieldValue(field, this.currentData, this.suffix), operator: this.filterAutocompleteOperator };
       this.fieldChanged.emit(fieldChangedValues);
     }
     else {
@@ -1674,7 +1675,7 @@ const YooFormDynamicComponent = class {
     if (formGeoloc && formGeoloc.length === 2 && retVal) {
       if (field.type !== index.FormFieldType.multiphotos) {
         if (retVal._geoloc && retVal._geoloc.length === 2) {
-          retVal.distance = index$1.getDistance(retVal._geoloc[1], retVal._geoloc[0], formGeoloc[1], formGeoloc[0]);
+          retVal.distance = overlays.getDistance(retVal._geoloc[1], retVal._geoloc[0], formGeoloc[1], formGeoloc[0]);
         }
       }
       else {
@@ -1682,7 +1683,7 @@ const YooFormDynamicComponent = class {
           retVal.distance = [];
           retVal._geoloc.forEach((geoloc) => {
             if (geoloc && geoloc.length === 2) {
-              retVal.distance.push(index$1.getDistance(geoloc[1], geoloc[0], formGeoloc[1], formGeoloc[0]));
+              retVal.distance.push(overlays.getDistance(geoloc[1], geoloc[0], formGeoloc[1], formGeoloc[0]));
             }
             else {
               retVal.distance.push(null);
@@ -1779,19 +1780,19 @@ const YooFormDynamicComponent = class {
     });
   }
   slideHasSecondary(slide) {
-    if (this.isKanban() && index$1.isWeb(this.host) && !this.isLivePreview()) {
+    if (this.isKanban() && overlays.isWeb(this.host) && !this.isLivePreview()) {
       return false;
     }
     return !this.forceReadonly && slide.items.some((field) => field.secondary);
   }
   slideHasKanbanSecondary(slide) {
-    return this.isKanban() && index$1.isWeb(this.host) && !this.forceReadonly && slide.items.some((field) => field.secondary);
+    return this.isKanban() && overlays.isWeb(this.host) && !this.forceReadonly && slide.items.some((field) => field.secondary);
   }
   slideHasButton(slide) {
     return !this.forceReadonly && slide.items.some((field) => field.type === index.FormFieldType.button && !field.inline);
   }
   slideHasToolbar(slide) {
-    const web = index$1.isWeb(this.host);
+    const web = overlays.isWeb(this.host);
     return (this.slideHasAdvanced(slide) ||
       this.slideHasSecondary(slide) ||
       this.slideHasButton(slide) ||
@@ -1817,7 +1818,7 @@ const YooFormDynamicComponent = class {
         retVal.advanced = false;
         return retVal;
       });
-      const slides = [{ items: fields, title: index$1.translate('ADVANCED') }];
+      const slides = [{ items: fields, title: overlays.translate('ADVANCED') }];
       let form = document.createElement('yoo-form-dynamic-dialog');
       form.slides = slides;
       form.showTabs = false;
@@ -1828,7 +1829,7 @@ const YooFormDynamicComponent = class {
       form.fieldFetchDataFn = (ev) => {
         this.fieldFetchData.emit(ev);
       };
-      index$1.showModal(form).then((ret) => {
+      overlays.showModal(form).then((ret) => {
         if (ret && ret.data) {
           this.currentData = ret.data;
           this.checkValidityAndEmitChanges();
@@ -1838,7 +1839,7 @@ const YooFormDynamicComponent = class {
     }
   }
   fieldHasValue(field) {
-    return index$1.hasValue(field, this.currentData, this.suffix);
+    return overlays.hasValue(field, this.currentData, this.suffix);
   }
   updateState(calledInWillLoad = false, forceValidationIfData) {
     if (calledInWillLoad) {
@@ -1886,10 +1887,10 @@ const YooFormDynamicComponent = class {
           this.initReadonlyAndVisible(field, fieldState);
           const required = formHelpers.isRequired(field, this.currentData, this.currentDataFlatten, fieldState.visible, this.suffix, this.session);
           if (wasHidden && fieldState.visible) {
-            if (index$1.isFieldWithDirectValue(field) && index$1.isPresent(field.value)) {
+            if (overlays.isFieldWithDirectValue(field) && overlays.isPresent(field.value)) {
               fieldState.hasValue = true;
-              const fieldValue = index$1.getFieldValue(field, this.data, this.suffix);
-              formHelpers.setFieldData(field, !index$1.isNullOrUndefined(fieldValue) ? fieldValue : field.value, this.currentData, this.suffix);
+              const fieldValue = overlays.getFieldValue(field, this.data, this.suffix);
+              formHelpers.setFieldData(field, !overlays.isNullOrUndefined(fieldValue) ? fieldValue : field.value, this.currentData, this.suffix);
               this.updateLMT(field);
               this.setDirty(true);
             }
@@ -1928,10 +1929,10 @@ const YooFormDynamicComponent = class {
             (!field.readonly || field.dontSaveIfHidden) &&
             !hasMarkAsInvalidFields &&
             !this.isFieldReadonlyByInvalidRules(field)
-            && !index$1.isFieldWithNoValue(field)) {
+            && !overlays.isFieldWithNoValue(field)) {
             this.onFieldClear(field, false);
           }
-          if (index$1.isFieldWithNoValue(field) && this.suffix) {
+          if (overlays.isFieldWithNoValue(field) && this.suffix) {
             this.currentData[field.name] = this.currentData[field.name] || {};
             this.currentData[field.name].visible = fieldState.visible;
           }
@@ -1944,10 +1945,10 @@ const YooFormDynamicComponent = class {
           const validityPercentage = totalRequiredFields === 0 ? 100 : (validFields / totalRequiredFields) * 100;
           isValid = isValid && (required && fieldState.visible ? fieldState.validity === true : fieldState.validity !== false);
           slideState[i] = slideState[i] || {};
-          slideState[i].hasValue = slideState[i].hasValue || (!index$1.isFieldWithNoValue(field) && this.fieldHasValue(field));
+          slideState[i].hasValue = slideState[i].hasValue || (!overlays.isFieldWithNoValue(field) && this.fieldHasValue(field));
           slideState[i].validity = this.getSlideValidity(i, isValid);
           slideState[i].validityPercentage = validityPercentage;
-          if (!field.readonly && !index$1.isFieldWithNoValue(field) && fieldState.visible) {
+          if (!field.readonly && !overlays.isFieldWithNoValue(field) && fieldState.visible) {
             total += 1;
             if (field.type === index.FormFieldType.photo) {
               totalPhotos += 1;
@@ -1998,7 +1999,7 @@ const YooFormDynamicComponent = class {
     if (this.focusedField && ev) {
       this.scrollToField(this.focusedField, null, ev.keyboardHeight);
     }
-    if (index$1.isAndroid()) {
+    if (overlays.isAndroid()) {
       const ANDROID_WINDOW_RESIZE = 1000;
       setTimeout(() => {
         this.windowHasFinishedResizing = true;
@@ -2011,7 +2012,7 @@ const YooFormDynamicComponent = class {
     if (scrollSpacer) {
       scrollSpacer.classList.add('bottom-bar');
     }
-    if (!index$1.isAndroid() && !this.isInline()) {
+    if (!overlays.isAndroid() && !this.isInline()) {
       this.setScrollSpacerHeight(100);
     }
     (_a = this.formFooterElement) === null || _a === void 0 ? void 0 : _a.classList.remove('hide');
@@ -2021,7 +2022,7 @@ const YooFormDynamicComponent = class {
     }
   }
   onHideTabbar(ev) {
-    if (index$1.getSession().isExternal || index$1.isWeb(this.host)) {
+    if (overlays.getSession().isExternal || overlays.isWeb(this.host)) {
       return;
     }
     if (this.isMission()) {
@@ -2092,7 +2093,7 @@ const YooFormDynamicComponent = class {
     ev.stopPropagation();
     if (field.datasetFilters) {
       // field.type === FormFieldType.dataset &&
-      field.datasetFilters = index$1.updateDatasetFilters(this.slides, field, this.currentData, this.suffix);
+      field.datasetFilters = overlays.updateDatasetFilters(this.slides, field, this.currentData, this.suffix);
     }
     this.fieldFetchData.emit({ field, search: ev.detail });
   }
@@ -2154,7 +2155,7 @@ const YooFormDynamicComponent = class {
       if (lodash.isArray(slide.condition) && slide.condition.length === 0) {
         return false;
       }
-      const visible = index$1.isVisible(slide, false, this.currentData, this.currentDataFlatten, this.suffix, this.session);
+      const visible = overlays.isVisible(slide, false, this.currentData, this.currentDataFlatten, this.suffix, this.session);
       return !visible;
     }
     else {
@@ -2203,13 +2204,13 @@ const YooFormDynamicComponent = class {
       return;
     }
     const slides = this.getVisibleSlides();
-    const isHeaderVisible = this.isHeaderVisible(slides) && !((_b = this.formExtraOptions) === null || _b === void 0 ? void 0 : _b.hideProgressIndicator) && !(index$1.isWeb(this.host) && this.isLesson());
+    const isHeaderVisible = this.isHeaderVisible(slides) && !((_b = this.formExtraOptions) === null || _b === void 0 ? void 0 : _b.hideProgressIndicator) && !(overlays.isWeb(this.host) && this.isLesson());
     if (isHeaderVisible) {
-      return (index$2.h("div", { class: {
+      return (index$1.h("div", { class: {
           'progress-container': true,
           'progress-bar': this.isSimpleProgressBar(),
           // a css rule has been added to disable some animations on Chrome on iOS devices or Safari to avoid blank page
-          animated: !index$1.isAnimationsDisabled() // we can readd this.isLesson if necessary
+          animated: !overlays.isAnimationsDisabled() // we can readd this.isLesson if necessary
         } }, this.renderProgressContainer()));
     }
   }
@@ -2220,17 +2221,17 @@ const YooFormDynamicComponent = class {
     const currentStep = ((_a = this.slides) === null || _a === void 0 ? void 0 : _a.length) !== ((_b = this.steps) === null || _b === void 0 ? void 0 : _b.length) ? Math.floor((this.activeIndex / 2) + 1) : this.activeIndex + 1;
     if ((slides === null || slides === void 0 ? void 0 : slides.length) > 1) {
       if (this.isSimpleProgressBar()) {
-        return (index$2.h("yoo-progress-bar", { animated: this.animated, value: currentStep, maxValue: this.steps.length, metric: "step" }));
+        return (index$1.h("yoo-progress-bar", { animated: this.animated, value: currentStep, maxValue: this.steps.length, metric: "step" }));
       }
       if (this.activeIndex === 0 && this.showRecap) {
-        return (index$2.h("div", { class: "header-recap" }, index$2.h("div", { class: "summary-title" }, index$1.translate('SUMMARY')), index$2.h("div", { class: "progressbar-wrapper" }, index$2.h("yoo-progress-bar", { class: "recap", animated: this.animated, value: Math.round(this.progress.value || 0) }))));
+        return (index$1.h("div", { class: "header-recap" }, index$1.h("div", { class: "summary-title" }, overlays.translate('SUMMARY')), index$1.h("div", { class: "progressbar-wrapper" }, index$1.h("yoo-progress-bar", { class: "recap", animated: this.animated, value: Math.round(this.progress.value || 0) }))));
       }
       const newClass = { 'more-stable': true, 'app-color': true };
       return this.getProgressIndicator(this.showRecap ? this.activeIndex - 1 : this.activeIndex, newClass);
     }
   }
   getProgressIndicator(activeIndex, classes = {}) {
-    return (index$2.h("yoo-form-progress-indicator", { class: classes, onTitleLinesChanged: () => this.onTitleLinesChanged(), steps: this.steps, currentStep: activeIndex, onStepSelected: (ev) => {
+    return (index$1.h("yoo-form-progress-indicator", { class: classes, onTitleLinesChanged: () => this.onTitleLinesChanged(), steps: this.steps, currentStep: activeIndex, onStepSelected: (ev) => {
         this.goToSlide(ev.detail, true);
         this.slideTransition = 'progress-indicator';
       }, lockIndex: this.lockIndex, displayMode: this.showWizard ? 'number' : 'icon', size: this.showWizard ? 'small' : 'medium', forceMobile: this.forceMobile }));
@@ -2243,7 +2244,7 @@ const YooFormDynamicComponent = class {
     }
     if (this.showRecap !== false && this.activeIndex < 1) {
       return [
-        index$2.h("yoo-ion-scroll", { forceOverscroll: false, class: { 'with-footer': this.shouldRenderFormFooter('recap') && !this.isTabbarHidden } }, index$2.h("div", { class: "flex flex-column" }, slides.map((s, slideIndex) => {
+        index$1.h("yoo-ion-scroll", { forceOverscroll: false, class: { 'with-footer': this.shouldRenderFormFooter('recap') && !this.isTabbarHidden } }, index$1.h("div", { class: "flex flex-column" }, slides.map((s, slideIndex) => {
           var _a;
           let sharedUsers;
           if (this.sharedWith) {
@@ -2252,23 +2253,23 @@ const YooFormDynamicComponent = class {
           if (this.steps[slideIndex]) {
             const invalidFields = (_a = s.items) === null || _a === void 0 ? void 0 : _a.filter((field) => this.isMarkedAsInvalid(field));
             const hasInvalidFields = (invalidFields === null || invalidFields === void 0 ? void 0 : invalidFields.length) > 0;
-            return (index$2.h("yoo-form-recap-step", { class: { 'swiper-no-swiping': !index$1.isNativeMobile(), last: slideIndex === slides.length - 1 }, onClick: () => {
+            return (index$1.h("yoo-form-recap-step", { class: { 'swiper-no-swiping': !overlays.isNativeMobile(), last: slideIndex === slides.length - 1 }, onClick: () => {
                 this.goToSlide(slideIndex, slideIndex < 2);
                 this.slideTransition = 'recap';
-              }, stepNumber: slideIndex + 1, mainTitle: s.title, subTitle: s.description, locked: this.getSlideState(slideIndex).locked, step: this.steps[slideIndex], users: sharedUsers, icon: hasInvalidFields ? 'warning' : null }, hasInvalidFields && index$2.h("div", { class: "field-invalids" }, invalidFields === null || invalidFields === void 0 ? void 0 : invalidFields.map((f) => {
-              const validationComments = index$1.getFieldValue(f, this.currentData, '.validationComments');
-              return index$2.h("div", { class: "field-invalid", onClick: () => {
+              }, stepNumber: slideIndex + 1, mainTitle: s.title, subTitle: s.description, locked: this.getSlideState(slideIndex).locked, step: this.steps[slideIndex], users: sharedUsers, icon: hasInvalidFields ? 'warning' : null }, hasInvalidFields && index$1.h("div", { class: "field-invalids" }, invalidFields === null || invalidFields === void 0 ? void 0 : invalidFields.map((f) => {
+              const validationComments = overlays.getFieldValue(f, this.currentData, '.validationComments');
+              return index$1.h("div", { class: "field-invalid", onClick: () => {
                   this.goToSlide(slideIndex, slideIndex < 2).then(() => {
                     setTimeout(() => {
                       const fieldHTML = this.getFieldByCode(f.name);
                       this.scrollToField(fieldHTML, true);
                     }, 500);
                   });
-                } }, index$2.h("div", { class: "field-invalid-header" }, index$2.h("div", { class: "title" }, f.title || f.name), index$2.h("yoo-icon", { color: "danger", name: "view", size: "small" })), validationComments &&
-                index$2.h("yoo-form-input-comments", { readonly: true, user: this.validationCommentsUser, comments: validationComments }));
+                } }, index$1.h("div", { class: "field-invalid-header" }, index$1.h("div", { class: "title" }, f.title || f.name), index$1.h("yoo-icon", { color: "danger", name: "view", size: "small" })), validationComments &&
+                index$1.h("yoo-form-input-comments", { readonly: true, user: this.validationCommentsUser, comments: validationComments }));
             }))));
           }
-        })), ((_b = this.charts) === null || _b === void 0 ? void 0 : _b.length) > 0 && index$2.h("yoo-mission-score", { class: "light", charts: this.charts })),
+        })), ((_b = this.charts) === null || _b === void 0 ? void 0 : _b.length) > 0 && index$1.h("yoo-mission-score", { class: "light", charts: this.charts })),
         this.renderFormFooter('recap')
       ];
     }
@@ -2283,7 +2284,7 @@ const YooFormDynamicComponent = class {
     var _a, _b, _c, _d, _e, _f;
     const slides = this.getVisibleSlides();
     if (!slides || slides.length === 0) {
-      return (index$2.h("div", { class: "no-slide-container" }, index$2.h("slot", null), index$2.h("slot", { name: "start" })));
+      return (index$1.h("div", { class: "no-slide-container" }, index$1.h("slot", null), index$1.h("slot", { name: "start" })));
     }
     if (this.isRenderFormSlidesWithTab()) {
       if (slides.length > 1) {
@@ -2299,33 +2300,33 @@ const YooFormDynamicComponent = class {
         const selectedSlide = slides[selectedSlideIndex];
         this.setTabSelectedValue(this.selectedTabIndex || 0);
         return [
-          index$2.h("slot", { name: "start-before-tabs" }),
-          index$2.h("yoo-tabs", { class: {
+          index$1.h("slot", { name: "start-before-tabs" }),
+          index$1.h("yoo-tabs", { class: {
               'items-flex-start': true,
               small: true,
               'big-tabs': this.host.classList.contains('big-tabs'),
               'tabs-padding-top': this.host.classList.contains('tabs-padding-top')
             }, vertical: this.showVerticalTabs, showBadges: this.showBadgesVerticalTabs, tabOpenedIndicator: this.tabOpenedIndicator, tabs: this.tabs, autoScroll: this.autoScrollTabs, initialIndex: this.selectedTabIndex || 0, onTabSelected: (ev) => this.onTabSelected(ev) }),
-          index$2.h("div", { class: "main-container" }, index$2.h("slot", { name: "main-top" }), this.renderLeftPanelSecondary(selectedSlide), index$2.h("div", { class: {
+          index$1.h("div", { class: "main-container" }, index$1.h("slot", { name: "main-top" }), this.renderLeftPanelSecondary(selectedSlide), index$1.h("div", { class: {
               'inputs-container-parent': true,
               'grid-flex': !this.showWizard && ((_b = (_a = selectedSlide === null || selectedSlide === void 0 ? void 0 : selectedSlide.items) === null || _a === void 0 ? void 0 : _a.filter((f) => this.getFieldVisibility(f))) === null || _b === void 0 ? void 0 : _b.some((f) => f.type === index.FormFieldType.grid || f.type === index.FormFieldType.audience)),
               'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
               'gridstack-no-scroll': this.useGridstack && this.gridstackItemNoScroll,
-              'lesson-detail-answer': (this.formType === 'lesson' && index$1.isWeb()) && this.showAnswers && !this.lessonStarted
-            }, ref: (el) => (this.inputContainerParent[selectedSlideIndex] = el) }, index$2.h("slot", { name: "before-main-container" }), this.selectedTabIndexState > -1 && this.renderFormContentFields(selectedSlide, selectedSlideIndex, slides.length - 1), ((_c = this.formExtraOptions) === null || _c === void 0 ? void 0 : _c.livePreview) && this.renderToolbar(selectedSlide))),
+              'lesson-detail-answer': (this.formType === 'lesson' && overlays.isWeb()) && this.showAnswers && !this.lessonStarted
+            }, ref: (el) => (this.inputContainerParent[selectedSlideIndex] = el) }, index$1.h("slot", { name: "before-main-container" }), this.selectedTabIndexState > -1 && this.renderFormContentFields(selectedSlide, selectedSlideIndex, slides.length - 1), ((_c = this.formExtraOptions) === null || _c === void 0 ? void 0 : _c.livePreview) && this.renderToolbar(selectedSlide))),
           !this.host.classList.contains('no-slide-bottom-toolbar') && this.renderToolbar(selectedSlide)
         ];
       }
       else if (slides.length === 1) {
         return [
-          index$2.h("slot", { name: "start-before-tabs" }),
-          index$2.h("div", { class: "main-container" }, this.renderLeftPanelSecondary(slides[0]), index$2.h("div", { class: {
+          index$1.h("slot", { name: "start-before-tabs" }),
+          index$1.h("div", { class: "main-container" }, this.renderLeftPanelSecondary(slides[0]), index$1.h("div", { class: {
               'inputs-container-parent': true,
               'grid-flex': !this.showWizard && ((_f = (_e = (_d = slides[0]) === null || _d === void 0 ? void 0 : _d.items) === null || _e === void 0 ? void 0 : _e.filter((f) => this.getFieldVisibility(f))) === null || _f === void 0 ? void 0 : _f.some((f) => f.type === index.FormFieldType.grid || f.type === index.FormFieldType.audience)),
               'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
               'gridstack-no-scroll': this.useGridstack && this.gridstackItemNoScroll,
-              'lesson-detail-answer': this.formType === 'lesson' && index$1.isWeb() && this.showAnswers && !this.lessonStarted
-            }, ref: (el) => (this.inputContainerParent[0] = el) }, index$2.h("slot", { name: "before-main-container" }), this.renderFormContentFields(slides[0], 0, slides.length - 1))),
+              'lesson-detail-answer': this.formType === 'lesson' && overlays.isWeb() && this.showAnswers && !this.lessonStarted
+            }, ref: (el) => (this.inputContainerParent[0] = el) }, index$1.h("slot", { name: "before-main-container" }), this.renderFormContentFields(slides[0], 0, slides.length - 1))),
           !this.host.classList.contains('no-slide-bottom-toolbar') && this.renderToolbar(slides[0])
         ];
       }
@@ -2341,8 +2342,8 @@ const YooFormDynamicComponent = class {
     const isHeaderVisible = this.isHeaderVisible(slides);
     let bannerRef;
     return [
-      totalInvalidFields > 0 && index$2.h("yoo-banner", { ref: (el) => (bannerRef = el), fill: true, leftIcon: { name: 'warning' }, closable: true, onCloseClick: () => bannerRef.close() }, index$2.h("p", { slot: "content" }, index$1.translate('WARNINGNOTCOMPLIANTFIELDS', { smart_count: totalInvalidFields }))),
-      index$2.h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), navigation: false, initialSlide: this.selectedTabIndex || 0, options: this.slidesOptions, onIonSlideTransitionEnd: (ev) => this.onIonSlideTransitionEnd(ev), onIonSlideTouchEnd: (ev) => this.onIonSlideTouchEnd(ev), class: { 'has-header': isHeaderVisible } }, this.showRecap !== false ? index$2.h("yoo-ion-slide", { class: "recap" }, " ", this.renderRecap(), " ") : null, slides.map((slide, slideIndex) => (index$2.h("yoo-ion-slide", { class: {
+      totalInvalidFields > 0 && index$1.h("yoo-banner", { ref: (el) => (bannerRef = el), fill: true, leftIcon: { name: 'warning' }, closable: true, onCloseClick: () => bannerRef.close() }, index$1.h("p", { slot: "content" }, overlays.translate('WARNINGNOTCOMPLIANTFIELDS', { smart_count: totalInvalidFields }))),
+      index$1.h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), navigation: false, initialSlide: this.selectedTabIndex || 0, options: this.slidesOptions, onIonSlideTransitionEnd: (ev) => this.onIonSlideTransitionEnd(ev), onIonSlideTouchEnd: (ev) => this.onIonSlideTouchEnd(ev), class: { 'has-header': isHeaderVisible } }, this.showRecap !== false ? index$1.h("yoo-ion-slide", { class: "recap" }, " ", this.renderRecap(), " ") : null, slides.map((slide, slideIndex) => (index$1.h("yoo-ion-slide", { class: {
           'flex-column': true,
           'dynamic': this.showTabs,
           'bg-light': !this.showTabs,
@@ -2355,13 +2356,13 @@ const YooFormDynamicComponent = class {
     var _a;
     const fields = (_a = slide === null || slide === void 0 ? void 0 : slide.items) === null || _a === void 0 ? void 0 : _a.filter((f) => f.secondary);
     const extraButtons = this.getExtraButtonsVisible();
-    if (this.isKanban() && index$1.isWeb(this.host) && !this.isLivePreview()) {
-      return ((this.slideHasKanbanSecondary(slide) || (extraButtons === null || extraButtons === void 0 ? void 0 : extraButtons.length) > 0) && (index$2.h("div", { class: "left-panel-secondary" }, this.slideHasKanbanSecondary(slide) && (index$2.h("div", { class: "secondary-fields-container" }, fields.length > 0 && index$2.h("div", { class: "secondary-category" }, index$1.translate('ADDTOCARD')), fields.map((field) => {
+    if (this.isKanban() && overlays.isWeb(this.host) && !this.isLivePreview()) {
+      return ((this.slideHasKanbanSecondary(slide) || (extraButtons === null || extraButtons === void 0 ? void 0 : extraButtons.length) > 0) && (index$1.h("div", { class: "left-panel-secondary" }, this.slideHasKanbanSecondary(slide) && (index$1.h("div", { class: "secondary-fields-container" }, fields.length > 0 && index$1.h("div", { class: "secondary-category" }, overlays.translate('ADDTOCARD')), fields.map((field) => {
         var _a;
         const state = this.getSecondaryFieldState(field);
         const icon = ((_a = field.icon) === null || _a === void 0 ? void 0 : _a.substring(0, 3)) === 'yo-' ? field.icon.substring(3, field.icon.length) : field.icon;
-        return (!state.hidden && (index$2.h("div", { class: "secondary-field", onClick: () => this.onToggleSecondaryField(field, slide, false) }, index$2.h("yoo-icon", { size: "medium", name: icon || 'campaign', color: state.visible ? 'app-color' : 'stable' }), index$2.h("span", { class: "title" }, index$1.translateMulti(field.title || field.name.toUpperCase())))));
-      }))), (extraButtons === null || extraButtons === void 0 ? void 0 : extraButtons.length) > 0 && (index$2.h("div", { class: "secondary-fields-container" }, index$2.h("div", { class: "secondary-category" }, index$1.translate('SECONDARYACTIONS')), this.renderExtraButtons('secondary-actions', 'icon-align-left'))))));
+        return (!state.hidden && (index$1.h("div", { class: "secondary-field", onClick: () => this.onToggleSecondaryField(field, slide, false) }, index$1.h("yoo-icon", { size: "medium", name: icon || 'campaign', color: state.visible ? 'app-color' : 'stable' }), index$1.h("span", { class: "title" }, overlays.translateMulti(field.title || field.name.toUpperCase())))));
+      }))), (extraButtons === null || extraButtons === void 0 ? void 0 : extraButtons.length) > 0 && (index$1.h("div", { class: "secondary-fields-container" }, index$1.h("div", { class: "secondary-category" }, overlays.translate('SECONDARYACTIONS')), this.renderExtraButtons('secondary-actions', 'icon-align-left'))))));
     }
   }
   getFormClasses(slideIndex, slide) {
@@ -2404,8 +2405,8 @@ const YooFormDynamicComponent = class {
     let isFieldVisible = false;
     const fieldState = getFieldState(field, this.fieldsState);
     const readonly = fieldState.readonly || this.forceReadonly;
-    const withValue = index$1.hasValue(field, this.currentData, this.suffix) || this.isLivePreview();
-    const visible = index$1.isVisible(field, fieldState.readonly, this.currentData, this.currentDataFlatten, this.suffix, this.session);
+    const withValue = overlays.hasValue(field, this.currentData, this.suffix) || this.isLivePreview();
+    const visible = overlays.isVisible(field, fieldState.readonly, this.currentData, this.currentDataFlatten, this.suffix, this.session);
     // const visible = isVisible(field, readonly, this.currentData, this.suffix, this.session);
     // const required = isRequired(field, this.currentData, visible, this.suffix, this.session);
     isFieldVisible = !field.advanced && visible;
@@ -2452,17 +2453,17 @@ const YooFormDynamicComponent = class {
     formFooterType = this.isLessonPreview() ? 'next' : formFooterType;
     const relativeActiveIndex = this.showRecap ? this.activeIndex - 1 : this.activeIndex;
     return [
-      this.shouldRenderSlideContent(slide, slideIndex) ? (index$2.h("div", { class: {
+      this.shouldRenderSlideContent(slide, slideIndex) ? (index$1.h("div", { class: {
           'flex': true,
           'slide-container': this.showTabs,
           'slide-container no-shadow': !this.showTabs,
           'zoomed': this.getSlideState(slideIndex).zoomed
-        }, style: { display: this.isCurrentSlide(slideIndex) ? undefined : 'none' } }, index$2.h("form", { class: this.getFormClasses(slideIndex, slide), onSubmit: () => false }, index$2.h("yoo-ion-scroll", { ref: (el) => (this.scrollElements[slideIndex] = el), class: {
+        }, style: { display: this.isCurrentSlide(slideIndex) ? undefined : 'none' } }, index$1.h("form", { class: this.getFormClasses(slideIndex, slide), onSubmit: () => false }, index$1.h("yoo-ion-scroll", { ref: (el) => (this.scrollElements[slideIndex] = el), class: {
           // 'swiper-no-swiping': slideLength === 1,
           'flex flex-grid': ((_b = slide === null || slide === void 0 ? void 0 : slide.items) === null || _b === void 0 ? void 0 : _b.length) === 1 && slide.items[0].type === index.FormFieldType.grid,
           'no-scrollbar': this.isLessonPreview(),
           'with-footer': this.shouldRenderFormFooter(formFooterType, slideIndex, lastUnlockedSlideIndex)
-        }, forceOverscroll: false, scrollEvents: true, onIonScroll: (ev) => this.onIonScroll(ev), onHideTabbar: (ev) => this.onHideTabbar(ev), onIonScrollEnd: () => this.onIonScrollEnd() }, this.renderFormContentFields(slide, slideIndex, slideLength))), !this.host.classList.contains('no-slide-bottom-toolbar') && this.renderToolbar(slide))) : (index$2.h("div", { class: {
+        }, forceOverscroll: false, scrollEvents: true, onIonScroll: (ev) => this.onIonScroll(ev), onHideTabbar: (ev) => this.onHideTabbar(ev), onIonScrollEnd: () => this.onIonScrollEnd() }, this.renderFormContentFields(slide, slideIndex, slideLength))), !this.host.classList.contains('no-slide-bottom-toolbar') && this.renderToolbar(slide))) : (index$1.h("div", { class: {
           'flex slide-container': true,
           'no-shadow': !this.showTabs
         }, style: { display: 'none' } })),
@@ -2475,16 +2476,16 @@ const YooFormDynamicComponent = class {
     return lodash.groupBy(sectionFields, areaName);
   }
   isMarkedAsInvalid(field) {
-    return index$1.getFieldValue(field, this.currentData, '.markAsInvalid');
+    return overlays.getFieldValue(field, this.currentData, '.markAsInvalid');
   }
   isOriginalMarkedAsInvalid(field) {
-    return index$1.getFieldValue(field, this.currentData, '.originalMarkAsInvalid');
+    return overlays.getFieldValue(field, this.currentData, '.originalMarkAsInvalid');
   }
   isMarkedAsModified(field) {
-    return index$1.getFieldValue(field, this.currentData, '.markAsModified');
+    return overlays.getFieldValue(field, this.currentData, '.markAsModified');
   }
   hasValidationComments(field) {
-    return !!index$1.getFieldValue(field, this.currentData, '.validationComments');
+    return !!overlays.getFieldValue(field, this.currentData, '.validationComments');
   }
   markAsInvalid(field, state) {
     formHelpers.setFieldData(field, state, this.currentData, '.markAsInvalid');
@@ -2503,7 +2504,7 @@ const YooFormDynamicComponent = class {
     var _a;
     const markAsInvalid = this.isMarkedAsInvalid(field);
     const originalMarkAsInvalid = this.isOriginalMarkedAsInvalid(field);
-    return this.limitToMarkAsInvalid && !markAsInvalid && !originalMarkAsInvalid && index$1.hasValue(field, this.currentData, this.suffix) && !(((_a = this.dirtyFields) === null || _a === void 0 ? void 0 : _a.indexOf(field.name)) >= 0);
+    return this.limitToMarkAsInvalid && !markAsInvalid && !originalMarkAsInvalid && overlays.hasValue(field, this.currentData, this.suffix) && !(((_a = this.dirtyFields) === null || _a === void 0 ? void 0 : _a.indexOf(field.name)) >= 0);
   }
   cleanHiddenReadonlyFieldsByInvalidRules() {
     var _a;
@@ -2543,8 +2544,8 @@ const YooFormDynamicComponent = class {
     fields = fields.filter((f) => !f.section && !f.group);
     const TagType = this.useGridstack ? 'yoo-gridstack' : 'div';
     return [
-      slideIndex === 0 && index$2.h("slot", { name: "start" }),
-      index$2.h(TagType, { key: 'slide-' + slideIndex, class: {
+      slideIndex === 0 && index$1.h("slot", { name: "start" }),
+      index$1.h(TagType, { key: 'slide-' + slideIndex, class: {
           'inputs-container': true,
           'label-top-aligned': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('label-top-aligned'),
           'full-height': !!slide.items.filter((field) => [index.FormFieldType.imagecollection, index.FormFieldType.reveal].includes(field.type)).length,
@@ -2559,7 +2560,7 @@ const YooFormDynamicComponent = class {
           'gap': this.isInlineNarrow() // || fields?.some((f) => f.flex > 0)
         }, config: ((_d = this.gridstackConfig) === null || _d === void 0 ? void 0 : _d.length) > slideIndex ? this.gridstackConfig[slideIndex] : null, static: this.gridstackStatic, resizable: this.gridstackResizable, float: this.gridstackFloat, cellHeight: this.gridstackCellHeight, autoHeight: this.useGridstack ? true : null, forceGridLines: this.gridstackForceGridLines, allowEdit: this.gridstackAllowEdit, allowDelete: this.gridstackAllowDelete, forceLoader: this.gridstackForceLoader, margin: 10, ref: (el) => {
           this.gridStacks[slideIndex] = el;
-        }, onConfigUpdated: (ev) => this.onGridstackConfigUpdated(ev, slideIndex), onItemDropped: (ev) => this.onGridstackItemDropped(ev, slideIndex), onItemEdited: (ev) => this.onGridstackItemEdited(ev, slideIndex), onItemClicked: (ev) => this.onGridstackItemClicked(ev, slideIndex), onItemRemoved: (ev) => this.onGridstackItemRemoved(ev, slideIndex) }, slideIndex === 0 ? index$2.h("slot", null) : null, this.renderDetailComponent(), fields.map((field, inputIndex) => {
+        }, onConfigUpdated: (ev) => this.onGridstackConfigUpdated(ev, slideIndex), onItemDropped: (ev) => this.onGridstackItemDropped(ev, slideIndex), onItemEdited: (ev) => this.onGridstackItemEdited(ev, slideIndex), onItemClicked: (ev) => this.onGridstackItemClicked(ev, slideIndex), onItemRemoved: (ev) => this.onGridstackItemRemoved(ev, slideIndex) }, slideIndex === 0 ? index$1.h("slot", null) : null, this.renderDetailComponent(), fields.map((field, inputIndex) => {
         const previousField = this.findPreviousVisibleField(inputIndex, fields);
         return this.renderFormContentField({
           field,
@@ -2580,12 +2581,12 @@ const YooFormDynamicComponent = class {
           const fieldWithSectionIcon = fieldsPerSections[section].find((field) => { var _a; return this.getFieldVisibility(field) && ((_a = field.sectionIcon) === null || _a === void 0 ? void 0 : _a.length); });
           const subfieldsPerSections = this.getFieldsPerArea(fieldsPerSections[section], 'subSection');
           return [
-            fieldWithSectionHeader && (index$2.h("div", { class: { 'section-header': true, readonly: this.forceReadonly }, innerHTML: index$1.translateMulti(fieldWithSectionHeader.sectionHeader) })),
-            visible && (index$2.h("yoo-collapsible", { isPdf: this.isPdf, collapsed: !this.isPdf && !this.forceCollapsibleOpen && !fieldsPerSections[section].some((field) => field.sectionExpanded), class: {
+            fieldWithSectionHeader && (index$1.h("div", { class: { 'section-header': true, readonly: this.forceReadonly }, innerHTML: overlays.translateMulti(fieldWithSectionHeader.sectionHeader) })),
+            visible && (index$1.h("yoo-collapsible", { isPdf: this.isPdf, collapsed: !this.isPdf && !this.forceCollapsibleOpen && !fieldsPerSections[section].some((field) => field.sectionExpanded), class: {
                 'form': true,
                 'padding': !this.showVerticalTabs && !this.forceReadonly,
                 'no-scroll': this.useGridstack && this.gridstackItemNoScroll
-              }, icon: fieldWithSectionIcon === null || fieldWithSectionIcon === void 0 ? void 0 : fieldWithSectionIcon.sectionIcon, iconColor: "dark", iconSize: "medium", header: index$1.translate(section), style: { zIndex: fieldsPerSections[section].some((field) => field.type === index.FormFieldType.querybuilder) ? '1' : undefined }, slot: this.useGridstack ? section : null }, fieldsPerSections[section].map((field, i) => {
+              }, icon: fieldWithSectionIcon === null || fieldWithSectionIcon === void 0 ? void 0 : fieldWithSectionIcon.sectionIcon, iconColor: "dark", iconSize: "medium", header: overlays.translate(section), style: { zIndex: fieldsPerSections[section].some((field) => field.type === index.FormFieldType.querybuilder) ? '1' : undefined }, slot: this.useGridstack ? section : null }, fieldsPerSections[section].map((field, i) => {
               const previousField = this.findPreviousVisibleField(i, fieldsPerSections[section]);
               return !field.subSection && this.renderFormContentField({
                 field,
@@ -2600,13 +2601,13 @@ const YooFormDynamicComponent = class {
             }), (_a = lodash.keys(subfieldsPerSections)) === null || _a === void 0 ? void 0 :
               _a.map((subsection) => {
                 const subvisible = subfieldsPerSections[subsection].some((field) => this.getFieldVisibility(field));
-                return subvisible && index$2.h("yoo-collapsible", { isPdf: this.isPdf, collapsed: !this.isPdf && !this.forceCollapsibleOpen && !subfieldsPerSections[subsection].some((field) => field.subSectionExpanded), class: {
+                return subvisible && index$1.h("yoo-collapsible", { isPdf: this.isPdf, collapsed: !this.isPdf && !this.forceCollapsibleOpen && !subfieldsPerSections[subsection].some((field) => field.subSectionExpanded), class: {
                     'form': true,
                     'subform': true,
                     'text-color': !this.isPdf,
                     'padding': !this.showVerticalTabs && !this.forceReadonly,
                     'no-scroll': this.useGridstack && this.gridstackItemNoScroll
-                  }, arrowColor: "text-color", iconColor: "text-color", iconSize: "medium", header: index$1.translate(subsection), style: { zIndex: subfieldsPerSections[subsection].some((field) => field.type === index.FormFieldType.querybuilder) ? '1' : undefined }, slot: this.useGridstack ? subsection : null }, subfieldsPerSections[subsection].map((field, i) => {
+                  }, arrowColor: "text-color", iconColor: "text-color", iconSize: "medium", header: overlays.translate(subsection), style: { zIndex: subfieldsPerSections[subsection].some((field) => field.type === index.FormFieldType.querybuilder) ? '1' : undefined }, slot: this.useGridstack ? subsection : null }, subfieldsPerSections[subsection].map((field, i) => {
                   const previousField = this.findPreviousVisibleField(i, subfieldsPerSections[subsection]);
                   return this.renderFormContentField({
                     field,
@@ -2625,8 +2626,9 @@ const YooFormDynamicComponent = class {
         _f.map((group) => {
           let inputIndex = 0;
           return [
-            index$2.h("div", { class: {
+            index$1.h("div", { class: {
                 'field-placeholder': true,
+                'animated': this.animated !== false,
                 'group': true,
                 'no-scroll': this.useGridstack && this.gridstackItemNoScroll
               }, slot: this.useGridstack ? group : null }, fieldsPerGroup[group].map((field) => {
@@ -2640,7 +2642,7 @@ const YooFormDynamicComponent = class {
               });
             }))
           ];
-        }), slideIndex === 0 ? index$2.h("slot", { name: "end-fields" }) : null, slideIndex === 0 && !(this.isKanban() && index$1.isWeb(this.host)) ? this.renderExtraButtons() : null, slideIndex === 0 ? (index$2.h("div", { class: "slot-container-after" }, index$2.h("slot", { name: "end" }))) : null, this.scrollable !== false && !this.isInline() && !this.isInlineRowNarrow() ? index$2.h("div", { class: "scroll-spacer" }) : null, !this.forceReadonly && !this.isInline() && !this.isInlineRowNarrow() && (slideIndex === slideLength || this.getSlideState(slideIndex).validity) ? (index$2.h("div", { class: "footer-spacer" })) : null, this.isInline() && !this.isInlineNarrow() && !this.isInlineRowNarrow() && lodash.range(4).map(() => index$2.h("div", { class: "field-placeholder field-placeholder-empty" })))
+        }), slideIndex === 0 ? index$1.h("slot", { name: "end-fields" }) : null, slideIndex === 0 && !(this.isKanban() && overlays.isWeb(this.host)) ? this.renderExtraButtons() : null, slideIndex === 0 ? (index$1.h("div", { class: "slot-container-after" }, index$1.h("slot", { name: "end" }))) : null, this.scrollable !== false && !this.isInline() && !this.isInlineRowNarrow() ? index$1.h("div", { class: "scroll-spacer" }) : null, !this.forceReadonly && !this.isInline() && !this.isInlineRowNarrow() && (slideIndex === slideLength || this.getSlideState(slideIndex).validity) ? (index$1.h("div", { class: "footer-spacer" })) : null, this.isInline() && !this.isInlineNarrow() && !this.isInlineRowNarrow() && lodash.range(4).map(() => index$1.h("div", { class: "field-placeholder field-placeholder-empty" })))
     ];
   }
   renderFormContentField({ field, inputIndex, slideIndex, slideItems, isPreviousFieldReadonlyAndVisible, previousField, slideLength, collapsible, useGridstack }) {
@@ -2650,9 +2652,9 @@ const YooFormDynamicComponent = class {
     const markAsModified = this.isMarkedAsModified(field);
     const originalMarkAsInvalid = this.isOriginalMarkedAsInvalid(field);
     const readonly = getFieldState(field, this.fieldsState).readonly || this.forceReadonly || (hasMarkAsInvalidFields && this.isFieldReadonlyByInvalidRules(field));
-    const comments = index$1.getFieldValue(field, this.currentData, '.comments');
-    const validationComments = index$1.getFieldValue(field, this.currentData, '.validationComments');
-    const time = this.forceReadonly ? index$1.getFieldValue(field, this.currentData, '.time') : null;
+    const comments = overlays.getFieldValue(field, this.currentData, '.comments');
+    const validationComments = overlays.getFieldValue(field, this.currentData, '.validationComments');
+    const time = this.forceReadonly ? overlays.getFieldValue(field, this.currentData, '.time') : null;
     const isFieldVisible = this.getFieldVisibility(field);
     const fieldState = getFieldState(field, this.fieldsState);
     const required = formHelpers.isRequired(field, this.currentData, this.currentDataFlatten, fieldState.visible, this.suffix, this.session);
@@ -2701,7 +2703,7 @@ const YooFormDynamicComponent = class {
     let isPdfMultiplePhotos = false;
     const isPdfPhotoFields = this.isPdf && (field.type === index.FormFieldType.multiphotos || field.type === index.FormFieldType.image);
     if (isPdfPhotoFields) {
-      const value = (((_a = field === null || field === void 0 ? void 0 : field.imagesCarousel) === null || _a === void 0 ? void 0 : _a.length) > 0 ? field.imagesCarousel : undefined) || index$1.getFieldValue(field, this.data, this.suffix);
+      const value = (((_a = field === null || field === void 0 ? void 0 : field.imagesCarousel) === null || _a === void 0 ? void 0 : _a.length) > 0 ? field.imagesCarousel : undefined) || overlays.getFieldValue(field, this.data, this.suffix);
       isPdfMultiplePhotos = (value === null || value === void 0 ? void 0 : value.length) > 1;
     }
     const inputFn = (slots) => {
@@ -2712,7 +2714,7 @@ const YooFormDynamicComponent = class {
       ];
     };
     const slideTitle = () => {
-      return index$2.h("div", { class: "slide-title" }, index$1.translateMulti(field.slideTitle));
+      return index$1.h("div", { class: "slide-title" }, overlays.translateMulti(field.slideTitle));
     };
     const renderSlideTitle = this.forceReadonly && isFieldVisible && this.isPdf && !this.hidePageTitle && slideLength === 0 && (!this.printedSlideTitle || this.printedSlideTitle !== field.slideTitle);
     if (renderSlideTitle) {
@@ -2770,16 +2772,17 @@ const YooFormDynamicComponent = class {
     }
     const answer = this.getAnswer(field);
     const isAnswer = !!answer && this.forceReadonly;
-    const isAnswerValid = index$1.answerIsValid(index$1.getFieldValue(field, this.currentData, this.suffix), answer, field);
+    const isAnswerValid = overlays.answerIsValid(overlays.getFieldValue(field, this.currentData, this.suffix), answer, field);
     const hasConfidenceLevel = this.forceReadonly && ((_c = (_b = this.currentData) === null || _b === void 0 ? void 0 : _b[field.name]) === null || _c === void 0 ? void 0 : _c.confidenceLevel);
     const fieldContent = () => {
       var _a;
       return [
         renderSlideTitle && !isPdfMultiplePhotos && slideTitle(),
-        isAnswer && !!previousField && index$2.h("hr", { class: "answer-separator" }),
-        field.startNewLine && index$2.h("div", { class: "field-placeholder-break" }),
-        isFieldVisible && index$2.h("div", { class: {
+        isAnswer && !!previousField && index$1.h("hr", { class: "answer-separator" }),
+        field.startNewLine && index$1.h("div", { class: "field-placeholder-break" }),
+        isFieldVisible && index$1.h("div", { class: {
             'field-placeholder': true,
+            'animated': this.animated !== false,
             'collapsible': collapsible,
             'custom-width': field.width > 0,
             'invisible': !isFieldVisible,
@@ -2788,16 +2791,16 @@ const YooFormDynamicComponent = class {
             'information': field.type === index.FormFieldType.information,
             'last': last,
             'disable-input-container': field.disableInputContainer,
-            'html': field.type === index.FormFieldType.textarea && field.language === 'html' && index$1.isWeb(this.host),
+            'html': field.type === index.FormFieldType.textarea && field.language === 'html' && overlays.isWeb(this.host),
             'no-break': !isPdfMultiplePhotos && ![index.FormFieldType.selectmulti, index.FormFieldType.selectbuttons, index.FormFieldType.catalog].includes(field === null || field === void 0 ? void 0 : field.type),
-            'lesson-detail-answer-field': this.formType === 'lesson' && index$1.isWeb(),
+            'lesson-detail-answer-field': this.formType === 'lesson' && overlays.isWeb(),
             [fieldClass]: !!fieldClass && !renderSlideTitle,
             [field.mode]: field.mode && (field.type === index.FormFieldType.document || field.type === index.FormFieldType.image || field.type === index.FormFieldType.podcast),
             [field.type]: true
-          }, style: this.isInlineRow() || this.isInlineRowNarrow() ? inlineStyle : style }, !!(header === null || header === void 0 ? void 0 : header.length) && isFieldVisible && index$2.h("div", { class: { 'field-header': true }, style: field.headerStyle, innerHTML: index$1.translateMulti(header) }), isFieldVisible
+          }, style: this.isInlineRow() || this.isInlineRowNarrow() ? inlineStyle : style }, !!(header === null || header === void 0 ? void 0 : header.length) && isFieldVisible && index$1.h("div", { class: { 'field-header': true }, style: field.headerStyle, innerHTML: overlays.translateMulti(header) }), isFieldVisible
           ? [
-            isAnswer && index$2.h("p", { class: { 'answer-validity': true, valid: isAnswerValid, invalid: !isAnswerValid } }, index$1.translate(isAnswerValid ? 'CORRECT' : 'INCORRECT')),
-            field.disableInputContainer ? (index$2.h("div", { class: { 'input-container': true } }, this.renderInput({ field, data: this.currentData, slideIndex, slideItems, inputIndex, readonly, previousField }), this.renderTranslation(field))) : (index$2.h("yoo-form-input-container", { class: {
+            isAnswer && index$1.h("p", { class: { 'answer-validity': true, valid: isAnswerValid, invalid: !isAnswerValid } }, overlays.translate(isAnswerValid ? 'CORRECT' : 'INCORRECT')),
+            field.disableInputContainer ? (index$1.h("div", { class: { 'input-container': true } }, this.renderInput({ field, data: this.currentData, slideIndex, slideItems, inputIndex, readonly, previousField }), this.renderTranslation(field))) : (index$1.h("yoo-form-input-container", { class: {
                 'custom-width': field.width > 0,
                 'inline-row': this.isInlineRow(),
                 'label-right-aligned': this.isLabelRightAligned(),
@@ -2816,15 +2819,15 @@ const YooFormDynamicComponent = class {
                 'pdf': this.isPdf,
                 [field.type]: true,
                 [(field === null || field === void 0 ? void 0 : field.extraClass) || '']: true
-              }, style: field.containerStyle, slotInputConfig: isPdfMultiplePhotos ? slotInputConfig : null, field: field, required: required, readonly: readonly, allowFieldValidation: this.allowFieldValidation, commentsUser: this.commentsUser, validationCommentsUser: this.validationCommentsUser, hideComplianceTags: this.hideComplianceTags, forceReadonly: this.forceReadonly, forceDescription: this.forceDescription, comments: comments, validationComments: validationComments, markAsInvalid: markAsInvalid, markAsModified: markAsModified, originalMarkAsInvalid: originalMarkAsInvalid, time: time, size: this.formInputSize, showDefaultInstructions: this.isLesson(), onCommented: (ev) => this.onFieldCommented(ev, field), onValidationCommented: (ev) => this.onFieldValidationCommented(ev, field), onValidationMarkAsInvalid: (ev) => this.onFieldValidationMarkAsInvalid(ev, field), hideOptional: this.hideOptional || field.hideOptional || index$1.isFieldWithNoValue(field), onCommentFocused: (ev) => this.onFieldFocused(null, ev.detail), onHeaderClicked: (ev) => {
+              }, style: field.containerStyle, slotInputConfig: isPdfMultiplePhotos ? slotInputConfig : null, field: field, required: required, readonly: readonly, allowFieldValidation: this.allowFieldValidation, commentsUser: this.commentsUser, validationCommentsUser: this.validationCommentsUser, hideComplianceTags: this.hideComplianceTags, forceReadonly: this.forceReadonly, forceDescription: this.forceDescription, comments: comments, validationComments: validationComments, markAsInvalid: markAsInvalid, markAsModified: markAsModified, originalMarkAsInvalid: originalMarkAsInvalid, time: time, size: this.formInputSize, showDefaultInstructions: this.isLesson(), onCommented: (ev) => this.onFieldCommented(ev, field), onValidationCommented: (ev) => this.onFieldValidationCommented(ev, field), onValidationMarkAsInvalid: (ev) => this.onFieldValidationMarkAsInvalid(ev, field), hideOptional: this.hideOptional || field.hideOptional || overlays.isFieldWithNoValue(field), onCommentFocused: (ev) => this.onFieldFocused(null, ev.detail), onHeaderClicked: (ev) => {
                 ev.stopPropagation();
                 this.onFormContainerClicked(slideIndex, inputIndex);
-              }, onRemoved: (ev) => this.onFieldRemoved(ev), isLesson: this.isLesson(), isPreview: this.isLessonPreview(), animated: index$1.isAnimationsDisabled() ? false : this.animated, fullscreen: this.isFullscreenFieldType(field.type) }, !isPdfMultiplePhotos && inputFn())),
+              }, onRemoved: (ev) => this.onFieldRemoved(ev), isLesson: this.isLesson(), isPreview: this.isLessonPreview(), animated: overlays.isAnimationsDisabled() ? false : this.animated, fullscreen: this.isFullscreenFieldType(field.type) }, !isPdfMultiplePhotos && inputFn())),
             !this.forceHistory && this.renderHistory(field, slideIndex, slideItems, inputIndex),
             isAnswer &&
               (field.explanation || field.explanationDocument) && [
-              index$2.h("hr", { class: "answer-explanation-separator" }),
-              index$2.h("yoo-form-explanation", { answer: lodash.isString(answer) || lodash.isNumber(answer) ? answer : undefined, document: field.explanationDocument, text: field.explanation })
+              index$1.h("hr", { class: "answer-explanation-separator" }),
+              index$1.h("yoo-form-explanation", { answer: lodash.isString(answer) || lodash.isNumber(answer) ? answer : undefined, document: field.explanationDocument, text: field.explanation })
             ],
             hasConfidenceLevel && this.renderConfidenceFeedback((_a = this.currentData) === null || _a === void 0 ? void 0 : _a[field.name])
           ]
@@ -2832,7 +2835,7 @@ const YooFormDynamicComponent = class {
       ];
     };
     if (useGridstack) {
-      return index$2.h("div", { class: { 'no-scroll': this.useGridstack && this.gridstackItemNoScroll }, slot: field.name }, fieldContent());
+      return index$1.h("div", { class: { 'no-scroll': this.useGridstack && this.gridstackItemNoScroll }, slot: field.name }, fieldContent());
     }
     else if (this.isPdf && renderSlideTitle) {
       const pdfClass = {
@@ -2840,7 +2843,7 @@ const YooFormDynamicComponent = class {
         break: isPdfMultiplePhotos || [index.FormFieldType.selectbuttons, index.FormFieldType.catalog].includes(field === null || field === void 0 ? void 0 : field.type),
         [fieldClass]: !!fieldClass
       };
-      return index$2.h("div", { class: pdfClass, style: fieldStyle }, fieldContent());
+      return index$1.h("div", { class: pdfClass, style: fieldStyle }, fieldContent());
     }
     else {
       return fieldContent();
@@ -2851,7 +2854,7 @@ const YooFormDynamicComponent = class {
     const level = currentField.confidenceLevel;
     const pointsColor = points === 0 ? 'text-color' : points < 0 ? 'danger' : 'success';
     const label = Math.abs(points) === 1 ? 'POINT' : 'POINTS';
-    return lodash.isNumber(points) && level && (index$2.h("div", { class: "confidence-level-container" }, index$2.h("hr", { class: "answer-explanation-separator" }), index$2.h("h4", { class: "header" }, index$1.translate('CONFIDENCELEVEL')), index$2.h("div", { class: "container" }, index$2.h("div", null, `${index$1.getConfidenceEmoji(level)} ${index$1.translate(index$1.getConfidenceDescriptionKey(level))}`), index$2.h("div", { style: { color: `var(--${pointsColor})` } }, `${points} ${index$1.translate(label)}`))));
+    return lodash.isNumber(points) && level && (index$1.h("div", { class: "confidence-level-container" }, index$1.h("hr", { class: "answer-explanation-separator" }), index$1.h("h4", { class: "header" }, overlays.translate('CONFIDENCELEVEL')), index$1.h("div", { class: "container" }, index$1.h("div", null, `${overlays.getConfidenceEmoji(level)} ${overlays.translate(overlays.getConfidenceDescriptionKey(level))}`), index$1.h("div", { style: { color: `var(--${pointsColor})` } }, `${points} ${overlays.translate(label)}`))));
   }
   getExtraButtonsVisible() {
     var _a;
@@ -2862,18 +2865,18 @@ const YooFormDynamicComponent = class {
     if (extraButtons && extraButtons.length > 0) {
       const buttons = extraButtons.map((button) => {
         var _a, _b;
-        const yooButton = (index$2.h("yoo-button", { color: button.color ? button.color(this.currentData) : 'stable-light', class: { 'swiper-no-swiping': !index$1.isNativeMobile(), [buttonClass]: true }, onClick: () => {
+        const yooButton = (index$1.h("yoo-button", { color: button.color ? button.color(this.currentData) : 'stable-light', class: { 'swiper-no-swiping': !overlays.isNativeMobile(), [buttonClass]: true }, onClick: () => {
             if (button.handler && (!button.isDisabled || button.isDisabled(this.currentData) === false)) {
               button.handler(this.currentData, null, this);
             }
             else if (button.actionType === 'toggleEditMode') {
               this.toggleEditMode.emit();
             }
-          }, disabled: button.isDisabled ? button.isDisabled(this.currentData) : false }, button.icon ? index$2.h("yoo-icon", { class: button.icon(this.currentData), slot: button.text ? 'start' : null }) : null, button.text ? button.text(this.currentData) : null));
+          }, disabled: button.isDisabled ? button.isDisabled(this.currentData) : false }, button.icon ? index$1.h("yoo-icon", { class: button.icon(this.currentData), slot: button.text ? 'start' : null }) : null, button.text ? button.text(this.currentData) : null));
         const contentButtons = (_a = button.contextMenuActions) === null || _a === void 0 ? void 0 : _a.contentButtons;
-        return (contentButtons === null || contentButtons === void 0 ? void 0 : contentButtons.length) > 0 ? (index$2.h("yoo-context-menu", { contentButtons: contentButtons, dialogTitle: (_b = button.contextMenuActions) === null || _b === void 0 ? void 0 : _b.dialogTitle }, yooButton)) : (yooButton);
+        return (contentButtons === null || contentButtons === void 0 ? void 0 : contentButtons.length) > 0 ? (index$1.h("yoo-context-menu", { contentButtons: contentButtons, dialogTitle: (_b = button.contextMenuActions) === null || _b === void 0 ? void 0 : _b.dialogTitle }, yooButton)) : (yooButton);
       });
-      return index$2.h("div", { class: containerClass }, buttons);
+      return index$1.h("div", { class: containerClass }, buttons);
     }
   }
   renderDetailComponent() {
@@ -2895,39 +2898,39 @@ const YooFormDynamicComponent = class {
           ...(this.detailComponent.attributes || {})
         };
       }
-      return index$2.h(TagType, { ...attrs, class: this.detailComponent.class || '' });
+      return index$1.h(TagType, { ...attrs, class: this.detailComponent.class || '' });
     }
   }
   renderToolbar(slide) {
     const fields = lodash.uniqBy(slide.items, (f) => f.icon).filter((f) => f.icon && f.secondary && !this.forceReadonly);
     let showSecondary = true;
-    if (this.isKanban() && index$1.isWeb(this.host) && !this.isLivePreview()) {
+    if (this.isKanban() && overlays.isWeb(this.host) && !this.isLivePreview()) {
       showSecondary = false;
     }
     const hasToolbar = this.slideHasToolbar(slide);
-    return hasToolbar ? (index$2.h("div", { class: {
+    return hasToolbar ? (index$1.h("div", { class: {
         toolbar: true,
-        'with-padding': index$1.isIphoneX()
+        'with-padding': overlays.isIphoneX()
       } }, showSecondary &&
       fields.map((field) => {
         var _a;
         const state = this.getSecondaryFieldState(field, slide);
-        const isActive = state.visible || (state.visible === undefined && index$1.hasValue(field, this.currentData, this.suffix));
+        const isActive = state.visible || (state.visible === undefined && overlays.hasValue(field, this.currentData, this.suffix));
         const icon = ((_a = field.icon) === null || _a === void 0 ? void 0 : _a.substring(0, 3)) === 'yo-' ? field.icon.substring(3, field.icon.length) : field.icon;
-        return index$1.isWeb(this.host)
-          ? !state.hidden && (index$2.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: index$1.translate(field.secondaryIconTitle || field.title), class: "no-pointer" }, this.renderSecondaryToolbarButtons(field, slide, icon, isActive)))
+        return overlays.isWeb(this.host)
+          ? !state.hidden && (index$1.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: overlays.translate(field.secondaryIconTitle || field.title), class: "no-pointer" }, this.renderSecondaryToolbarButtons(field, slide, icon, isActive)))
           : !state.hidden && this.renderSecondaryToolbarButtons(field, slide, icon, isActive);
       }), slide.items.map((field) => {
       if (field.type === index.FormFieldType.button && !field.inline && lodash.isFunction(field.handler)) {
-        return field.help ? (index$2.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: index$1.translate(field.help), class: "no-pointer" }, this.renderToolbarButton(field))) : (this.renderToolbarButton(field));
+        return field.help ? (index$1.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: overlays.translate(field.help), class: "no-pointer" }, this.renderToolbarButton(field))) : (this.renderToolbarButton(field));
       }
-    }), this.slideHasButton(slide) && index$2.h("span", { class: "flex" }), this.slideHasAdvanced(slide) && (index$2.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowAdvancedFields(slide) }, index$2.h("yoo-icon", { size: "medium", color: "stable", name: "settings" }))), index$2.h("div", { class: "flex" }), index$2.h("slot", { name: "footer" }))) : null;
+    }), this.slideHasButton(slide) && index$1.h("span", { class: "flex" }), this.slideHasAdvanced(slide) && (index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowAdvancedFields(slide) }, index$1.h("yoo-icon", { size: "medium", color: "stable", name: "settings" }))), index$1.h("div", { class: "flex" }), index$1.h("slot", { name: "footer" }))) : null;
   }
   renderSecondaryToolbarButtons(field, slide, icon, isActive) {
-    return (index$2.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onToggleSecondaryField(field, slide, true) }, index$2.h("yoo-icon", { size: "medium", name: icon, color: isActive ? 'app-color' : 'stable' })));
+    return (index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onToggleSecondaryField(field, slide, true) }, index$1.h("yoo-icon", { size: "medium", name: icon, color: isActive ? 'app-color' : 'stable' })));
   }
   renderToolbarButton(field) {
-    return (index$2.h("yoo-button", { size: index$1.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large', color: field.color, onClick: () => this.onFieldButtonClick(field), disabled: field.disabledHandler ? field.disabledHandler(this.currentData) : false }, index$1.translate(field.title || field.name)));
+    return (index$1.h("yoo-button", { size: overlays.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large', color: field.color, onClick: () => this.onFieldButtonClick(field), disabled: field.disabledHandler ? field.disabledHandler(this.currentData) : false }, overlays.translate(field.title || field.name)));
   }
   onFieldButtonClick(field) {
     Promise.resolve(field.handler(this.currentData, field, this.injector, this)).then(() => {
@@ -2960,7 +2963,7 @@ const YooFormDynamicComponent = class {
   renderFormFooter(type, slideIndex, lastUnlockedSlideIndex) {
     if (this.shouldRenderFormFooter(type, slideIndex, lastUnlockedSlideIndex)) {
       const buttons = this.getFormFooterButtons(type, slideIndex, lastUnlockedSlideIndex);
-      return (index$2.h("yoo-form-footer", { ref: (el) => (this.formFooterElement = el), countDownStartValue: this.timer, countDownValue: this.innerTimer, forceMobile: this.forceMobile || this.formType === 'form-creator-preview', buttons: buttons, showCopyright: this.showCopyright, class: this.formType === 'lesson' ? index$1.isWeb() ? 'lesson-detail' : 'relative' : '' }));
+      return (index$1.h("yoo-form-footer", { ref: (el) => (this.formFooterElement = el), countDownStartValue: this.timer, countDownValue: this.innerTimer, forceMobile: this.forceMobile || this.formType === 'form-creator-preview', buttons: buttons, showCopyright: this.showCopyright, class: this.formType === 'lesson' ? overlays.isWeb() ? 'lesson-detail' : 'relative' : '' }));
     }
   }
   getNextButtons(slideIndex) {
@@ -2980,12 +2983,12 @@ const YooFormDynamicComponent = class {
         }
       };
       buttons = getPreviousAndNextButtons({
-        hasPreviousButton: slideIndex !== 0 && (((slideIndex !== this.slides.length - 1 || this.isLessonPreview()) && index$1.isContentOnly(this.lessonType)) || ((_f = this.formExtraOptions) === null || _f === void 0 ? void 0 : _f.showBack)),
-        lastButtonTranslationKey: index$1.isQuiz(this.lessonType) && this.showAnswers && !index$1.isTimedQuiz(this.lessonType) && (!index$1.isConfidenceAssessment(this.lessonType) || isConfidenceSlide) ? 'CHECK' : 'YOOBICNEXT',
+        hasPreviousButton: slideIndex !== 0 && (((slideIndex !== this.slides.length - 1 || this.isLessonPreview()) && overlays.isContentOnly(this.lessonType)) || ((_f = this.formExtraOptions) === null || _f === void 0 ? void 0 : _f.showBack)),
+        lastButtonTranslationKey: overlays.isQuiz(this.lessonType) && this.showAnswers && !overlays.isTimedQuiz(this.lessonType) && (!overlays.isConfidenceAssessment(this.lessonType) || isConfidenceSlide) ? 'CHECK' : 'YOOBICNEXT',
         isDisabled: this.isLivePreview() ? false : !getLessonPageValidity(slideIndex, this.slides, this.fieldsState, this.activeIndex, this.currentData),
         nextButtonHandler: useSubmitFn ? () => this.slides[slideIndex].submitFn(this.currentData, this.ionSlides, this) : nextButtonHandler,
         previousButtonHandler: () => this.onSlidePrevious(),
-        size: index$1.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large'
+        size: overlays.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large'
       });
       //Swiping is allowed for content only lessons on boost
       if (this.lockSwipes || (this.lessonType !== 'document' && this.lessonType !== 'video')) {
@@ -3010,7 +3013,7 @@ const YooFormDynamicComponent = class {
       if (((_h = this.formExtraOptions) === null || _h === void 0 ? void 0 : _h.combinedForms) && this.slides[slideIndex] && ((_j = this.slides[slideIndex]) === null || _j === void 0 ? void 0 : _j.submitFn)) {
         nextFn = () => this.slides[slideIndex].submitFn(this.currentData, this.ionSlides, this);
       }
-      buttons = getNextButton(useSubmitFn ? () => this.slides[slideIndex].submitFn(this.currentData, () => nextFn) : nextFn, index$1.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large');
+      buttons = getNextButton(useSubmitFn ? () => this.slides[slideIndex].submitFn(this.currentData, () => nextFn) : nextFn, overlays.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large');
     }
     return buttons;
   }
@@ -3026,10 +3029,10 @@ const YooFormDynamicComponent = class {
       commonHelpers.lockSwipes(this.ionSlides, true);
       const visibleSlides = this.getVisibleSlides();
       buttons = getLastButtons({
-        text: index$1.translate(this.saveText || 'YOOBICSAVE'),
+        text: overlays.translate(this.saveText || 'YOOBICSAVE'),
         color: isDisabled ? 'stable-light' : this.appColor,
-        size: index$1.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large',
-        cssClass: !index$1.isNativeMobile() ? 'swiper-no-swiping' : undefined,
+        size: overlays.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large',
+        cssClass: !overlays.isNativeMobile() ? 'swiper-no-swiping' : undefined,
         handler: (ev) => this.continueIfEnabled(() => clickFn(ev, !isDisabled))
       }, (visibleSlides === null || visibleSlides === void 0 ? void 0 : visibleSlides.length) > 1, false, () => this.onSlidePrevious(), null);
     }
@@ -3047,25 +3050,25 @@ const YooFormDynamicComponent = class {
         }
         isDisabled = !getLessonPageValidity(lastUnlockedSlideIndex, this.slides, this.fieldsState, this.activeIndex, this.currentData);
       }
-      const hasPreviousButton = ((this.isLesson() && !index$1.isQuiz(this.lessonType)) || ((_b = this.formExtraOptions) === null || _b === void 0 ? void 0 : _b.showBack)) && this.slides && this.slides.length > 1;
+      const hasPreviousButton = ((this.isLesson() && !overlays.isQuiz(this.lessonType)) || ((_b = this.formExtraOptions) === null || _b === void 0 ? void 0 : _b.showBack)) && this.slides && this.slides.length > 1;
       let submitText;
-      if (!this.isLesson() || (index$1.isQuiz(this.lessonType) && (!this.showAnswers || index$1.isTimedQuiz(this.lessonType)))) {
+      if (!this.isLesson() || (overlays.isQuiz(this.lessonType) && (!this.showAnswers || overlays.isTimedQuiz(this.lessonType)))) {
         submitText = this.saveText || 'SUBMIT';
       }
-      else if (!this.isLesson() || (index$1.isQuiz(this.lessonType) && this.showAnswers)) {
+      else if (!this.isLesson() || (overlays.isQuiz(this.lessonType) && this.showAnswers)) {
         submitText = 'CHECK';
       }
       else {
         submitText = 'FINISH';
       }
       buttons = getLastButtons({
-        text: index$1.translate(submitText),
+        text: overlays.translate(submitText),
         color: !this.isLesson() && isDisabled ? 'stable-light' : this.appColor,
-        size: index$1.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large',
-        cssClass: !index$1.isNativeMobile() ? 'swiper-no-swiping' : undefined,
+        size: overlays.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large',
+        cssClass: !overlays.isNativeMobile() ? 'swiper-no-swiping' : undefined,
         disabled: this.isLesson() && isDisabled,
         handler: (ev) => this.continueIfEnabled(() => clickFn(ev, !isDisabled))
-      }, hasPreviousButton, this.showPreview, () => this.onSlidePrevious(), () => this.onOpenPreview(), index$1.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large');
+      }, hasPreviousButton, this.showPreview, () => this.onSlidePrevious(), () => this.onOpenPreview(), overlays.isWeb(this.host) && !this.isLivePreview() ? 'medium' : 'large');
     }
     return buttons;
   }
@@ -3074,7 +3077,7 @@ const YooFormDynamicComponent = class {
     let buttons = [];
     let dialogTextValues;
     if (this.currentWorkflowStep.type !== 'start') {
-      if (index$1.getSession().isExternal) {
+      if (overlays.getSession().isExternal) {
         return;
       }
       if (this.currentWorkflowStep &&
@@ -3087,11 +3090,11 @@ const YooFormDynamicComponent = class {
           rejectText = (_e = this.currentWorkflowStep.actions.find((a) => a.type === 'reject')) === null || _e === void 0 ? void 0 : _e.text;
         }
         buttons.push({
-          text: index$1.translate(rejectText),
+          text: overlays.translate(rejectText),
           color: 'danger',
           value: 'reject',
-          cssClass: !index$1.isNativeMobile() ? 'swiper-no-swiping' : undefined,
-          size: index$1.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
+          cssClass: !overlays.isNativeMobile() ? 'swiper-no-swiping' : undefined,
+          size: overlays.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
           handler: (ev) => this.continueIfEnabled(() => rejectFn(ev))
         });
       }
@@ -3105,11 +3108,11 @@ const YooFormDynamicComponent = class {
           sendbackText = (_k = this.currentWorkflowStep.actions.find((a) => a.type === 'sendback')) === null || _k === void 0 ? void 0 : _k.text;
         }
         buttons.push({
-          text: index$1.translate(sendbackText),
+          text: overlays.translate(sendbackText),
           color: 'warning',
           value: 'sendback',
-          cssClass: !index$1.isNativeMobile() ? 'swiper-no-swiping' : undefined,
-          size: index$1.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
+          cssClass: !overlays.isNativeMobile() ? 'swiper-no-swiping' : undefined,
+          size: overlays.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
           handler: (ev) => this.continueIfEnabled(() => sendbackFn(ev))
         });
       }
@@ -3123,11 +3126,11 @@ const YooFormDynamicComponent = class {
           reassignText = (_q = this.currentWorkflowStep.actions.find((a) => a.type === 'reassign')) === null || _q === void 0 ? void 0 : _q.text;
         }
         buttons.push({
-          text: index$1.translateMulti(reassignText),
+          text: overlays.translateMulti(reassignText),
           color: 'dark',
           value: 'reassign',
-          cssClass: !index$1.isNativeMobile() ? 'swiper-no-swiping' : undefined,
-          size: index$1.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
+          cssClass: !overlays.isNativeMobile() ? 'swiper-no-swiping' : undefined,
+          size: overlays.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
           handler: (ev) => this.continueIfEnabled(() => reassignFn(ev))
         });
       }
@@ -3138,11 +3141,11 @@ const YooFormDynamicComponent = class {
       submitText = (_v = this.currentWorkflowStep.actions.find((a) => a.type === 'submit')) === null || _v === void 0 ? void 0 : _v.text;
     }
     buttons.push({
-      text: index$1.translate(submitText),
+      text: overlays.translate(submitText),
       color: (buttons === null || buttons === void 0 ? void 0 : buttons.length) > 2 ? 'success' : 'app-color',
       value: 'submit',
-      cssClass: !index$1.isNativeMobile() ? 'swiper-no-swiping' : undefined,
-      size: index$1.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
+      cssClass: !overlays.isNativeMobile() ? 'swiper-no-swiping' : undefined,
+      size: overlays.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
       handler: (ev) => this.continueIfEnabled(() => submitFn(ev))
     });
     if ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 2) {
@@ -3152,11 +3155,11 @@ const YooFormDynamicComponent = class {
       buttons = buttons.filter((button) => button.subMenu);
       dialogTextValues = subMenuButtons.map((button) => button.text);
       buttons.push({
-        text: this.selectedButtonText ? index$1.translateMulti(this.selectedButtonText[0]) : index$1.translate('MARKAS'),
+        text: this.selectedButtonText ? overlays.translateMulti(this.selectedButtonText[0]) : overlays.translate('MARKAS'),
         color: (selectedSubMenuButton === null || selectedSubMenuButton === void 0 ? void 0 : selectedSubMenuButton.color) || 'light',
         iconColor: (selectedSubMenuButton === null || selectedSubMenuButton === void 0 ? void 0 : selectedSubMenuButton.color) ? 'light' : 'text-color',
-        cssClass: !index$1.isNativeMobile() ? 'swiper-no-swiping' : null,
-        size: index$1.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
+        cssClass: !overlays.isNativeMobile() ? 'swiper-no-swiping' : null,
+        size: overlays.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
         value: selectedSubMenuButton === null || selectedSubMenuButton === void 0 ? void 0 : selectedSubMenuButton.value,
         icon: 'up',
         iconSlot: 'start',
@@ -3164,11 +3167,11 @@ const YooFormDynamicComponent = class {
         handler: (ev) => this.getAutocompleteDialog(ev, dialogTextValues, this.getworkflowButtonTextColors(), this.selectedButtonText)
       });
       buttons.push({
-        text: index$1.translate('CONFIRM'),
+        text: overlays.translate('CONFIRM'),
         color: 'app-color',
         disabled: !this.selectedButtonText,
-        cssClass: !index$1.isNativeMobile() ? 'swiper-no-swiping' : null,
-        size: index$1.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
+        cssClass: !overlays.isNativeMobile() ? 'swiper-no-swiping' : null,
+        size: overlays.isWeb(this.host) && !this.isLesson() ? 'medium' : 'large',
         handler: (ev) => this.continueIfEnabled(() => this.getConfirmHandler(ev))
       });
     }
@@ -3190,7 +3193,7 @@ const YooFormDynamicComponent = class {
     const fieldState = getFieldState(field, this.fieldsState);
     const required = formHelpers.isRequired(field, this.currentData, this.currentDataFlatten, fieldState.visible, this.suffix, this.session);
     const disabled = formHelpers.isDisabled(field, this.currentData, this.currentDataFlatten, this.suffix, this.session);
-    const visible = index$1.isVisible(field, fieldState.readonly, this.currentData, this.currentDataFlatten, this.suffix, this.session);
+    const visible = overlays.isVisible(field, fieldState.readonly, this.currentData, this.currentDataFlatten, this.suffix, this.session);
     const allowCreate = formHelpers.isCreationAllowed(field, visible, disabled, fieldState.readonly);
     const allowEdit = formHelpers.isEditionAllowed(field, visible, disabled, fieldState.readonly);
     const validators = required && field.type !== (index.FormFieldType.checklist || index.FormFieldType.range) ? [{ name: 'required' }] : [];
@@ -3202,7 +3205,7 @@ const YooFormDynamicComponent = class {
     if (this.forceHistory && cssClass.indexOf('history') < 0) {
       cssClass += ' history forcedhistory ';
     }
-    const value = index$1.getFieldValue(field, data, this.suffix);
+    const value = overlays.getFieldValue(field, data, this.suffix);
     let TagType = 'yoo-form-unknown';
     slots = slots || [];
     let attrs = {
@@ -3223,7 +3226,7 @@ const YooFormDynamicComponent = class {
       color: this.formInputcolor,
       invalidMessage: field.invalidMessage,
       showHelpBeneathTitle: !!field.showHelpBeneathTitle,
-      animated: index$1.isAnimationsDisabled() ? false : this.animated,
+      animated: overlays.isAnimationsDisabled() ? false : this.animated,
       isPreview: this.isLessonPreview()
     };
     if (this.isWeb) {
@@ -3239,7 +3242,7 @@ const YooFormDynamicComponent = class {
         onInputChanged: (ev) => this.onFieldChanged(ev, field),
         onValidityChanged: (ev) => this.onFieldValidityChanged(ev, field),
         onInputFocused: (ev) => {
-          if (index$1.isAndroid() && hasKeyboardInput(field.type)) {
+          if (overlays.isAndroid() && hasKeyboardInput(field.type)) {
             this.windowHasFinishedResizing = false;
           }
           const host = ev && ev.detail && ev.detail.host ? ev.detail.host : null;
@@ -3290,8 +3293,8 @@ const YooFormDynamicComponent = class {
           min: field.min,
           max: field.max,
           maxCharacters: field.maxCharacters,
-          type: field.type === index.FormFieldType.number && index$1.isSamsung() ? index.FormFieldType.text : getInputType(field),
-          inputmode: field.type === index.FormFieldType.number && index$1.isSamsung() ? 'numeric' : '',
+          type: field.type === index.FormFieldType.number && overlays.isSamsung() ? index.FormFieldType.text : getInputType(field),
+          inputmode: field.type === index.FormFieldType.number && overlays.isSamsung() ? 'numeric' : '',
           step: field.step,
           iconPrefix: icon,
           iconSuffix: field.iconSuffix,
@@ -3305,7 +3308,7 @@ const YooFormDynamicComponent = class {
           useTranslate: field.translate,
           initialCheckboxParams: field.initialCheckboxParams,
           columnDefinition: field.columnDefinition,
-          animation: index.FormFieldType.number && this.isLesson() && !index$1.isAnimationsDisabled() ? 'placeholderCountdown' : '',
+          animation: index.FormFieldType.number && this.isLesson() && !overlays.isAnimationsDisabled() ? 'placeholderCountdown' : '',
           translations: this.shouldUseTranslations() ? this.translations : null,
           onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
           uiValidation: { valid: !this.isFormCreatorBlock() || field.skipValidation, invalid: !field.skipValidation },
@@ -3347,10 +3350,10 @@ const YooFormDynamicComponent = class {
           type: 'line',
           value: value || field.value,
           class: field.extraClass,
-          icon: index$1.isWeb(this.host) ? null : icon,
+          icon: overlays.isWeb(this.host) ? null : icon,
           inverseToggleValue: field.inverseToggleValue,
           help: field.help,
-          header: field.description ? null : index$1.translateMulti(field.title || field.name || '')
+          header: field.description ? null : overlays.translateMulti(field.title || field.name || '')
         };
         break;
       case index.FormFieldType.checkbox:
@@ -3360,7 +3363,7 @@ const YooFormDynamicComponent = class {
           class: field.extraClass,
           value,
           help: field.help,
-          header: field.description ? null : index$1.translateMulti(field.title || field.name || '')
+          header: field.description ? null : overlays.translateMulti(field.title || field.name || '')
         };
         break;
       case index.FormFieldType.color:
@@ -3386,7 +3389,7 @@ const YooFormDynamicComponent = class {
         if (field.conditionalValues && lodash.isArray(field.conditionalValues)) {
           let values;
           field.conditionalValues.forEach((c) => {
-            if (index$1.evalInContext(c.condition, this.currentData, this.currentDataFlatten)) {
+            if (overlays.evalInContext(c.condition, this.currentData, this.currentDataFlatten)) {
               values = c.values;
             }
           });
@@ -3430,10 +3433,10 @@ const YooFormDynamicComponent = class {
         }
         extraAttrs = {
           classList: extraClass,
-          value: !index$1.isNullOrUndefined(value) ? value : field.fieldValue,
+          value: !overlays.isNullOrUndefined(value) ? value : field.fieldValue,
           idOnlyInitialSelection: field.tmpSelection,
           ...lodash.pick(field, fieldFields),
-          idOnly: !(index$1.isNullOrUndefined(field.valuesColor) || !index$1.isNullOrUndefined(field.valuesIcon))
+          idOnly: !(overlays.isNullOrUndefined(field.valuesColor) || !overlays.isNullOrUndefined(field.valuesIcon))
             ? true
             : !readonly
               ? field.idOnly
@@ -3453,9 +3456,9 @@ const YooFormDynamicComponent = class {
           max: field.max,
           valuesColor: field.valuesColor,
           valuesIcon: field.valuesIcon,
-          expandHeightOnShow: !index$1.isNullOrUndefined(field.expandHeightOnShow)
+          expandHeightOnShow: !overlays.isNullOrUndefined(field.expandHeightOnShow)
             ? field.expandHeightOnShow
-            : index$1.isWeb(this.host) &&
+            : overlays.isWeb(this.host) &&
               !this.isInlineRow() &&
               !this.host.classList.contains('toolbar-form') &&
               !field.flex &&
@@ -3601,7 +3604,7 @@ const YooFormDynamicComponent = class {
           const fields = lodash.compact(lodash.flatten((_d = this.slides) === null || _d === void 0 ? void 0 : _d.map((s) => s === null || s === void 0 ? void 0 : s.items)));
           const fieldPrefixSuffix = '#';
           let textConfig = JSON.stringify(field.chartConfig);
-          const toReplace = index$1.getFieldReplacement(textConfig, fields, this.suffix, fieldPrefixSuffix);
+          const toReplace = overlays.getFieldReplacement(textConfig, fields, this.suffix, fieldPrefixSuffix);
           toReplace.forEach((o) => {
             let value;
             if (o.isSession) {
@@ -3670,7 +3673,7 @@ const YooFormDynamicComponent = class {
         };
         break;
       case index.FormFieldType.textarea:
-        if (field.useRichText || (field.language === 'html' && (index$1.isWeb(this.host) || readonly))) {
+        if (field.useRichText || (field.language === 'html' && (overlays.isWeb(this.host) || readonly))) {
           TagType = 'yoo-form-text-editor';
         }
         else {
@@ -3755,14 +3758,14 @@ const YooFormDynamicComponent = class {
           flow: field.flow,
           options: (_e = field.values) === null || _e === void 0 ? void 0 : _e.map(({ value }) => value),
           value: value !== null && value !== void 0 ? value : field.value,
-          helpers: (_f = field.values) === null || _f === void 0 ? void 0 : _f.map(({ helper }) => index$1.translate(helper))
+          helpers: (_f = field.values) === null || _f === void 0 ? void 0 : _f.map(({ helper }) => overlays.translate(helper))
         };
         slots = (_g = field.values) === null || _g === void 0 ? void 0 : _g.map(({ label, slot }, index) => {
           const field = slideItems.find(({ name }) => name === slot);
           if (field) {
             field.style = { ...(field.style || {}), visibility: this.getFieldVisibility(field) ? undefined : 'hidden' };
           }
-          return (index$2.h("div", { slot: index.toString() }, index$2.h("div", { class: "form-radio-label", innerHTML: index$1.translate(label) }), field && this.renderInput({ field, data, slideIndex, slideItems, inputIndex, readonly })));
+          return (index$1.h("div", { slot: index.toString() }, index$1.h("div", { class: "form-radio-label", innerHTML: overlays.translate(label) }), field && this.renderInput({ field, data, slideIndex, slideItems, inputIndex, readonly })));
         });
         break;
       case index.FormFieldType.selectbuttons:
@@ -3777,6 +3780,7 @@ const YooFormDynamicComponent = class {
         extraAttrs = {
           multiple: multiple,
           valuesColor: field.valuesColor,
+          valuesIcon: field.valuesIcon,
           values: values,
           useTranslate: field.translate,
           shuffled: this.formType === 'lesson',
@@ -4024,7 +4028,7 @@ const YooFormDynamicComponent = class {
           getMediaUrl: (ev) => this.onFieldGetMediaUrl(field, ev),
           onFetchData: (ev) => this.onFetchData(field, ev)
         };
-        if (index$1.isNullOrUndefined(this.geoloc) && this.currentData && this.currentData._geoloc) {
+        if (overlays.isNullOrUndefined(this.geoloc) && this.currentData && this.currentData._geoloc) {
           extraAttrs['formGeoloc'] = this.onGetFormGeoloc();
         }
         if (attrs.validators) {
@@ -4073,7 +4077,7 @@ const YooFormDynamicComponent = class {
         extraAttrs = {
           logo: field.logo,
           value: value || field.value,
-          whiteLabel: (_q = index$1.getSession().tenant) === null || _q === void 0 ? void 0 : _q.waitlistWhitelabel
+          whiteLabel: (_q = overlays.getSession().tenant) === null || _q === void 0 ? void 0 : _q.waitlistWhitelabel
         };
         break;
       case index.FormFieldType.recurrence:
@@ -4085,7 +4089,7 @@ const YooFormDynamicComponent = class {
       case index.FormFieldType.document:
       case index.FormFieldType.podcast:
       case index.FormFieldType.image: {
-        if (field.type === index.FormFieldType.image && !index$1.isNullOrUndefined(field.imagesCarousel)) {
+        if (field.type === index.FormFieldType.image && !overlays.isNullOrUndefined(field.imagesCarousel)) {
           TagType = 'yoo-form-carousel';
           const mediaSrc = field.imagesCarousel;
           extraAttrs = {
@@ -4105,7 +4109,7 @@ const YooFormDynamicComponent = class {
             allowOrientation: this.isLesson(),
             type: field.type === index.FormFieldType.document || field.type === index.FormFieldType.podcast ? 'document' : 'image',
             mode: field.mode,
-            document: field.type === index.FormFieldType.podcast ? field.audioDocument : document,
+            document: field.type === index.FormFieldType.podcast ? field.audioDocument || value : document,
             showDialog: !(document && document.preventDialog),
             isVisible: this.isCurrentSlide(slideIndex),
             useGallery: this.useGallery,
@@ -4364,13 +4368,13 @@ const YooFormDynamicComponent = class {
           color = this.currentData[field.name.replace('label-', '')];
         }
         if (field.collapsible) {
-          return (index$2.h("yoo-collapsible", { iconSize: "medium", class: "secondary", slotHeader: true }, index$2.h("span", { slot: "title" }, field.title), index$2.h("span", { innerHTML: markdown || value })));
+          return (index$1.h("yoo-collapsible", { iconSize: "medium", class: "secondary", slotHeader: true }, index$1.h("span", { slot: "title" }, field.title), index$1.h("span", { innerHTML: markdown || value })));
         }
         if (((_r = field.valuesIcon) === null || _r === void 0 ? void 0 : _r.length) > 0) {
           return [
-            markdown && index$2.h("div", { class: "info-header" }, markdown),
+            markdown && index$1.h("div", { class: "info-header" }, markdown),
             field.valuesIcon.map((item) => {
-              return (index$2.h("div", { class: "info-container app-color" }, index$2.h("yoo-tag", { size: "large", icon: item.key }), item.value));
+              return (index$1.h("div", { class: "info-container app-color" }, index$1.h("yoo-tag", { size: "large", icon: item.key }), item.value));
             })
           ];
         }
@@ -4379,10 +4383,10 @@ const YooFormDynamicComponent = class {
           'lesson-live-preview': this.isLessonPreview(),
           [field.type]: true
         };
-        return (markdown && index$2.h("yoo-markdown", { class: cssClass, isVisible: this.isCurrentSlide(slideIndex), style: { color: `${color}` }, linkPreviews: field.linkPreviews, content: index$1.translateMulti(index$1.pipes.https.transform(markdown)) }));
+        return (markdown && index$1.h("yoo-markdown", { class: cssClass, isVisible: this.isCurrentSlide(slideIndex), style: { color: `${color}` }, linkPreviews: field.linkPreviews, content: overlays.translateMulti(overlays.pipes.https.transform(markdown)) }));
       }
       case index.FormFieldType.renderer:
-        return field.handler && index$2.h("div", { innerHTML: field.handler(this.currentData, field, this.injector) });
+        return field.handler && index$1.h("div", { innerHTML: field.handler(this.currentData, field, this.injector) });
       case index.FormFieldType.numberpicker:
         TagType = 'yoo-form-number-picker';
         extraAttrs = {
@@ -4512,9 +4516,9 @@ const YooFormDynamicComponent = class {
         };
         break;
       case index.FormFieldType.button:
-        return (index$2.h("yoo-button", { size: index$1.isWeb(this.host) ? 'medium' : 'large', color: field.color, onClick: () => this.onFieldButtonClick(field), disabled: field.disabledHandler ? field.disabledHandler(this.fieldsState) : false, style: field.style }, index$1.translate(field.title || field.name)));
+        return (index$1.h("yoo-button", { size: overlays.isWeb(this.host) ? 'medium' : 'large', color: field.color, onClick: () => this.onFieldButtonClick(field), disabled: field.disabledHandler ? field.disabledHandler(this.fieldsState) : false, style: field.style }, overlays.translate(field.title || field.name)));
       case index.FormFieldType.link:
-        return (index$2.h("yoo-link", { onClick: () => this.onFieldButtonClick(field), disabled: field.disabledHandler ? field.disabledHandler(this.currentData) : false }, index$2.h("span", { innerHTML: index$1.translate(value || field.value || field.title || field.name) })));
+        return (index$1.h("yoo-link", { onClick: () => this.onFieldButtonClick(field), disabled: field.disabledHandler ? field.disabledHandler(this.currentData) : false }, index$1.h("span", { innerHTML: overlays.translate(value || field.value || field.title || field.name) })));
       case index.FormFieldType.openinghours:
         TagType = 'yoo-form-opening-hours';
         break;
@@ -4599,7 +4603,7 @@ const YooFormDynamicComponent = class {
         };
         break;
       default:
-        return index$2.h("div", { class: "font-small danger" }, " FormFieldType.", field.type, " is not supported");
+        return index$1.h("div", { class: "font-small danger" }, " FormFieldType.", field.type, " is not supported");
     }
     if (field.placeholder && !extraAttrs.placeholder) {
       extraAttrs.placeholder = field.placeholder;
@@ -4617,7 +4621,7 @@ const YooFormDynamicComponent = class {
         type: index.FormFieldType.task,
         name: taskFieldName
       };
-      taskValue = index$1.getFieldValue(field, this.currentData, '.tasks');
+      taskValue = overlays.getFieldValue(field, this.currentData, '.tasks');
     }
     if (TagType === 'yoo-form-input') {
       extraAttrs.onEnterPressed = (ev) => this.onEnterPressed(ev, field);
@@ -4641,18 +4645,18 @@ const YooFormDynamicComponent = class {
     }
     const fieldName = this.encodeFieldName(field.name);
     return [
-      index$2.h(TagType, { ref: (el) => this.inputElements.push({ name: field.name, el }), ...attrs, ...extraAttrs, "attr-name": fieldName }, slots),
-      (!this.forceReadonly || (taskValue === null || taskValue === void 0 ? void 0 : taskValue.length) > 0) && taskField && !isHistory ? (index$2.h("yoo-form-task", { type: field.type, value: taskValue, name: field.name, isPdf: this.isPdf, class: { 'tasks-container': true }, readonly: readonly, "attr-name": this.encodeFieldName(taskFieldName), onInputChanged: (ev) => this.onFieldEditTask(ev, field), onFieldFetchData: (ev) => {
+      index$1.h(TagType, { ref: (el) => this.inputElements.push({ name: field.name, el }), ...attrs, ...extraAttrs, "attr-name": fieldName }, slots),
+      (!this.forceReadonly || (taskValue === null || taskValue === void 0 ? void 0 : taskValue.length) > 0) && taskField && !isHistory ? (index$1.h("yoo-form-task", { type: field.type, value: taskValue, name: field.name, isPdf: this.isPdf, class: { 'tasks-container': true }, readonly: readonly, "attr-name": this.encodeFieldName(taskFieldName), onInputChanged: (ev) => this.onFieldEditTask(ev, field), onFieldFetchData: (ev) => {
           ev.stopPropagation();
           this.fieldFetchData.emit(ev.detail);
         }, onFetchCustomData: (ev) => this.onFetchCustomData(taskField, ev) })) : null,
-      field.showHelpBeneathTitle && index$2.h("span", { class: "help-below-title" }, index$1.translate(field.help))
+      field.showHelpBeneathTitle && index$1.h("span", { class: "help-below-title" }, overlays.translate(field.help))
     ];
   }
   getFilterAttrs(attrs) {
     var _a;
     const result = { ...(attrs || {}) };
-    if (index$1.isIonic(this.host) && ((_a = result.style) === null || _a === void 0 ? void 0 : _a['--dialog-position']) === 'fixed') {
+    if (overlays.isIonic(this.host) && ((_a = result.style) === null || _a === void 0 ? void 0 : _a['--dialog-position']) === 'fixed') {
       attrs.style['--dialog-position'] = undefined;
       attrs.style['--dialog-max-height'] = undefined;
       attrs.style['--dialog-width'] = undefined;
@@ -4666,8 +4670,8 @@ const YooFormDynamicComponent = class {
     var _a;
     const field = this.slides[this.activeIndex].items[0];
     let slideData = { index: this.activeIndex, field, data: (_a = this.data) === null || _a === void 0 ? void 0 : _a[field.name] };
-    if (index$1.isConfidenceAssessment(this.lessonType)) {
-      slideData = { ...slideData, showAnswers: this.showAnswers, hasFeedback: index$1.isConfidenceAssessment(this.lessonType) };
+    if (overlays.isConfidenceAssessment(this.lessonType)) {
+      slideData = { ...slideData, showAnswers: this.showAnswers, hasFeedback: overlays.isConfidenceAssessment(this.lessonType) };
     }
     return slideData;
   }
@@ -4675,12 +4679,12 @@ const YooFormDynamicComponent = class {
     const slot = 'right-side';
     if (field.type === index.FormFieldType.recurrence) {
       const { validity } = getFieldState(field, this.fieldsState);
-      const PreviewButton = ({ slot }) => (index$2.h("yoo-button", { animated: true, color: "app-color", disabled: !validity, fill: "transparent", size: "small", slot: slot, onClick: () => {
+      const PreviewButton = ({ slot }) => (index$1.h("yoo-button", { animated: true, color: "app-color", disabled: !validity, fill: "transparent", size: "small", slot: slot, onClick: () => {
           const preview = document.createElement('yoo-form-recurrence-preview');
-          preview.value = index$1.getFieldValue(field, this.currentData, this.suffix);
-          index$1.showModal(preview, null, null, index$1.getModalAnimation('Enter', 'X', true), index$1.getModalAnimation('Leave', 'X', true), true);
-        } }, index$2.h("yoo-icon", { color: "app-color", name: "eye", size: "small", slot: "start" }), index$1.translate('PREVIEW')));
-      return validity ? (index$2.h("yoo-tooltip", { content: index$1.translate('PREVIEWSCHEDULEDPUBLICATION'), placement: "top", slot: slot }, index$2.h(PreviewButton, null))) : (index$2.h(PreviewButton, { slot: slot }));
+          preview.value = overlays.getFieldValue(field, this.currentData, this.suffix);
+          overlays.showModal(preview, null, null, overlays.getModalAnimation('Enter', 'X', true), overlays.getModalAnimation('Leave', 'X', true), true);
+        } }, index$1.h("yoo-icon", { color: "app-color", name: "eye", size: "small", slot: "start" }), overlays.translate('PREVIEW')));
+      return validity ? (index$1.h("yoo-tooltip", { content: overlays.translate('PREVIEWSCHEDULEDPUBLICATION'), placement: "top", slot: slot }, index$1.h(PreviewButton, null))) : (index$1.h(PreviewButton, { slot: slot }));
     }
   }
   renderMissionStatus(historyData, type) {
@@ -4690,7 +4694,7 @@ const YooFormDynamicComponent = class {
       const mission = historyData['mission'];
       const statusObj = operationHelpers.getMissionStatusIconName(mission);
       if (statusObj) {
-        return (index$2.h("div", { class: "square-icon" }, index$2.h("yoo-icon", { name: statusObj.icon, color: statusObj.iconColor }), index$2.h("span", { class: statusObj.style }, index$1.translate(statusObj.text))));
+        return (index$1.h("div", { class: "square-icon" }, index$1.h("yoo-icon", { name: statusObj.icon, color: statusObj.iconColor }), index$1.h("span", { class: statusObj.style }, overlays.translate(statusObj.text))));
       }
       else {
         return null;
@@ -4701,16 +4705,16 @@ const YooFormDynamicComponent = class {
     }
   }
   renderHistoryTopAction() {
-    return (index$2.h("div", { class: "history-top-action" }, index$2.h("div", { class: "title" }, index$1.translate('HISTORY'))));
+    return (index$1.h("div", { class: "history-top-action" }, index$1.h("div", { class: "title" }, overlays.translate('HISTORY'))));
   }
   renderHistoryHeader(avatarData, date) {
-    return (index$2.h("div", { class: "history-header" }, index$2.h("div", { class: "avatar" }, index$2.h("yoo-avatar", { size: "extra-small", user: avatarData })), index$2.h("div", { class: "date" }, index$1.pipes.dateFormat.transform(date, 'L LT'))));
+    return (index$1.h("div", { class: "history-header" }, index$1.h("div", { class: "avatar" }, index$1.h("yoo-avatar", { size: "extra-small", user: avatarData })), index$1.h("div", { class: "date" }, overlays.pipes.dateFormat.transform(date, 'L LT'))));
   }
   renderHistory(field, slideIndex, slideItems, inputIndex) {
-    return this.history && this.history.length > 0 && !index$1.isFieldWithNoValue(field) && field.allowHistory && this.history.some((data) => index$1.hasValue(field, data, this.suffix)) ? (index$2.h("div", { class: "history swiper-no-swiping" }, this.renderHistoryTopAction(), index$2.h("yoo-ion-scroll", { class: "relative no-contain", horizontalMode: true, showScrollbar: this.isWeb }, this.history.map((data) => {
+    return this.history && this.history.length > 0 && !overlays.isFieldWithNoValue(field) && field.allowHistory && this.history.some((data) => overlays.hasValue(field, data, this.suffix)) ? (index$1.h("div", { class: "history swiper-no-swiping" }, this.renderHistoryTopAction(), index$1.h("yoo-ion-scroll", { class: "relative no-contain", horizontalMode: true, showScrollbar: this.isWeb }, this.history.map((data) => {
       const newClass = {};
       newClass[field.type] = true;
-      return index$1.hasValue(field, data, this.suffix) ? (index$2.h("div", { class: { square: true, ...newClass } }, this.renderHistoryHeader(data.user, data.date), index$2.h("div", { class: "square-content" }, index$2.h("div", { class: "overlay", onClick: () => (data ? this.showHistory.emit(lodash.get(data, field.name + this.suffix + '._id') || data.missionRef) : null) }), this.renderInput({ field, data, slideIndex, slideItems, inputIndex, readonly: true, cssClass: 'history', isHistory: true })))) : null;
+      return overlays.hasValue(field, data, this.suffix) ? (index$1.h("div", { class: { square: true, ...newClass } }, this.renderHistoryHeader(data.user, data.date), index$1.h("div", { class: "square-content" }, index$1.h("div", { class: "overlay", onClick: () => (data ? this.showHistory.emit(lodash.get(data, field.name + this.suffix + '._id') || data.missionRef) : null) }), this.renderInput({ field, data, slideIndex, slideItems, inputIndex, readonly: true, cssClass: 'history', isHistory: true })))) : null;
     })))) : null;
   }
   renderTranslation(field) {
@@ -4719,15 +4723,15 @@ const YooFormDynamicComponent = class {
       return;
     }
     if (this.isWeb && !this.isPdf) {
-      const value = index$1.getFieldValue(field, this.currentData, this.suffix);
-      if (((field.translationLabel && ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length)) || (((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) && !index$1.isPhotoOrMultiPhotosField(field) && this.isFormCreatorBlock() && field.type !== index.FormFieldType.select)) && value && lodash.isString(value) && !index$1.isValueATranslationKey(value)) {
+      const value = overlays.getFieldValue(field, this.currentData, this.suffix);
+      if (((field.translationLabel && ((_a = this.translations) === null || _a === void 0 ? void 0 : _a.length)) || (((_b = this.translations) === null || _b === void 0 ? void 0 : _b.length) && !overlays.isPhotoOrMultiPhotosField(field) && this.isFormCreatorBlock() && field.type !== index.FormFieldType.select)) && value && lodash.isString(value) && !overlays.isValueATranslationKey(value)) {
         const key = value.replace(/%/g, '');
         const keyRemovedHTML = key === null || key === void 0 ? void 0 : key.replace(/(<([^>]+)>)/ig, '');
         const translationIndex = this.translations.findIndex((tran) => tran.key === key || keyRemovedHTML === tran.key);
         if (translationIndex === -1) {
           // eslint-disable-next-line no-useless-escape
           const content = field.translationLabel ? field.translationLabel : 'VALUENOTTRANSLATED';
-          return (index$2.h("div", { class: "field-translation" }, index$2.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: index$1.translate(content), class: "no-pointer" }, index$2.h("yoo-icon", { color: "warning", name: "translation-check", size: "small" }))));
+          return (index$1.h("div", { class: "field-translation" }, index$1.h("yoo-tooltip", { hoverable: true, placement: "bottom", content: overlays.translate(content), class: "no-pointer" }, index$1.h("yoo-icon", { color: "warning", name: "translation-check", size: "small" }))));
         }
       }
     }
@@ -4735,7 +4739,7 @@ const YooFormDynamicComponent = class {
   render() {
     var _a, _b;
     this.inputElements = [];
-    return (index$2.h(index$2.Host, { class: {
+    return (index$1.h(index$1.Host, { class: {
         'lesson-detail': this.isLessonDetail(),
         'lesson-question-result': this.isLessonQuestionResult(),
         'lesson-live-preview': this.isLessonPreview(),
@@ -4751,16 +4755,16 @@ const YooFormDynamicComponent = class {
         'wizard-single': ((_b = this.getVisibleSlides()) === null || _b === void 0 ? void 0 : _b.length) <= 1,
         'form-creator-block': this.isFormCreatorBlock(),
         'vertical-tabs': this.showVerticalTabs,
-        'no-animation': index$1.isAnimationsDisabled() || this.hasLoaded,
+        'no-animation': overlays.isAnimationsDisabled() || this.hasLoaded,
         'absolute': this.scrollable !== false && !this.showVerticalTabs && !this.notAbsolute,
         'readonly': this.forceReadonly,
         'force-mobile': this.forceMobile,
-        'safari': index$1.isSafari(),
-        'chrome-ios': index$1.isChromeForIos(),
+        'safari': overlays.isSafari(),
+        'chrome-ios': overlays.isChromeForIos(),
         ...commonHelpers.getAppContext(this.host)
       } }, this.renderHeader(), this.renderBody()));
   }
-  get host() { return index$2.getElement(this); }
+  get host() { return index$1.getElement(this); }
   static get watchers() { return {
     "data": ["updateData"],
     "slides": ["updateSlides"],