@yoobic/yobi 8.5.0-3 → 8.5.0-31

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

@@ -1,12 +1,12 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-53ad1641.js';
-import { c as FormFieldType, $ as QUIZZ_COMPONENTS_FORM_FIELDS, n as IncentivePartType } from './index-a16ef4a4.js';
-import './index-5cc0c65a.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-0a59e2a1.js';
+import { c as FormFieldType, $ as QUIZZ_COMPONENTS_FORM_FIELDS, n as IncentivePartType } from './index-8e862f79.js';
+import './index-44d67644.js';
 import { a as isNumber, A as isEqual, i as isArray, c as cloneDeep, b as isFunction, v as isObject, s as assign, a7 as result, a1 as flatten, y as isEmpty, a8 as findLastIndex, o as orderBy, a2 as groupBy, k as keys, a6 as range, q as isString, Z as uniqBy, n as compact, C as get, J as pick } from './lodash-653c0bcd.js';
-import { b as getMissionStatusIconName } from './operation-helpers-a2eeabb8.js';
-import { q as querySelectorDeep, c as querySelectorAllDeep, k as lockSwipes, b as getActiveElementShadow, n as hideShowTabbar, g as getAppContext } from './common-helpers-14c4b560.js';
-import { a as isRequired, b as getTypeValidation, c as isReadonly, s as setFieldData, u as updateFormulas, d as getDynamicProperty, e as isDisabled, f as isCreationAllowed, h as isEditionAllowed, j as generateLabel } from './form-helpers-fd80f4aa.js';
-import { e as setValueAndResetInputValidity, a as setValueAndValidateInput } from './form-input-helpers-235514ff.js';
-import { A as isWeb, t as translate, j as isNativeMobile, C as debounce, k as isAndroid, Q as findParent, by as getFieldValue, cJ as isQuiz, ed as isTimedQuiz, ee as isConfidenceAssessment, b5 as showToast, a$ as findField, X as isNullOrUndefined, a3 as getSession, dz as isKeyboardResizeModeInactive, aa as disableKeyboardResize, cw as isIonic, ab as enableKeyboardResize, v as cancelRequestInterval, bC as slenderizeObject, r as requestInterval, ef as isVisible, eg as hasValue, aD as showContextMenu, z as showModal, Z as translateMulti, K as getCssColor, H as isIOS, eh as getDistance, ei as isFieldWithDirectValue, aI as isPresent, ej as isFieldWithNoValue, ek as updateDatasetFilters, dg as isAnimationsDisabled, cG as answerIsValid, el as getConfidenceEmoji, cD as getConfidenceDescriptionKey, G as isIphoneX, cB as isContentOnly, ar as pipes, bz as getFieldReplacement, bu as evalInContext, em as isSamsung, y as getModalAnimation, en as isPhotoOrMultiPhotosField, bh as isValueATranslationKey, bS as isSafari, eo as isChromeForIos } from './overlays-315723b0.js';
+import { b as getMissionStatusIconName } from './operation-helpers-34aa1eb9.js';
+import { q as querySelectorDeep, c as querySelectorAllDeep, j as lockSwipes, b as getActiveElementShadow, m as hideShowTabbar, g as getAppContext } from './common-helpers-65fabe9f.js';
+import { a as isRequired, b as getTypeValidation, c as isReadonly, s as setFieldData, u as updateFormulas, d as getDynamicProperty, e as isDisabled, f as isCreationAllowed, h as isEditionAllowed, j as generateLabel } from './form-helpers-f0b1c89d.js';
+import { e as setValueAndResetInputValidity, a as setValueAndValidateInput } from './form-input-helpers-a5e07b34.js';
+import { A as isWeb, t as translate, j as isNativeMobile, C as debounce, k as isAndroid, Q as findParent, by as getFieldValue, cJ as isQuiz, ef as isTimedQuiz, eg as isConfidenceAssessment, b5 as showToast, a$ as findField, X as isNullOrUndefined, a3 as getSession, dA as isKeyboardResizeModeInactive, aa as disableKeyboardResize, cw as isIonic, ab as enableKeyboardResize, v as cancelRequestInterval, bC as slenderizeObject, r as requestInterval, eh as isVisible, ei as hasValue, aD as showContextMenu, z as showModal, Z as translateMulti, K as getCssColor, H as isIOS, ej as getDistance, ek as isFieldWithDirectValue, aI as isPresent, el as isFieldWithNoValue, em as updateDatasetFilters, dh as isAnimationsDisabled, cG as answerIsValid, en as getConfidenceEmoji, cD as getConfidenceDescriptionKey, G as isIphoneX, cB as isContentOnly, ar as pipes, bz as getFieldReplacement, bu as evalInContext, eo as isSamsung, p as closeModal, y as getModalAnimation, ep as isPhotoOrMultiPhotosField, bh as isValueATranslationKey, bS as isSafari, eq as isChromeForIos } from './overlays-85eb3384.js';
 import './_commonjsHelpers-f4d11124.js';
 
 function getFieldState(field, fieldsState) {
@@ -491,7 +491,7 @@ const YooFormDynamicComponent = class {
           const videoValue = fieldData.value;
           const videoElement = el;
           if (videoValue) {
-            videoElement.setFieldValue(undefined, videoValue);
+            videoElement.setFieldValue(videoValue);
           }
           break;
         }
@@ -963,6 +963,23 @@ const YooFormDynamicComponent = class {
       }
     }, 1000);
   }
