@yoobic/yobi 8.3.0 → 8.3.1-10

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
-import './index-4bc6078a.js';
-import { g as getAppContext } from './common-helpers-fe634d0d.js';
-import { P as onWorkflowStepClicked } from './index-90790439.js';
-import { t as translate } from './overlays-ccc6076c.js';
+import './index-abd62f7b.js';
+import { g as getAppContext } from './common-helpers-4b9004c1.js';
+import { P as onWorkflowStepClicked } from './index-f1aeea85.js';
+import { t as translate } from './overlays-d9ef0a1c.js';
 import './lodash-f6e59a8e.js';
-import './index-e7f48bcb.js';
+import './index-eec8505b.js';
 import './annotations-helpers-628a8ae3.js';
 import './_commonjsHelpers-f4d11124.js';
 

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-becca019.js';
-import './index-4bc6078a.js';
-import { g as groupsFullResolver } from './entities-helpers-1e2a5ab5.js';
-import { K as getCssColor, t as translate, Z as translateMulti, a7 as getUserDisplayName } from './overlays-ccc6076c.js';
+import './index-abd62f7b.js';
+import { g as groupsFullResolver } from './entities-helpers-899c709c.js';
+import { K as getCssColor, t as translate, Z as translateMulti, a7 as getUserDisplayName } from './overlays-d9ef0a1c.js';
 import './lodash-f6e59a8e.js';
-import './index-e7f48bcb.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formCreatorWorkflowStepCss = ":host{cursor:pointer}:host .container{position:relative;display:block;width:auto;min-width:25rem;max-width:37.5rem;margin-right:auto;margin-left:auto;padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem) var(--spacing-24, 1.5rem);background:var(--light, #ffffff);border-radius:0.25rem;-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host .container .color-tag{position:absolute;top:0;right:auto;bottom:0;left:0;width:0.5rem;background-color:var(--app-color, #5a30f4);border-top-left-radius:var(--border-radius-04, 0.25rem);border-bottom-left-radius:var(--border-radius-04, 0.25rem)}:host .container .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;overflow:hidden}:host .container .title{padding-right:var(--spacing-08, 0.5rem);font-weight:bold}:host .container .description,:host .container .condition{padding-top:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .container .assigned{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:var(--font-size-14, 0.875rem)}:host .container .assigned .manager{padding-left:var(--spacing-08, 0.5rem)}:host .container .actions{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:var(--spacing-08, 0.5rem)}:host .container .actions .flex{-ms-flex:1;flex:1}:host .container .actions .flex.margin-left{margin-left:var(--spacing-32, 2rem)}:host .container yoo-context-menu{margin:auto}:host(.active) .container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.active.goto) .container{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host(.parallel:not(.form-mode)){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.parallel:not(.form-mode)) .container{width:15rem;color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host(.parallel:not(.form-mode)) .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-radius-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps{display:-ms-flexbox;display:flex;-ms-flex-pack:space-evenly;justify-content:space-evenly;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 var(--spacing-16, 1rem);border-radius:0.25rem}:host(.parallel:not(.form-mode)) .steps yoo-button{text-align:center}:host(.parallel:not(.form-mode)) .steps yoo-form-creator-workflow-step{-ms-flex:1;flex:1;max-width:15rem}:host(.parallel:not(.form-mode)) .steps .branch{position:relative;padding:var(--spacing-64, 4rem) var(--spacing-48, 3rem)}:host(.parallel:not(.form-mode)) .steps .branch.middle-branch{border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0);border-bottom:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch yoo-form-creator-workflow-step,:host(.parallel:not(.form-mode)) .steps .branch yoo-context-menu{position:relative;z-index:1}:host(.parallel:not(.form-mode)) .steps .branch .absolute-vertical-line{position:absolute;top:0;right:calc(50% - 0.0625rem);bottom:0;left:auto;z-index:0;width:0.125rem;background:var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .color-backdrop{position:absolute;top:4.5rem;right:2rem;bottom:8rem;left:2rem;opacity:0.1}:host(.parallel:not(.form-mode)) .steps .branch.single-branch{padding:0 var(--spacing-16, 1rem)}:host(.parallel:not(.form-mode)) .steps .branch.single-branch .color-backdrop{position:absolute;top:0;right:0;bottom:4rem;left:0}:host(.parallel:not(.form-mode)) .steps .branch .border-line{position:absolute;top:0;right:0;bottom:0;left:0;border:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.left{left:calc(50% - 0.0625rem);border-right:none;border-top-left-radius:var(--border-radius-24, 1.5rem);border-bottom-left-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .border-line.right{right:calc(50% - 0.0625rem);border-left:none;border-top-right-radius:var(--border-radius-24, 1.5rem);border-bottom-right-radius:var(--border-radius-24, 1.5rem)}:host(.parallel:not(.form-mode)) .steps .branch .circle-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;margin:auto;color:var(--always-light);border-radius:50%;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}:host(.parallel-child-step:not(.form-mode)) .container{z-index:1;width:15rem}:host(.form-mode) .container{display:-ms-flexbox;display:flex;min-width:unset;max-width:15.5rem;height:2rem;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem)}:host(.form-mode) .container .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.form-mode) .steps{position:relative;margin-left:2.375rem;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch:not(.first-branch){margin-top:var(--spacing-32, 2rem)}:host(.form-mode) .steps .branch:not(.first-branch):not(.last-branch) .attach-horizontal-line{height:calc(100% + 2.5rem);margin-top:-2.5rem}:host(.form-mode) .steps .branch{position:relative;margin-left:var(--spacing-40, 2.5rem)}:host(.form-mode) .steps .branch .horizontal-line{position:absolute;top:1.45rem;left:calc(10% - 1.5rem);width:2rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .branch .attach-horizontal-line{position:absolute;width:0;height:100%;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .steps .first-branch .attach-horizontal-line{top:1.5rem}:host(.form-mode) .steps .last-branch .attach-horizontal-line{top:0;height:3.5rem;margin-top:-2rem}:host(.form-mode) .steps .single-branch-and-substep .attach-horizontal-line{height:0}:host(.form-mode) .steps .single-branch-and-substep .active.horizontal-line{top:1.47rem}:host(.form-mode) .steps .single-branch-and-multiple-substep .attach-horizontal-line{height:calc(50% - 1.45rem)}:host(.form-mode) .vertical-line{width:0;height:1rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.form-mode) .branch-button-wrapper{position:absolute;top:calc(50% - 1rem);left:-1rem;display:-ms-flexbox;display:flex}:host(.form-mode) .branch-button-wrapper .icon-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;background-color:var(--light, #ffffff);border-radius:var(--border-radius-16, 1rem);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(.form-mode) .branch-button-wrapper .horizontal-line{width:1.5rem;height:0;margin:auto;border-top:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host(.parallel-child-step.form-mode) .container{max-width:10rem;margin-right:0.75rem}:host(.first-parallel-child-step) .container{margin-top:var(--spacing-16, 1rem)}:host(.last-parallel-child-step.form-mode) .vertical-line{display:none}:host(.form-mode.parallel) .vertical-line{margin-left:2.375rem}";

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-becca019.js';
-import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, r as CONDITION_TYPES, s as FormFieldCategory, t as FormCreatorBulkActions, u as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-e7f48bcb.js';
-import './index-4bc6078a.js';
+import { q as FormCreatorOptions, A as ALL_MOBILE_FORM_FIELDS, c as FormFieldType, r as CONDITION_TYPES, s as FormFieldCategory, t as FormCreatorBulkActions, u as FEEDBACK_SCORING_VALUES, S as ScoringCategory } from './index-eec8505b.js';
+import './index-abd62f7b.js';
 import { c as cloneDeep, o as orderBy, n as compact, i as isArray } from './lodash-f6e59a8e.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-4d88723b.js';
