@yoobic/yobi 8.5.0-40 → 8.5.0-42

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-7319daa9.js');
-const index = require('./index-a1aee400.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const operationHelpers = require('./operation-helpers-42ea6829.js');
-const commonHelpers = require('./common-helpers-82a45712.js');
-const formHelpers = require('./form-helpers-b20098de.js');
-const formInputHelpers = require('./form-input-helpers-7738afe7.js');
-const overlays = require('./overlays-4334b40f.js');
+const index = require('./index-f9aace31.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const operationHelpers = require('./operation-helpers-91b2aee8.js');
+const commonHelpers = require('./common-helpers-edf7fda5.js');
+const formHelpers = require('./form-helpers-3f195fb6.js');
+const formInputHelpers = require('./form-input-helpers-f54b8af0.js');
+const overlays = require('./overlays-c545c947.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 function getFieldState(field, fieldsState) {
@@ -1115,6 +1115,9 @@ const YooFormDynamicComponent = class {
   isInCard() {
     return this.host.classList.contains('in-card');
   }
+  isNoBorderCollapsible() {
+    return this.host.classList.contains('no-border-collapsible');
+  }
   onWindowResize() {
     if (overlays.isAndroid()) {
       this.blurOnScroll = false;
@@ -1388,7 +1391,7 @@ const YooFormDynamicComponent = class {
       this.markAsInvalid(field, false);
       this.originalMarkAsInvalid(field, true);
     }
-    else if (this.hasMarkAsInvalidFields()) {
+    else if (this.hasFieldsMarkedAsInvalid()) {
       this.markAsModified(field, true);
     }
     this.fieldChanged.emit(fieldChangedValues);
@@ -1875,7 +1878,7 @@ const YooFormDynamicComponent = class {
     let fieldsStateWereUpdated = forceRefresh || false;
     this.updateDataFlatten();
     const slideState = this.slidesState ? lodash.cloneDeep(this.slidesState) : Array.from({ length: this.slides ? this.slides.length : 0 }, () => ({}));
-    const hasMarkAsInvalidFields = this.hasMarkAsInvalidFields();
+    const hasFieldsMarkedAsInvalid = this.hasFieldsMarkedAsInvalid();
     (this.slides || []).forEach((slide, i) => {
       let isValid = true;
       let totalRequiredFields = 0;
@@ -1962,7 +1965,7 @@ const YooFormDynamicComponent = class {
             field.deleteOnHidden !== false &&
             field.forceHidden !== true &&
             (!field.readonly || field.dontSaveIfHidden) &&
-            !hasMarkAsInvalidFields &&
+            !hasFieldsMarkedAsInvalid &&
             !this.isFieldReadonlyByInvalidRules(field)
             && !overlays.isFieldWithNoValue(field)) {
             this.onFieldClear(field, false);
@@ -2534,7 +2537,7 @@ const YooFormDynamicComponent = class {
   markAsModified(field, state) {
     formHelpers.setFieldData(field, state, this.currentData, '.markAsModified');
   }
-  hasMarkAsInvalidFields() {
+  hasFieldsMarkedAsInvalid() {
     const slides = this.getVisibleSlides();
     return slides === null || slides === void 0 ? void 0 : slides.some((s) => { var _a; return (_a = s === null || s === void 0 ? void 0 : s.items) === null || _a === void 0 ? void 0 : _a.some((f) => this.isMarkedAsInvalid(f) || this.isOriginalMarkedAsInvalid(f)); });
   }
@@ -2546,8 +2549,8 @@ const YooFormDynamicComponent = class {
   }
   cleanHiddenReadonlyFieldsByInvalidRules() {
     var _a;
-    const hasMarkAsInvalidFields = this.hasMarkAsInvalidFields();
-    if (hasMarkAsInvalidFields) {
+    const hasFieldsMarkedAsInvalid = this.hasFieldsMarkedAsInvalid();
+    if (hasFieldsMarkedAsInvalid) {
       (_a = this.slides) === null || _a === void 0 ? void 0 : _a.forEach((slide) => {
         var _a;
         (_a = slide.items) === null || _a === void 0 ? void 0 : _a.forEach((field) => {
@@ -2581,7 +2584,7 @@ const YooFormDynamicComponent = class {
     const fieldsPerGroup = this.getFieldsPerArea(fields, 'group');
     fields = fields.filter((f) => !f.section && !f.group);
     const TagType = this.useGridstack ? 'yoo-gridstack' : 'div';
-    const hasMarkAsInvalidFields = this.hasMarkAsInvalidFields();
+    const hasFieldsMarkedAsInvalid = this.hasFieldsMarkedAsInvalid();
     return [
       slideIndex === 0 && index$1.h("slot", { name: "start" }),
       index$1.h(TagType, { key: 'slide-' + slideIndex, class: {
@@ -2607,7 +2610,7 @@ const YooFormDynamicComponent = class {
           previousField,
           slideLength,
           useGridstack: this.useGridstack,
-          hasMarkAsInvalidFields
+          hasFieldsMarkedAsInvalid
         });
       }), (_e = lodash.keys(fieldsPerSections)) === null || _e === void 0 ? void 0 :
         _e.map((section) => {
@@ -2622,7 +2625,8 @@ const YooFormDynamicComponent = class {
             visible && (index$1.h("yoo-collapsible", { isPdf: this.isPdf, collapsed: !this.isPdf && !this.forceCollapsibleOpen && !fieldsPerSections[section].some((field) => field.sectionExpanded), class: {
                 'form': !fieldsPerSections[section].some((field) => field.sectionWithoutBackground),
                 'padding': !this.showVerticalTabs && !this.forceReadonly,
-                'no-scroll': this.useGridstack && this.gridstackItemNoScroll
+                'no-scroll': this.useGridstack && this.gridstackItemNoScroll,
+                'no-border': this.isNoBorderCollapsible()
               }, icon: fieldWithSectionIcon === null || fieldWithSectionIcon === void 0 ? void 0 : fieldWithSectionIcon.sectionIcon, iconColor: "dark", iconSize: "medium", header: overlays.translate(section), style: { zIndex: fieldsPerSections[section].some((field) => field.type === index.FormFieldType.querybuilder) ? '1' : undefined }, slot: this.useGridstack ? section : null, size: this.formInputSize }, fieldsPerSections[section].map((field, i) => {
               const previousField = this.findPreviousVisibleField(i, fieldsPerSections[section]);
               return !field.subSection && this.renderFormContentField({
@@ -2634,7 +2638,7 @@ const YooFormDynamicComponent = class {
                 previousField,
                 slideLength,
                 collapsible: true,
-                hasMarkAsInvalidFields
+                hasFieldsMarkedAsInvalid
               });
             }), (_a = lodash.keys(subfieldsPerSections)) === null || _a === void 0 ? void 0 :
               _a.map((subsection) => {
@@ -2656,7 +2660,7 @@ const YooFormDynamicComponent = class {
                     previousField,
                     slideLength,
                     collapsible: true,
-                    hasMarkAsInvalidFields
+                    hasFieldsMarkedAsInvalid
                   });
                 }));
               })))
@@ -2678,19 +2682,19 @@ const YooFormDynamicComponent = class {
                 slideItems,
                 slideLength,
                 isPreviousFieldReadonlyAndVisible,
-                hasMarkAsInvalidFields
+                hasFieldsMarkedAsInvalid
               });
             }))
           ];
         }), slideIndex === 0 ? index$1.h("slot", { name: "end-fields" }) : null, slideIndex === 0 && !(this.isKanban() && overlays.isWeb(this.host)) ? this.renderExtraButtons() : null, slideIndex === 0 ? (index$1.h("div", { class: "slot-container-after" }, index$1.h("slot", { name: "end" }))) : null, this.scrollable !== false && !this.isInline() && !this.isInlineRowNarrow() ? index$1.h("div", { class: "scroll-spacer" }) : null, !this.forceReadonly && !this.isInline() && !this.isInlineRowNarrow() && (slideIndex === slideLength || this.getSlideState(slideIndex).validity) ? (index$1.h("div", { class: "footer-spacer" })) : null, this.isInline() && !this.isInlineNarrow() && !this.isInlineRowNarrow() && lodash.range(4).map(() => index$1.h("div", { class: "field-placeholder field-placeholder-empty" })))
     ];
   }
-  renderFormContentField({ field, inputIndex, slideIndex, slideItems, isPreviousFieldReadonlyAndVisible, previousField, slideLength, collapsible, useGridstack, hasMarkAsInvalidFields }) {
+  renderFormContentField({ field, inputIndex, slideIndex, slideItems, isPreviousFieldReadonlyAndVisible, previousField, slideLength, collapsible, useGridstack, hasFieldsMarkedAsInvalid }) {
     var _a, _b, _c;
     const markAsInvalid = this.isMarkedAsInvalid(field);
     const markAsModified = this.isMarkedAsModified(field);
     const originalMarkAsInvalid = this.isOriginalMarkedAsInvalid(field);
-    const readonly = getFieldState(field, this.fieldsState).readonly || this.forceReadonly || (hasMarkAsInvalidFields && this.isFieldReadonlyByInvalidRules(field));
+    const readonly = getFieldState(field, this.fieldsState).readonly || this.forceReadonly || (hasFieldsMarkedAsInvalid && this.isFieldReadonlyByInvalidRules(field));
     const comments = overlays.getFieldValue(field, this.currentData, '.comments');
     const validationComments = overlays.getFieldValue(field, this.currentData, '.validationComments');
     const time = this.forceReadonly ? overlays.getFieldValue(field, this.currentData, '.time') : null;

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const formInputHelpers = require('./form-input-helpers-7738afe7.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./index-a1aee400.js');
-require('./common-helpers-82a45712.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const formInputHelpers = require('./form-input-helpers-f54b8af0.js');
+const overlays = require('./overlays-c545c947.js');
+require('./index-f9aace31.js');
+require('./common-helpers-edf7fda5.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-form-entity-value-pairs.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const overlays = require('./overlays-c545c947.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-form-explanation.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const overlays = require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-form-feed-preview.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const formInputHelpers = require('./form-input-helpers-7738afe7.js');
-require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+const formInputHelpers = require('./form-input-helpers-f54b8af0.js');
+require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-38c5e81e.js');
-require('./common-helpers-82a45712.js');
+require('./index-3f2bca41.js');
+require('./common-helpers-edf7fda5.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/cjs/yoo-form-feedback.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const commonHelpers = require('./common-helpers-82a45712.js');
-const formInputHelpers = require('./form-input-helpers-7738afe7.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const commonHelpers = require('./common-helpers-edf7fda5.js');
+const formInputHelpers = require('./form-input-helpers-f54b8af0.js');
 const index$1 = require('./index-7d3c7ee7.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./index-a1aee400.js');
+const overlays = require('./overlays-c545c947.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-form-filter-date.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-a1aee400.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-4334b40f.js');
+const index$1 = require('./index-f9aace31.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const overlays = require('./overlays-c545c947.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const Option = ({ animated, selected, size, text, onToggle }, children) => (index.h("div", { class: "option" },

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-a1aee400.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-4334b40f.js');
+const index$1 = require('./index-f9aace31.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const overlays = require('./overlays-c545c947.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const Option = ({ animated, selected, size, text, onToggle }, children) => (index.h("div", { class: "option" },

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const index$1 = require('./index-a1aee400.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const overlays = require('./overlays-4334b40f.js');
+const index$1 = require('./index-f9aace31.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const overlays = require('./overlays-c545c947.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-form-filter.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const overlays = require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.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)}";

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-require('./index-38c5e81e.js');
-const lodash = require('./lodash-72d493b9.js');
-const button_factory = require('./button.factory-ba0e0819.js');
-const commonHelpers = require('./common-helpers-82a45712.js');
-const overlays = require('./overlays-4334b40f.js');
-require('./index-f5c362f0.js');
-require('./index-a1aee400.js');
+require('./index-3f2bca41.js');
+const lodash = require('./lodash-a9050d79.js');
+const button_factory = require('./button.factory-d643a7e6.js');
+const commonHelpers = require('./common-helpers-edf7fda5.js');
+const overlays = require('./overlays-c545c947.js');
+require('./index-7932f996.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.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/cjs/yoo-form-formula.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7319daa9.js');
-const formInputHelpers = require('./form-input-helpers-7738afe7.js');
-require('./overlays-4334b40f.js');
-require('./lodash-72d493b9.js');
-require('./index-a1aee400.js');
+const formInputHelpers = require('./form-input-helpers-f54b8af0.js');
+require('./overlays-c545c947.js');
+require('./lodash-a9050d79.js');
+require('./index-f9aace31.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-38c5e81e.js');
-require('./common-helpers-82a45712.js');
+require('./index-3f2bca41.js');
+require('./common-helpers-edf7fda5.js');
 
 const formFormulaCss = "svg:not(:root){overflow:hidden}:host .readonly{padding:0.5rem 0.5rem 0 0}";