+  getActiveSlideWithField(field) {
+    let activeSlide;
+    this.slides.forEach((s) => {
+      let found = false;
+      if (s.items) {
+        s.items.forEach((f) => {
+          if (f.name === field.name) {
+            found = true;
+          }
+        });
+      }
+      if (found) {
+        activeSlide = s;
+      }
+    });
+    return activeSlide;
+  }
   checkIfFirstSlideAndLockSwipePrev() {
     // timeout -> wait swipe is done
     setTimeout(() => {
@@ -1346,7 +1363,11 @@ const YooFormDynamicComponent = class {
   }
   onFieldChanged(ev, field) {
     ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
-    setFieldData(field, ev.detail, this.currentData, this.suffix);
+    let value = ev.detail;
+    if (field.type === FormFieldType.podcast && this.isLivePreview()) {
+      value = null;
+    }
+    setFieldData(field, value, this.currentData, this.suffix);
     if (isFunction(field.onChange)) {
       field.onChange(ev.detail, this.currentData, field, this.slides, this);
     }
@@ -1523,42 +1544,27 @@ const YooFormDynamicComponent = class {
       dataArray.forEach((d) => {
         const key = d.key;
         const value = d.value;
-        let activeSlide;
-        if (this.slides) {
-          this.slides.forEach((s) => {
-            let found = false;
-            if (s.items) {
-              s.items.forEach((f) => {
-                if (f.name === field.name) {
-                  found = true;
-                }
-              });
-            }
-            if (found) {
-              activeSlide = s;
-            }
-          });
-          if (activeSlide) {
-            const fieldIndex = activeSlide.items.indexOf(field);
-            for (let i = fieldIndex + 1; i < activeSlide.items.length; i++) {
-              if (key && key.toLowerCase && activeSlide.items[i].title.toLowerCase() === key.toLowerCase()) {
-                const foundField = cloneDeep(activeSlide.items[i]);
-                let isVisibleProp = true;
-                if (foundField.condition) {
-                  // we have to pass the whole data because maybe some conditions are on other fields
-                  // we also have to disable the hide from mobile here
-                  foundField.hideMobile = false;
-                  foundField.readonly = false;
-                  isVisibleProp = 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 };
-                }
-                break;
+        const activeSlide = this.getActiveSlideWithField(field);
+        if (this.slides && activeSlide) {
+          const fieldIndex = activeSlide.items.indexOf(field);
+          for (let i = fieldIndex + 1; i < activeSlide.items.length; i++) {
+            if (key && key.toLowerCase && activeSlide.items[i].title.toLowerCase() === key.toLowerCase()) {
+              const foundField = cloneDeep(activeSlide.items[i]);
+              let isVisibleProp = true;
+              if (foundField.condition) {
+                // we have to pass the whole data because maybe some conditions are on other fields
+                // we also have to disable the hide from mobile here
+                foundField.hideMobile = false;
+                foundField.readonly = false;
+                isVisibleProp = isVisible(foundField, false, Object.assign({ [foundField.name]: { value } }, this.currentData), this.currentDataFlatten, this.suffix, this.session);
               }
-              else if (activeSlide.items[i].isImageRecognition) {
-                break;
+              if (isVisibleProp || !foundField.dontSaveIfHidden) {
+                this.currentData[foundField.name] = { value };
               }
+              break;
+            }
+            else if (activeSlide.items[i].isImageRecognition) {
+              break;
             }
           }
         }
@@ -3530,7 +3536,7 @@ const YooFormDynamicComponent = class {
           showHeader: field.showAutocompleteHeader,
           dialogWidth: field.name !== 'operator' ? '17.5rem' : 'unset'
         };
-        if (((field.min && field.min > 1) || (field.max && field.max > 0)) && attrs.validators) {
+        if (((field === null || field === void 0 ? void 0 : field.min) > 1 || (field === null || field === void 0 ? void 0 : field.max) > 0) && attrs.validators) {
           attrs.validators.push({ name: field.type, options: { ...extraAttrs } });
         }
         if (field.validateOnLoad) {
@@ -3746,6 +3752,7 @@ const YooFormDynamicComponent = class {
           maxHeight: field.max,
           debounce: 500,
           resetHtml: field.resetHtml,
+          sanitizeValue: field.sanitizeValue,
           formatAmpersandSymbol: field.formatAmpersandSymbol,
           displaySegmentsCount: field.displaySegmentsCount,
           translations: this.shouldUseTranslations() ? this.translations : null,
@@ -4014,9 +4021,7 @@ const YooFormDynamicComponent = class {
         TagType = 'yoo-form-capture';
         const imageRecognitionKpiKeys = [];
         if (field.isImageRecognition) {
-          // slideIndex needs to be based on the active tab index
-          const finalIndex = this.isRenderFormSlidesWithTab() ? this.selectedTabIndex || 0 : slideIndex;
-          const activeSlide = this.slides[finalIndex];
+          const activeSlide = this.getActiveSlideWithField(field);
           for (let i = inputIndex + 1; i < activeSlide.items.length; i++) {
             const f = activeSlide.items[i];
             if (f.readonly && f.title) {
@@ -4388,7 +4393,8 @@ const YooFormDynamicComponent = class {
           field: field,
           mode: field.mode,
           forceManualType: field.forceManualType,
-          allowLibrary: field.allowLibrary
+          allowLibrary: field.allowLibrary,
+          audienceRef: data === null || data === void 0 ? void 0 : data.audienceRef
         };
         break;
       }
@@ -4675,7 +4681,7 @@ const YooFormDynamicComponent = class {
     const fieldName = this.encodeFieldName(field.name);
     return [
       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 ? (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) => {
+      (!this.forceReadonly || (taskValue === null || taskValue === void 0 ? void 0 : taskValue.length) > 0) && taskField && !isHistory ? (h("yoo-form-task", { type: field.type, value: taskValue, name: field.name, isPdf: this.isPdf, class: { 'tasks-container': true }, readonly: readonly || field.forceTaskReadonly, "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,
@@ -4711,6 +4717,7 @@ const YooFormDynamicComponent = class {
       const PreviewButton = ({ slot }) => (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 = getFieldValue(field, this.currentData, this.suffix);
+          preview.addEventListener('close', () => closeModal(null, preview));
           showModal(preview, null, null, getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true }), getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true }), true);
         } }, h("yoo-icon", { color: "app-color", name: "eye", size: "small", slot: "start" }), translate('PREVIEW')));
       return validity ? (h("yoo-tooltip", { content: translate('PREVIEWSCHEDULEDPUBLICATION'), placement: "top", slot: slot }, h(PreviewButton, null))) : (h(PreviewButton, { slot: slot }));

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-53ad1641.js';
-import './index-5cc0c65a.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-0a59e2a1.js';
+import './index-44d67644.js';
 import { i as isArray, n as compact, l as uniq } from './lodash-653c0bcd.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-235514ff.js';
-import { a3 as getSession, a7 as getUserDisplayName, A as isWeb } from './overlays-315723b0.js';
-import './index-a16ef4a4.js';
-import './common-helpers-14c4b560.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-a5e07b34.js';
+import { a3 as getSession, a7 as getUserDisplayName, A as isWeb } from './overlays-85eb3384.js';
+import './index-8e862f79.js';
+import './common-helpers-65fabe9f.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formEmailreportCss = "svg:not(:root){overflow:hidden}:host .subtitle{color:var(--text-color, #807f83)}:host .readonly{padding:0.5rem 0.5rem 0 0}:host(.history) .readonly{padding:0 !important}";

package/dist/esm/yoo-form-entity-value-pairs.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-53ad1641.js';
-import './index-5cc0c65a.js';
+import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host } from './index-0a59e2a1.js';
+import './index-44d67644.js';
 import { A as isEqual } from './lodash-653c0bcd.js';
-import { P as getAsyncExtraData, t as translate } from './overlays-315723b0.js';
-import './index-a16ef4a4.js';
+import { P as getAsyncExtraData, t as translate } from './overlays-85eb3384.js';
+import './index-8e862f79.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formEntityValuePairsCss = "svg:not(:root){overflow:hidden}:host .form-entity-value-pair{margin-top:var(--spacing-16, 1rem)}:host .form-entity-value-pair .header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .form-entity-value-pair .header-container yoo-entity{-ms-flex-positive:1;flex-grow:1}:host .form-entity-value-pair .header-container .delete-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host .form-entity-value-pair .header-container .delete-container yoo-button{margin-bottom:var(--spacing-08, 0.5rem)}:host .form-entity-value-pair .inputs-container{display:-ms-flexbox;display:flex;margin-top:var(--spacing-08, 0.5rem)}:host .form-entity-value-pair .inputs-container yoo-form-input-container{-ms-flex:0.5;flex:0.5}:host .max-message{color:var(--app-color, #5a30f4);font-size:var(--font-size-12, 0.75rem);text-align:right}";

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, e as Host } from './index-53ad1641.js';
-import './index-5cc0c65a.js';
-import { t as translate, Z as translateMulti, j as isNativeMobile, cF as isPdf } from './overlays-315723b0.js';
+import { r as registerInstance, h, e as Host } from './index-0a59e2a1.js';
+import './index-44d67644.js';
+import { t as translate, Z as translateMulti, j as isNativeMobile, cF as isPdf } from './overlays-85eb3384.js';
 import './lodash-653c0bcd.js';
-import './index-a16ef4a4.js';
+import './index-8e862f79.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formExplanationCss = "svg:not(:root){overflow:hidden}:host{display:block;font-size:var(--font-size-16, 1rem)}:host>*+h3{margin-top:var(--spacing-16, 1rem)}:host h3{margin-bottom:var(--spacing-08, 0.5rem);font-weight:normal;font-size:inherit}:host p{margin:0;color:var(--success, #3aa76d)}:host yoo-form-document{--outer-container-padding:0}:host yoo-markdown{color:var(--stable, #adadad)}";

package/dist/esm/yoo-form-feed-preview.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h } from './index-53ad1641.js';
-import { s as setValidator } from './form-input-helpers-235514ff.js';
-import './overlays-315723b0.js';
+import { r as registerInstance, i as createEvent, h } from './index-0a59e2a1.js';
+import { s as setValidator } from './form-input-helpers-a5e07b34.js';
+import './overlays-85eb3384.js';
 import './lodash-653c0bcd.js';
-import './index-a16ef4a4.js';
+import './index-8e862f79.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-5cc0c65a.js';
-import './common-helpers-14c4b560.js';
+import './index-44d67644.js';
+import './common-helpers-65fabe9f.js';
 
 const formFeedPreviewCss = "svg:not(:root){overflow:hidden}:host{width:100%;height:100%}:host .readonly{border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}";
 

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-53ad1641.js';
-import './index-5cc0c65a.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
+import './index-44d67644.js';
 import { a as isNumber } from './lodash-653c0bcd.js';
-import { g as getAppContext } from './common-helpers-14c4b560.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-235514ff.js';
+import { g as getAppContext } from './common-helpers-65fabe9f.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-a5e07b34.js';
 import { f as feedbackValues } from './index-2319a076.js';
-import { t as translate, cD as getConfidenceDescriptionKey } from './overlays-315723b0.js';
-import './index-a16ef4a4.js';
+import { t as translate, cD as getConfidenceDescriptionKey } from './overlays-85eb3384.js';
+import './index-8e862f79.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFeedbackCss = "svg:not(:root){overflow:hidden}:host .heading{padding-bottom:var(--spacing-48, 3rem);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-28, 1.75rem);text-align:center}:host .feedback-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:space-evenly;justify-content:space-evenly}:host .readonly{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:start;justify-content:flex-start}:host .readonly span{font-size:var(--font-size-36, 2.25rem)}:host([type=confidence]){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host([type=confidence]) yoo-form-choice-card{--card-border-color:transparent}:host([type=confidence]) .container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;max-width:25rem}:host([type=confidence]) .container .heading{margin:0 var(--spacing-16, 1rem);color:var(--light, #ffffff)}:host([type=confidence]) .container .feedback-container,:host([type=confidence]) .container .readonly{-ms-flex-pack:justify;justify-content:space-between;margin:0 var(--spacing-24, 1.5rem)}:host([type=confidence]) .container .feedback-container .feedback,:host([type=confidence]) .container .readonly .feedback{width:4.375rem;margin-right:var(--spacing-16, 1rem)}:host([type=confidence]) .container .feedback-container .feedback .description,:host([type=confidence]) .container .readonly .feedback .description{margin:0;padding-top:var(--spacing-16, 1rem);color:var(--light, #ffffff);line-height:var(--spacing-24, 1.5rem);text-align:center;word-break:break-word}:host([type=confidence]) .container .button-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-64, 4rem)}:host([type=confidence]) .container .readonly{display:grid;grid-template-columns:repeat(3, minmax(0px, 1fr));margin:0;-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.mobile) .button-container{position:absolute;bottom:0.375rem;left:0;width:100%}:host(.mobile) .button-container yoo-button{width:100%;margin:var(--spacing-16, 1rem)}:host(.web) .container{margin:0 auto}:host([isLesson]) .container{height:100%}";

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

@@ -1,8 +1,8 @@
-import { h, r as registerInstance, i as createEvent } from './index-53ad1641.js';
-import { F as FormFilterDateOperator } from './index-a16ef4a4.js';
-import './index-5cc0c65a.js';
+import { h, r as registerInstance, i as createEvent } from './index-0a59e2a1.js';
+import { F as FormFilterDateOperator } from './index-8e862f79.js';
+import './index-44d67644.js';
 import { A as isEqual } from './lodash-653c0bcd.js';
-import { t as translate, ak as dateFormat } from './overlays-315723b0.js';
+import { t as translate, ak as dateFormat } from './overlays-85eb3384.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const Option = ({ animated, selected, size, text, onToggle }, children) => (h("div", { class: "option" },

package/dist/esm/yoo-form-filter-number.entry.js

@@ -1,8 +1,8 @@
-import { h, r as registerInstance, i as createEvent } from './index-53ad1641.js';
-import { w as FormFilterNumberOperator } from './index-a16ef4a4.js';
-import './index-5cc0c65a.js';
+import { h, r as registerInstance, i as createEvent } from './index-0a59e2a1.js';
+import { w as FormFilterNumberOperator } from './index-8e862f79.js';
+import './index-44d67644.js';
 import { A as isEqual } from './lodash-653c0bcd.js';
-import { t as translate } from './overlays-315723b0.js';
+import { t as translate } from './overlays-85eb3384.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const Option = ({ animated, selected, size, text, onToggle }, children) => (h("div", { class: "option" },

package/dist/esm/yoo-form-filter-text.entry.js

@@ -1,8 +1,8 @@
-import { h, r as registerInstance, i as createEvent } from './index-53ad1641.js';
-import { x as FormFilterTextOperator } from './index-a16ef4a4.js';
-import './index-5cc0c65a.js';
+import { h, r as registerInstance, i as createEvent } from './index-0a59e2a1.js';
+import { x as FormFilterTextOperator } from './index-8e862f79.js';
+import './index-44d67644.js';
 import { A as isEqual } from './lodash-653c0bcd.js';
-import { t as translate } from './overlays-315723b0.js';
+import { t as translate } from './overlays-85eb3384.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFilterTextCss = "svg:not(:root){overflow:hidden}:host{--dialog-max-height:initial;--dialog-position:initial;--dialog-width:initial}:host yoo-form-input{grid-column:2/2;width:11rem}:host .option{display:grid;grid-template-rows:repeat(2, auto);grid-template-columns:auto 1fr;-ms-flex-align:center;align-items: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 .options{display:grid;margin-bottom:var(--spacing-08, 0.5rem)}:host([size=small]) yoo-form-input,:host([size=medium]) yoo-form-input{margin-top:var(--spacing-04, 0.25rem)}:host([size=small]) .options,:host([size=medium]) .options{gap:var(--spacing-08, 0.5rem)}:host([size=large]) yoo-form-input{margin-top:var(--spacing-08, 0.5rem)}:host([size=large]) .options{gap:var(--spacing-16, 1rem)}";

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

@@ -1,9 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-53ad1641.js';
-import './index-5cc0c65a.js';
-import { i as isElementInViewport } from './common-helpers-14c4b560.js';
-import { Q as findParent, Z as translateMulti, t as translate } from './overlays-315723b0.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
+import './index-44d67644.js';
+import { Q as findParent, Z as translateMulti, t as translate } from './overlays-85eb3384.js';
 import './lodash-653c0bcd.js';
-import './index-a16ef4a4.js';
+import './index-8e862f79.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFilterCss = "svg:not(:root){overflow:hidden}:host ::slotted(*){overflow:auto}:host footer{display:-ms-flexbox;display:flex;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--app-color, #5a30f4);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;color:var(--text-color, #807f83)}:host input{padding:0;color:inherit;font:inherit;background:transparent;border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;cursor:inherit}:host input::-webkit-input-placeholder{color:var(--stable, #adadad)}:host input::-moz-placeholder{color:var(--stable, #adadad)}:host input:-ms-input-placeholder{color:var(--stable, #adadad)}:host input::-ms-input-placeholder{color:var(--stable, #adadad)}:host input::placeholder{color:var(--stable, #adadad)}:host yoo-context-dialog{position:var(--dialog-position);width:var(--dialog-width);max-height:var(--dialog-max-height);margin-top:var(--spacing-08, 0.5rem)}:host .clear{color:var(--app-color, #5a30f4);cursor:pointer}:host .input{display:grid;grid-auto-flow:column;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);cursor:pointer}:host([expanded]) .input{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host([size=small]) ::slotted(*),:host([size=medium]) ::slotted(*){padding:var(--spacing-08, 0.5rem)}:host([size=small]) header,:host([size=medium]) header{padding:var(--spacing-08, 0.5rem)}:host([size=small]) .input,:host([size=medium]) .input{gap:var(--spacing-08, 0.5rem);padding:0 var(--spacing-08, 0.5rem)}:host([size=small]){font-size:var(--font-size-12, 0.75rem)}:host([size=small]) footer{-ms-flex-preferred-size:2rem;flex-basis:2rem}:host([size=small]) .input{height:1.5rem;border-radius:var(--border-radius-02, 0.125rem)}:host([size=medium]){font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) footer{-ms-flex-preferred-size:2.5rem;flex-basis:2.5rem}:host([size=medium]) .input{height:2rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=large]){font-size:var(--font-size-16, 1rem)}:host([size=large]) ::slotted(*){padding:var(--spacing-16, 1rem)}:host([size=large]) header{padding:var(--spacing-16, 1rem)}:host([size=large]) .input{gap:var(--spacing-16, 1rem);padding:0 var(--spacing-16, 1rem)}:host([size=large]) footer{-ms-flex-preferred-size:3rem;flex-basis:3rem}:host([size=large]) .input{height:3rem;border-radius:var(--border-radius-08, 0.5rem)}:host([color=stable-alt]) .input{background:var(--stable-alt, #d0d0d0)}:host([color=stable-light]) .input{background:var(--stable-light, #f1f1f1)}:host([color=light]) .input{background:var(--light, #ffffff)}";
@@ -18,6 +17,10 @@ const YooFormFilterComponent = class {
      */
     this.expanded = false;
   }
+  get isInline() {
+    var _a, _b;
+    return (_b = (_a = findParent(this.host, 'yoo-form-input-container')) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('inline-row');
+  }
   handleClickOutside(event) {
     if (this.expanded && !event.composedPath().includes(this.host)) {
       this.expanded = false;
@@ -44,10 +47,10 @@ const YooFormFilterComponent = class {
         this.initialDialogHeight = height;
       }
       this.contextDialog.style.height = `${this.initialDialogHeight}px`;
-      if (!isElementInViewport(this.contextDialog) && getComputedStyle(this.contextDialog).position === 'fixed') {
-        const { top } = this.inputEl.getBoundingClientRect();
-        const newTop = top - this.initialDialogHeight;
-        this.contextDialog.style.top = `calc(${newTop}px - var(--spacing-08))`;
+      if (getComputedStyle(this.contextDialog).position === 'fixed') {
+        const { top, height } = this.inputEl.getBoundingClientRect();
+        const shouldOpenFromTop = (window.innerHeight - (top + height)) < this.initialDialogHeight;
+        this.contextDialog.style.top = this.isInline ? 'auto' : `${top + (shouldOpenFromTop ? 0 - this.initialDialogHeight : height)}px`;
         this.contextDialog.style.margin = '0';
       }
     }

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-53ad1641.js';
-import './index-5cc0c65a.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-0a59e2a1.js';
+import './index-44d67644.js';
 import { a as isNumber } from './lodash-653c0bcd.js';
-import { g as getButton } from './button.factory-a9cfffce.js';
-import { n as hideShowTabbar, g as getAppContext } from './common-helpers-14c4b560.js';
-import { A as isWeb, ep as getTimeOneLetterFormat } from './overlays-315723b0.js';
-import './index-4694c5d3.js';
-import './index-a16ef4a4.js';
+import { g as getButton } from './button.factory-81ae999e.js';
+import { m as hideShowTabbar, g as getAppContext } from './common-helpers-65fabe9f.js';
+import { A as isWeb, er as getTimeOneLetterFormat } from './overlays-85eb3384.js';
+import './index-677b035f.js';
+import './index-8e862f79.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFooterCss = "svg:not(:root){overflow:hidden}:host{--border-radius:0;--border:none;z-index:1;width:100%}:host .outer-container{z-index:2;padding-bottom:var(--safe-area-inset-bottom);background-color:var(--light, #ffffff)}:host .outer-container yoo-copyright{padding:var(--spacing-08, 0.5rem)}:host .outer-container .mission-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:var(--footer-height);background-color:var(--light, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .outer-container .mission-footer yoo-button{z-index:3}:host .outer-container .mission-footer .button-container{z-index:3;padding:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .outer-container .mission-footer .button-container.single{width:100%}:host .outer-container .mission-footer .button-container:first-child{padding-left:var(--spacing-16, 1rem)}:host .outer-container .mission-footer .button-container:last-child{padding-right:var(--spacing-16, 1rem)}:host .outer-container .mission-footer .timer-container{display:grid;grid-template-columns:20% auto;gap:var(--spacing-16, 1rem);-ms-flex-align:center;align-items:center;width:100%;max-width:14rem;margin-left:var(--spacing-16, 1rem);text-align:left}:host .outer-container .mission-footer .timer-container yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4);--stroke-width-circle:6}:host(:not(.relative)){position:absolute;top:auto;right:0;bottom:0;left:0}:host(.no-gradient) .mission-footer{height:3.125rem}:host(.mobile){--footer-height:5.75rem;min-height:var(--footer-height)}:host(.mobile) .mission-footer{-ms-flex-pack:distribute;justify-content:space-around;width:100%}:host(.mobile) .mission-footer .button-container{width:100%;overflow:hidden}:host(.mobile) .mission-footer .button-container yoo-button{--button-width-container:100%}:host(.web){--footer-height:cssvar(spacing-56);display:block;height:var(--spacing-56, 3.5rem)}:host(.web) .mission-footer{-ms-flex-pack:end !important;justify-content:flex-end !important;height:var(--spacing-56, 3.5rem)}:host(.web) .mission-footer .button-container{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.web) .mission-footer .button-container yoo-button{min-width:6rem}:host(.web.with-copyright){--footer-height:5.75rem;height:var(--footer-height)}:host(.no-border) .mission-footer{border-top:0}:host(.hide){display:none}:host(.full-width) .mission-footer .button-container{width:100%}:host(.web.fixed) .mission-footer{position:fixed !important}:host(.sticky.web){position:-webkit-sticky;position:sticky;bottom:0}:host(.course.web.fixed) .mission-footer{width:calc(100% - 17.5rem)}:host(.web.rating){position:absolute;top:auto;right:0;bottom:0;left:0}:host(.expanded-grid-view) .mission-footer .button-container yoo-button{width:4.125rem}@media (orientation: landscape){:host(.landscape.tablet:not(.emulate-preview)) .mission-footer{-ms-flex-pack:center;justify-content:center}:host(.landscape.tablet:not(.emulate-preview)) .mission-footer .button-container{width:25%}}:host(.lesson) .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.lesson.web) .mission-footer{width:100%}:host(.slot){--footer-height:auto}:host(.slot) .outer-container{padding:0 var(--spacing-16, 1rem)}:host(.slot) .button-container{width:100%}:host(.slot) .mission-footer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.slot) .mission-footer .header{width:100%;padding:var(--spacing-08, 0.5rem) 0}:host(.lesson-detail) .mission-footer .timer-container{-ms-flex-pack:end !important;justify-content:flex-end !important;padding-right:var(--spacing-16, 1rem)}";

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h } from './index-53ad1641.js';
-import { s as setValidator } from './form-input-helpers-235514ff.js';
-import './overlays-315723b0.js';
+import { r as registerInstance, i as createEvent, h } from './index-0a59e2a1.js';
+import { s as setValidator } from './form-input-helpers-a5e07b34.js';
+import './overlays-85eb3384.js';
 import './lodash-653c0bcd.js';
-import './index-a16ef4a4.js';
+import './index-8e862f79.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-5cc0c65a.js';
-import './common-helpers-14c4b560.js';
+import './index-44d67644.js';
+import './common-helpers-65fabe9f.js';
 
 const formFormulaCss = "svg:not(:root){overflow:hidden}:host .readonly{padding:0.5rem 0.5rem 0 0}";