-import { g as getAppContext } from './common-helpers-fe634d0d.js';
-import { N as NON_CONDITION_CATEGORIES, A as ARROW_PAIR } from './index-aef3c5bc.js';
-import { a as addNewIdsToSlide, s as serializeScoringValuePairs, u as updateSelectedFields, i as isScoring, g as getExpandableBlockReference, r as removeCondition, b as removePageCondtion, c as addNewUnattachedParentConditions, d as deleteFieldAndRemoveConditionReferences, e as duplicateField, f as deleteCondition, h as deleteUnattachedParentConditions, j as findCondition, k as updateCondition, l as setBlockSelection, m as cleanCustomFormFieldSlides, t as translateAll, n as cleanUnattachedParentConditions, o as removeSelectedItems, p as setSelectedScoring, q as getFieldsWithScoring, v as populateFieldsWithScoring, w as setFormFieldIndex, x as setParentConditions, y as updateUnattatchedCondition, z as doesSlidePageHaveItems, A as getNumberOfSequentialFields, B as getDefaultCondition, C as addNewParentCondition, D as createNewIdsForCustomFields, E as getDefaultField, F as getScoringQuickSetupData, G as checkForFieldAttribute, H as populateMissingValues, I as setRestrictionAndFieldConditions, J as setChildFields } from './index-90790439.js';
-import { aU as updateTranslationKey, aV as checkIfKeyIsInPage, t as translate, ae as showAlert, aW as removeScoringSelectedFields, aX as serializeScores, aY as setFieldIconAndCategory, Z as translateMulti, aZ as findField, a_ as CURVE_EASE_OUT_QUAD, a$ as changeSelectedScoring, X as isNullOrUndefined, b0 as hasImageRecognitionFields, aO as getUUID, av as getCurrentLanguage, b1 as calculateScoringTotal, b2 as formatSlides, z as showModal, b3 as showToast, b4 as checkIfKeyIsInField, b5 as removeParentCondition, b6 as populateScoringFields, b7 as isFieldNameUnique, b8 as getCustomName, a3 as getSession, p as closeModal, b9 as getScoringCategory, ba as formatScoringValuePairs, bb as findMultiMaxScore } from './overlays-ccc6076c.js';
+import { F as FORM_CREATOR_BULK_ACTIONS_ALL } from './index-55e1ad87.js';
+import { g as getAppContext } from './common-helpers-4b9004c1.js';
+import { N as NON_CONDITION_CATEGORIES, A as ARROW_PAIR } from './index-aea0ac6c.js';
+import { a as addNewIdsToSlide, s as serializeScoringValuePairs, u as updateSelectedFields, i as isScoring, g as getExpandableBlockReference, r as removeCondition, b as removePageCondtion, c as addNewUnattachedParentConditions, d as deleteFieldAndRemoveConditionReferences, e as duplicateField, f as deleteCondition, h as deleteUnattachedParentConditions, j as findCondition, k as updateCondition, l as setBlockSelection, m as cleanCustomFormFieldSlides, t as translateAll, n as cleanUnattachedParentConditions, o as removeSelectedItems, p as setSelectedScoring, q as getFieldsWithScoring, v as populateFieldsWithScoring, w as setFormFieldIndex, x as setParentConditions, y as updateUnattatchedCondition, z as doesSlidePageHaveItems, A as getNumberOfSequentialFields, B as getDefaultCondition, C as addNewParentCondition, D as createNewIdsForCustomFields, E as getDefaultField, F as getScoringQuickSetupData, G as checkForFieldAttribute, H as populateMissingValues, I as setRestrictionAndFieldConditions, J as setChildFields } from './index-f1aeea85.js';
+import { aV as updateTranslationKey, aW as checkIfKeyIsInPage, t as translate, ae as showAlert, aX as removeScoringSelectedFields, aY as serializeScores, aZ as setFieldIconAndCategory, Z as translateMulti, a_ as findField, a$ as CURVE_EASE_OUT_QUAD, b0 as changeSelectedScoring, X as isNullOrUndefined, b1 as hasImageRecognitionFields, aP as getUUID, aw as getCurrentLanguage, b2 as calculateScoringTotal, b3 as formatSlides, z as showModal, b4 as showToast, b5 as checkIfKeyIsInField, b6 as removeParentCondition, b7 as populateScoringFields, b8 as isFieldNameUnique, b9 as getCustomName, a3 as getSession, p as closeModal, ba as getScoringCategory, bb as formatScoringValuePairs, bc as findMultiMaxScore } from './overlays-d9ef0a1c.js';
 import { c as conditionBlocksConfig } from './form-field.instance-9dc4d638.js';
 import './workflow.interface-79064a52.js';
 import './item-sliding.interface-85f6790e.js';

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
-import { c as FormFieldType } from './index-e7f48bcb.js';
-import './index-4bc6078a.js';
+import { c as FormFieldType } from './index-eec8505b.js';
+import './index-abd62f7b.js';
 import { i as isArray } from './lodash-f6e59a8e.js';
-import { q as querySelectorDeep, g as getAppContext } from './common-helpers-fe634d0d.js';
-import { s as setValidator, v as validate, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-48580c4a.js';
-import { A as isWeb, aI as dateAdd, j as isNativeMobile, p as closeModal, am as is24Hour, ak as dateFormat, t as translate, dv as getRoundedMinutes, aq as pipes, aK as getHours, aL as getMinutes, aM as setDateHours, aN as setDateMinutes, Q as findParent, h as isFullScreenFalse, z as showModal, dw as getDialogPosition, y as getModalAnimation, O as isDateAfter, L as startOf, bQ as endOf, H as isIOS, k as isAndroid, aH as dateSub, a3 as getSession } from './overlays-ccc6076c.js';
+import { q as querySelectorDeep, g as getAppContext } from './common-helpers-4b9004c1.js';
+import { s as setValidator, v as validate, c as convertValueForInputType, a as setValueAndValidateInput, g as getTimeDisplayValue, o as onInputClear, b as onInputBlurred, d as onInputFocused } from './form-input-helpers-76052552.js';
+import { A as isWeb, aJ as dateAdd, j as isNativeMobile, p as closeModal, am as is24Hour, ak as dateFormat, t as translate, dw as getRoundedMinutes, ar as pipes, aL as getHours, aM as getMinutes, aN as setDateHours, aO as setDateMinutes, Q as findParent, h as isFullScreenFalse, z as showModal, dx as getDialogPosition, y as getModalAnimation, O as isDateAfter, L as startOf, bR as endOf, H as isIOS, k as isAndroid, aI as dateSub, a3 as getSession } from './overlays-d9ef0a1c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDateTimeCss = ":host{display:block;opacity:1}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;min-height:2.875rem;max-height:2.875rem;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container.valid{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host .outer-container.invalid{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host .outer-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host .outer-container .input-container input{display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0;width:100%;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);line-height:1.5;vertical-align:unset;background:var(--light, #ffffff);border:none}:host .outer-container .input-container input:focus{outline:0}:host .outer-container .input-container input[type=reset],:host .outer-container .input-container input[type=button],:host .outer-container .input-container input[type=submit],:host .outer-container .input-container input[type=checkbox],:host .outer-container .input-container input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}:host .outer-container .input-container input[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}:host .outer-container .input-container input.native{padding:0rem 1rem}:host .outer-container .icon-prefix,:host .outer-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem)}:host .outer-container .clear{padding-right:var(--spacing-08, 0.5rem)}:host .readonly{padding:0.5rem 0.5rem 0 0;color:var(--dark, #000000)}:host(.ios) .outer-container .input-container input{caret-color:transparent}:host(.history) .readonly{padding:0 !important}:host(.x-large) .readonly{font-size:var(--font-size-36, 2.25rem)}:host(.condition-block) .outer-container{border:none}:host(.condition-block) .outer-container .icon-prefix{display:none}:host(.condition-block) .outer-container .input-container input{background-color:var(--stable-light, #f1f1f1)}:host([size=medium]:not(.readonly)) .outer-container{min-height:1.875rem;max-height:1.875rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container{min-height:1.375rem;max-height:1.375rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not(.readonly)) .outer-container .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}";
@@ -237,7 +237,7 @@ const YooFormDateTimeComponent = class {
       this.dialog.style.height = 'auto';
       showModal(this.dialog, null, this.updateModalCssClass(), this.getModalAnimation('Enter'), this.getModalAnimation('Leave'), true, false, null, null, null, null, null, null, null, () => {
         if (this.dialog) {
-          const { placement } = getDialogPosition(this.outerContainer.getBoundingClientRect(), 'below', this.dialog, width);
+          const { placement } = getDialogPosition(this.outerContainer, 'below', this.dialog, width);
           const maxDialogHeight = placement === 'above' ? top : window.innerHeight - (top + height);
           this.dialog.style.transition = 'all 750ms';
           this.dialog.style.maxHeight = `${maxDialogHeight}px`;
@@ -246,7 +246,7 @@ const YooFormDateTimeComponent = class {
       }).then(onClose);
     }
     else {
-      showModal(this.dialog, { half: true, coeffHalf: this.isTimeInput(this.type) ? 0.33 : 0.66 }, null, getModalAnimation('Enter', 'Y'), getModalAnimation('Leave', 'Y'), true, false).then(onClose);
+      showModal(this.dialog, { half: true, coeffHalf: this.isTimeInput(this.type) ? 0.33 : 0.66 }, null, getModalAnimation('Enter', 'Y', { host: this.host }), getModalAnimation('Leave', 'Y', { host: this.host }), true, false).then(onClose);
     }
   }
   onDateChanged(event) {

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
-import './index-4bc6078a.js';
-import { g as getAppContext } from './common-helpers-fe634d0d.js';
-import { a as setValueAndValidateInput } from './form-input-helpers-48580c4a.js';
-import { t as translate, aH as dateSub, bf as getDatesFromDateRange, A as isWeb, bg as getDatesRangeDisplay } from './overlays-ccc6076c.js';
+import './index-abd62f7b.js';
+import { g as getAppContext } from './common-helpers-4b9004c1.js';
+import { a as setValueAndValidateInput } from './form-input-helpers-76052552.js';
+import { t as translate, aI as dateSub, bg as getDatesFromDateRange, A as isWeb, bh as getDatesRangeDisplay } from './overlays-d9ef0a1c.js';
 import './lodash-f6e59a8e.js';
-import './index-e7f48bcb.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDaterangeCss = ":host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .dropdown-container{display:-ms-flexbox;display:flex;-ms-flex:33%;flex:33%}:host .outer-container .dropdown-container .mode-text{-ms-flex:1;flex:1}:host .outer-container .bottom-container{padding:1rem}:host .outer-container .bottom-container .timespan-text{margin-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .dynamic-checkbox-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:1rem}:host .outer-container .dynamic-checkbox-container yoo-form-checkbox{margin-right:0.5rem}:host .outer-container .dynamic-timescale-container{display:-ms-flexbox;display:flex}:host .outer-container .dynamic-timescale-container .timespan-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;margin-right:var(--spacing-16, 1rem)}:host .outer-container .dynamic-timescale-container .timespan-container .timespan-text{margin-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .dynamic-timescale-container .timescale-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host .outer-container .dynamic-timescale-container .timescale-container .timescale-text{-ms-flex:0.75;flex:0.75;margin-bottom:var(--spacing-04, 0.25rem)}:host .outer-container .dynamic-timescale-container .timescale-container .timescale-selected{display:-ms-flexbox;display:flex}:host .outer-container .dynamic-timescale-container .timescale-container .timescale-selected .timescale-selected-text{margin-right:var(--spacing-08, 0.5rem)}:host(.web){font-size:var(--font-size-14, 0.875rem)}";

package/dist/design-system/yoo-form-document-dialog.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-becca019.js';
-import { a3 as getSession, j as isNativeMobile, S as ScreenOrientation, P as getAsyncExtraData, k as isAndroid, t as translate, A as isWeb, fm as isDocumentEmailSupported, dT as getPermissions, fj as isDocumentDownloadSupported, aj as downloadFile, p as closeModal, an as isFile, au as isCloudinaryLink, ay as changeExtension, ag as isVideo, dA as isAudio, c$ as getExtension, U as Cloudinary, eV as getType, al as dispatchCustomEvent, fn as getNativeDirectory, fo as fileNativeCheckFile, M as isDateBefore, fp as downloadFileToDevice, af as showActionSheet, aq as pipes } from './overlays-ccc6076c.js';
-import './index-4bc6078a.js';
+import { a3 as getSession, j as isNativeMobile, S as ScreenOrientation, P as getAsyncExtraData, k as isAndroid, t as translate, A as isWeb, fm as isDocumentEmailSupported, dT as getPermissions, fj as isDocumentDownloadSupported, aj as downloadFile, p as closeModal, an as isFile, av as isCloudinaryLink, az as changeExtension, ag as isVideo, dB as isAudio, d0 as getExtension, U as Cloudinary, eV as getType, al as dispatchCustomEvent, fn as getNativeDirectory, fo as fileNativeCheckFile, M as isDateBefore, fp as downloadFileToDevice, af as showActionSheet, ar as pipes } from './overlays-d9ef0a1c.js';
+import './index-abd62f7b.js';
 import { q as isString } from './lodash-f6e59a8e.js';
-import { g as getAppContext } from './common-helpers-fe634d0d.js';
-import './index-e7f48bcb.js';
+import { g as getAppContext } from './common-helpers-4b9004c1.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDocumentDialogCss = ":host{--dialog-padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host yoo-swipe-container{height:100%;background:var(--dark, #000000)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%}:host .outer-container audio{width:100%;margin-top:auto;padding-bottom:var(--dialog-padding-bottom)}:host yoo-ion-content{position:absolute;top:0;height:100%;margin:0 !important;padding:0 !important;background:var(--dark, #000000)}:host yoo-ion-content .box-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:var(--light, #ffffff);border:none}:host(.with-box) yoo-ion-content{position:relative}:host(.with-box.image.web) yoo-header{background:transparent}:host(.with-box.image.web) yoo-ion-content{position:absolute}:host(.audio) yoo-header{position:absolute}:host(.audio) .outer-container{height:calc(100vh - 10px)}:host(.web) yoo-ion-content{background:var(--light, #ffffff)}:host(.image) yoo-header{background-color:var(--dark, #000000)}:host(.image) yoo-header yoo-navbar{--bottom-shadow:none}:host(.video) yoo-ion-content,:host(.url) yoo-ion-content{display:block;height:100%;margin:0 !important;padding:0 !important;background:var(--dark, #000000)}:host(.iphone-x){--dialog-padding-bottom:35px}";

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
-import './index-4bc6078a.js';
-import { g as getFromOfflineStorage } from './localForage-251ffb29.js';
-import { g as getAppContext } from './common-helpers-fe634d0d.js';
-import { P as getAsyncExtraData, bj as isOffline, t as translate, A as isWeb, fj as isDocumentDownloadSupported, ep as showDocumentDownloadOptions, eV as getType, j as isNativeMobile, ce as isBase64, fk as openBase64File, z as showModal, ag as isVideo, dz as isDocument, c$ as getExtension, ai as isImage, fl as toPng, fa as getIconName, fb as getIconColor } from './overlays-ccc6076c.js';
+import './index-abd62f7b.js';
+import { g as getFromOfflineStorage } from './localForage-ee557eb9.js';
+import { g as getAppContext } from './common-helpers-4b9004c1.js';
+import { P as getAsyncExtraData, bk as isOffline, t as translate, A as isWeb, fj as isDocumentDownloadSupported, ep as showDocumentDownloadOptions, eV as getType, j as isNativeMobile, cf as isBase64, fk as openBase64File, z as showModal, ag as isVideo, dA as isDocument, d0 as getExtension, ai as isImage, fl as toPng, fa as getIconName, fb as getIconColor } from './overlays-d9ef0a1c.js';
 import './lodash-f6e59a8e.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e7f48bcb.js';
+import './index-eec8505b.js';
 
 const formDocumentCss = ":host{--card-file-padding:unset;--height-image-container:260px;--outer-container-padding:0.5rem 0rem;--card-file-image-content:center;display:block}:host .outer-container,:host .readonly{padding:var(--outer-container-padding)}:host .outer-container .image-container,:host .readonly .image-container{height:100%;margin-right:auto;margin-left:auto}:host .outer-container .image-container:not(.no-border),:host .readonly .image-container:not(.no-border){border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:0.5rem}:host .outer-container .image-container.contain,:host .readonly .image-container.contain{min-width:150px;height:150px;margin:0 1rem;border:none}:host .outer-container .image-container.relative-to-window,:host .readonly .image-container.relative-to-window{height:25vh}:host .readonly{position:relative}:host .readonly .image-container{width:98px;height:98px;margin-left:0}:host .readonly yoo-card-file{--card-padding:var(--card-file-padding);--card-image-content:var(--card-file-image-content)}:host .readonly .info-container{position:absolute;bottom:10px;left:73px}:host(.expanded){width:100%}:host(.banner) .outer-container{margin:0 -2rem;margin-top:-1rem}:host(.banner) .outer-container.bg-app-color-10{background:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host(.banner) .outer-container yoo-img{border:none;border-radius:0}:host(.transparent) .outer-container{background:transparent}";
 

package/dist/design-system/yoo-form-dynamic-dialog.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-becca019.js';
-import './index-4bc6078a.js';
-import { g as getButton } from './button.factory-ee287fe8.js';
-import { p as closeModal, A as isWeb, t as translate, az as toButton } from './overlays-ccc6076c.js';
+import './index-abd62f7b.js';
+import { g as getButton } from './button.factory-8372bcb4.js';
+import { p as closeModal, A as isWeb, t as translate, aA as toButton } from './overlays-d9ef0a1c.js';
 import './lodash-f6e59a8e.js';
-import './index-ffa651b0.js';
-import './index-e7f48bcb.js';
+import './index-a61fa6a9.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formDynamicDialogCss = ":host(.web-center){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;max-height:100%;margin:auto !important;overflow:hidden;border-radius:0.5rem}:host yoo-ion-content{background:var(--light, #ffffff)}:host .content{display:block;-ms-flex:1;flex:1;min-height:9rem;overflow-x:hidden;overflow-y:auto;background:var(--light, #ffffff)}:host .content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host yoo-ion-footer{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0.5rem}:host yoo-ion-footer .flex{-ms-flex:1;flex:1}:host yoo-ion-footer yoo-button{padding:var(--spacing-08, 0.5rem)}:host yoo-ion-footer yoo-button.web{margin:0 var(--spacing-08, 0.5rem);padding:0}";

package/dist/design-system/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-becca019.js';
-import { c as FormFieldType, n as IncentivePartType } from './index-e7f48bcb.js';
-import './index-4bc6078a.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, 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, a1 as flatten, C as get, J as pick } from './lodash-f6e59a8e.js';
-import { b as getMissionStatusIconName } from './operation-helpers-adad82c1.js';
-import { q as querySelectorDeep, c as querySelectorAllDeep, k as lockSwipes, b as getActiveElementShadow, n as hideShowTabbar, g as getAppContext } from './common-helpers-fe634d0d.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-a8dddf68.js';
-import { e as setValueAndResetInputValidity, a as setValueAndValidateInput } from './form-input-helpers-48580c4a.js';
-import { A as isWeb, t as translate, j as isNativeMobile, C as debounce, k as isAndroid, Q as findParent, bu as getFieldValue, cF as isQuiz, ea as isTimedQuiz, eb as isConfidenceAssessment, b3 as showToast, aZ as findField, X as isNullOrUndefined, a3 as getSession, du as isKeyboardResizeModeInactive, aa as disableKeyboardResize, cs as isIonic, ab as enableKeyboardResize, v as cancelRequestInterval, by as slenderizeObject, r as requestInterval, ec as isVisible, ed as hasValue, aC as showContextMenu, z as showModal, Z as translateMulti, K as getCssColor, H as isIOS, ee as getDistance, ef as isFieldWithDirectValue, aG as isPresent, eg as isFieldWithNoValue, eh as updateDatasetFilters, db as isAnimationsDisabled, cC as answerIsValid, ei as getConfidenceEmoji, cz as getConfidenceDescriptionKey, G as isIphoneX, cx as isContentOnly, aq as pipes, bv as getFieldReplacement, bq as evalInContext, ej as isSamsung, y as getModalAnimation, ek as isPhotoOrMultiPhotosField, bd as isValueATranslationKey, bO as isSafari, el as isChromeForIos } from './overlays-ccc6076c.js';
+import { c as FormFieldType, n as IncentivePartType } from './index-eec8505b.js';
+import './index-abd62f7b.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, y as isEmpty, a8 as findLastIndex, o as orderBy, a2 as groupBy, k as keys, a6 as range, q as isString, Z as uniqBy, a1 as flatten, n as compact, C as get, J as pick } from './lodash-f6e59a8e.js';
+import { b as getMissionStatusIconName } from './operation-helpers-1b727086.js';
+import { q as querySelectorDeep, c as querySelectorAllDeep, k as lockSwipes, b as getActiveElementShadow, n as hideShowTabbar, g as getAppContext } from './common-helpers-4b9004c1.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-ecbb6379.js';
+import { e as setValueAndResetInputValidity, a as setValueAndValidateInput } from './form-input-helpers-76052552.js';
+import { A as isWeb, t as translate, j as isNativeMobile, C as debounce, k as isAndroid, Q as findParent, bv as getFieldValue, cG as isQuiz, ea as isTimedQuiz, eb as isConfidenceAssessment, b4 as showToast, a_ as findField, X as isNullOrUndefined, a3 as getSession, dv as isKeyboardResizeModeInactive, aa as disableKeyboardResize, ct as isIonic, ab as enableKeyboardResize, v as cancelRequestInterval, bz as slenderizeObject, r as requestInterval, ec as isVisible, ed as hasValue, aD as showContextMenu, z as showModal, Z as translateMulti, K as getCssColor, H as isIOS, ee as getDistance, ef as isFieldWithDirectValue, aH as isPresent, eg as isFieldWithNoValue, eh as updateDatasetFilters, dc as isAnimationsDisabled, cD as answerIsValid, ei as getConfidenceEmoji, cA as getConfidenceDescriptionKey, G as isIphoneX, cy as isContentOnly, ar as pipes, bw as getFieldReplacement, br as evalInContext, ej as isSamsung, y as getModalAnimation, ek as isPhotoOrMultiPhotosField, be as isValueATranslationKey, bP as isSafari, el as isChromeForIos } from './overlays-d9ef0a1c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 function getFieldState(field, fieldsState) {
@@ -2808,7 +2808,7 @@ 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 || 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, useUppercaseLabel: this.host.classList.contains('login-sso'), 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 || 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: isAnimationsDisabled() ? false : this.animated, fullscreen: this.isFullscreenFieldType(field.type) }, !isPdfMultiplePhotos && inputFn())),
@@ -3290,6 +3290,7 @@ const YooFormDynamicComponent = class {
           inputmode: field.type === FormFieldType.number && isSamsung() ? 'numeric' : '',
           step: field.step,
           iconPrefix: icon,
+          iconPrefixColor: field.iconPrefixColor,
           iconSuffix: field.iconSuffix,
           textSuffix: field.textSuffix,
           regex: field.regex,
@@ -3836,7 +3837,7 @@ const YooFormDynamicComponent = class {
       }
       case FormFieldType.selectimage: {
         const multiple = field.multiple;
-        const values = field.values || ((_m = field.opValues) === null || _m === void 0 ? void 0 : _m.find((opValue) => opValue));
+        const values = flatten((field === null || field === void 0 ? void 0 : field.complexSelectImageValues) || (field === null || field === void 0 ? void 0 : field.values) || ((_m = field === null || field === void 0 ? void 0 : field.opValues) === null || _m === void 0 ? void 0 : _m.find((opValue) => opValue || [])));
         TagType = 'yoo-form-choice-image';
         attrs = {
           ...attrs,
@@ -4680,7 +4681,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);
-          showModal(preview, null, null, getModalAnimation('Enter', 'X', true), getModalAnimation('Leave', 'X', true), true);
+          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/design-system/yoo-form-emailreport.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, g as getElement } from './index-becca019.js';
-import './index-4bc6078a.js';
+import './index-abd62f7b.js';
 import { i as isArray, n as compact, l as uniq, T as difference } from './lodash-f6e59a8e.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-48580c4a.js';
-import { a3 as getSession, A as isWeb } from './overlays-ccc6076c.js';
-import './index-e7f48bcb.js';
-import './common-helpers-fe634d0d.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-76052552.js';
+import { a3 as getSession, A as isWeb } from './overlays-d9ef0a1c.js';
+import './index-eec8505b.js';
+import './common-helpers-4b9004c1.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formEmailreportCss = ":host .subtitle{color:var(--text-color, #807f83)}:host .readonly{padding:0.5rem 0.5rem 0 0}:host(.history) .readonly{padding:0 !important}";

package/dist/design-system/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-becca019.js';
-import './index-4bc6078a.js';
+import './index-abd62f7b.js';
 import { A as isEqual } from './lodash-f6e59a8e.js';
-import { P as getAsyncExtraData, t as translate } from './overlays-ccc6076c.js';
-import './index-e7f48bcb.js';
+import { P as getAsyncExtraData, t as translate } from './overlays-d9ef0a1c.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formEntityValuePairsCss = ":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/design-system/yoo-form-explanation.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-becca019.js';
-import './index-4bc6078a.js';
-import { t as translate, Z as translateMulti, j as isNativeMobile, cB as isPdf } from './overlays-ccc6076c.js';
+import './index-abd62f7b.js';
+import { t as translate, Z as translateMulti, j as isNativeMobile, cC as isPdf } from './overlays-d9ef0a1c.js';
 import './lodash-f6e59a8e.js';
-import './index-e7f48bcb.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formExplanationCss = ":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/design-system/yoo-form-feed-preview.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h } from './index-becca019.js';
-import { s as setValidator } from './form-input-helpers-48580c4a.js';
-import './overlays-ccc6076c.js';
+import { s as setValidator } from './form-input-helpers-76052552.js';
+import './overlays-d9ef0a1c.js';
 import './lodash-f6e59a8e.js';
-import './index-e7f48bcb.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-4bc6078a.js';
-import './common-helpers-fe634d0d.js';
+import './index-abd62f7b.js';
+import './common-helpers-4b9004c1.js';
 
 const formFeedPreviewCss = ":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/design-system/yoo-form-feedback.entry.js

@@ -1,14 +1,14 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
-import './index-4bc6078a.js';
+import './index-abd62f7b.js';
 import { a as isNumber } from './lodash-f6e59a8e.js';
-import { g as getAppContext } from './common-helpers-fe634d0d.js';
-import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-48580c4a.js';
+import { g as getAppContext } from './common-helpers-4b9004c1.js';
+import { s as setValidator, a as setValueAndValidateInput } from './form-input-helpers-76052552.js';
 import { f as feedbackValues } from './index-2319a076.js';
-import { t as translate, cz as getConfidenceDescriptionKey } from './overlays-ccc6076c.js';
-import './index-e7f48bcb.js';
+import { t as translate, cA as getConfidenceDescriptionKey } from './overlays-d9ef0a1c.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const formFeedbackCss = ":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]) 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;height:100%}: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}";
+const formFeedbackCss = ":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]) 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;margin:var(--spacing-16, 1rem) auto}: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%}";
 
 const YooFormFeedbackComponent = class {
   constructor(hostRef) {

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, i as createEvent } from './index-becca019.js';
-import { F as FormFilterDateOperator } from './index-e7f48bcb.js';
-import './index-4bc6078a.js';
+import { F as FormFilterDateOperator } from './index-eec8505b.js';
+import './index-abd62f7b.js';
 import { A as isEqual } from './lodash-f6e59a8e.js';
-import { t as translate, ak as dateFormat } from './overlays-ccc6076c.js';
+import { t as translate, ak as dateFormat } from './overlays-d9ef0a1c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const Option = ({ animated, selected, size, text, onToggle }, children) => (h("div", { class: "option" },

package/dist/design-system/yoo-form-filter-number.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, i as createEvent } from './index-becca019.js';
-import { w as FormFilterNumberOperator } from './index-e7f48bcb.js';
-import './index-4bc6078a.js';
+import { w as FormFilterNumberOperator } from './index-eec8505b.js';
+import './index-abd62f7b.js';
 import { A as isEqual } from './lodash-f6e59a8e.js';
-import { t as translate } from './overlays-ccc6076c.js';
+import { t as translate } from './overlays-d9ef0a1c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const Option = ({ animated, selected, size, text, onToggle }, children) => (h("div", { class: "option" },

package/dist/design-system/yoo-form-filter-text.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, i as createEvent } from './index-becca019.js';
-import { x as FormFilterTextOperator } from './index-e7f48bcb.js';
-import './index-4bc6078a.js';
+import { x as FormFilterTextOperator } from './index-eec8505b.js';
+import './index-abd62f7b.js';
 import { A as isEqual } from './lodash-f6e59a8e.js';
-import { t as translate } from './overlays-ccc6076c.js';
+import { t as translate } from './overlays-d9ef0a1c.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFilterTextCss = ":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/design-system/yoo-form-filter.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
-import './index-4bc6078a.js';
-import { i as isElementInViewport } from './common-helpers-fe634d0d.js';
-import { Q as findParent, Z as translateMulti, t as translate } from './overlays-ccc6076c.js';
+import './index-abd62f7b.js';
+import { i as isElementInViewport } from './common-helpers-4b9004c1.js';
+import { Q as findParent, Z as translateMulti, t as translate } from './overlays-d9ef0a1c.js';
 import './lodash-f6e59a8e.js';
-import './index-e7f48bcb.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const formFilterCss = ":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(--text-color, #807f83)}:host input::-moz-placeholder{color:var(--text-color, #807f83)}:host input:-ms-input-placeholder{color:var(--text-color, #807f83)}:host input::-ms-input-placeholder{color:var(--text-color, #807f83)}:host input::placeholder{color:var(--text-color, #807f83)}: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)}";

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-becca019.js';
-import './index-4bc6078a.js';
+import './index-abd62f7b.js';
 import { a as isNumber } from './lodash-f6e59a8e.js';
-import { g as getButton } from './button.factory-ee287fe8.js';
-import { n as hideShowTabbar, g as getAppContext } from './common-helpers-fe634d0d.js';
-import { A as isWeb, em as getTimeOneLetterFormat } from './overlays-ccc6076c.js';
-import './index-ffa651b0.js';
-import './index-e7f48bcb.js';
+import { g as getButton } from './button.factory-8372bcb4.js';
+import { n as hideShowTabbar, g as getAppContext } from './common-helpers-4b9004c1.js';
+import { A as isWeb, em as getTimeOneLetterFormat } from './overlays-d9ef0a1c.js';
+import './index-a61fa6a9.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const formFooterCss = ":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:-ms-flexbox;display:flex;gap:var(--spacing-16, 1rem);-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;width:100%;max-width:14rem;margin-left:var(--spacing-16, 1rem)}:host .outer-container .mission-footer .timer-container yoo-progress-bar{width:20%;margin:0;--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);--footer-height:cssvar(spacing-56)}: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(.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)}";
+const formFooterCss = ":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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:start;width:100%;max-width:14rem;margin-left:var(--spacing-16, 1rem)}:host .outer-container .mission-footer .timer-container yoo-progress-bar{width:20%;margin:0;--progress-bar-color:var(--app-color, #5a30f4);--stroke-width-circle:6}:host .outer-container .mission-footer .timer-container yoo-progress-bar+div{margin-left:var(--spacing-16, 1rem)}: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)}";
 
 const YooFormFooterComponent = class {
   constructor(hostRef) {
@@ -50,7 +50,10 @@ const YooFormFooterComponent = class {
     if (this.slotHeader) {
       hostClasses.slot = true;
     }
-    return (h(Host, { class: hostClasses }, h("div", { class: "outer-container", ref: (el) => (this.outerContainer = el) }, this.showCopyright && h("yoo-copyright", null), hasControls && (h("div", { class: "mission-footer" }, isNumber(this.countDownValue) && this.renderTimer(), isWeb(this.host) && h("div", { class: "flex" }), this.slotHeader && h("div", { class: "header" }, h("slot", { name: "header" })), this.buttons && this.buttons.map((button, index) => this.renderButton(button, index)))))));
+    return (h(Host, { class: hostClasses }, h("div", { ref: (el) => (this.outerContainer = el), class: {
+        'outer-container': true,
+        'with-copyright': this.showCopyright
+      } }, this.showCopyright && h("yoo-copyright", null), hasControls && (h("div", { class: "mission-footer" }, isNumber(this.countDownValue) && this.renderTimer(), isWeb(this.host) && h("div", { class: "flex" }), this.slotHeader && h("div", { class: "header" }, h("slot", { name: "header" })), this.buttons && this.buttons.map((button, index) => this.renderButton(button, index)))))));
   }
   get host() { return getElement(this); }
 };

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h } from './index-becca019.js';
-import { s as setValidator } from './form-input-helpers-48580c4a.js';
-import './overlays-ccc6076c.js';
+import { s as setValidator } from './form-input-helpers-76052552.js';
+import './overlays-d9ef0a1c.js';
 import './lodash-f6e59a8e.js';
-import './index-e7f48bcb.js';
+import './index-eec8505b.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-4bc6078a.js';
-import './common-helpers-fe634d0d.js';
+import './index-abd62f7b.js';
+import './common-helpers-4b9004c1.js';
 
 const formFormulaCss = ":host .readonly{padding:0.5rem 0.5rem 0 0}";