@yoobic/yobi 8.2.0-0 → 8.2.0-11

package/dist/cjs/yoo-form-creator-scoring-card.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$1 = require('./index-acd70f6c.js');
+const index = require('./index-c8609d4f.js');
+const index$1 = require('./index-de62187b.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-3c14640e.js');
 
 const formCreatorScoringCardCss = ":host{display:block}:host yoo-form-creator-card{--description-line-clamp:2;--description-min-height:2.25rem}:host yoo-icon:not([name=more]){margin-right:var(--spacing-08, 0.5rem)}:host yoo-icon[name=variable]{--inner-width:0.5rem;--inner-height:0.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:var(--border-radius-04, 0.25rem)}:host yoo-tooltip{margin-left:var(--spacing-16, 1rem)}:host .fields,:host .points,:host .start{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host .points{margin-top:var(--spacing-16, 1rem)}:host .fields{-ms-flex-pack:justify;justify-content:space-between}:host .truncated{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host([selected]) yoo-icon[name=variable]{background:var(--app-color, #5a30f4)}:host(:not([selected])) yoo-icon[name=variable]{background:var(--warning, #ed6e33)}";
 

package/dist/cjs/yoo-form-creator-scoring-quick-setup.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$1 = require('./index-acd70f6c.js');
+const index = require('./index-c8609d4f.js');
+const index$1 = require('./index-de62187b.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-3c14640e.js');
 
 const EmptyState = () => [index.h("yoo-empty-state", null), index.h("p", null, index$1.translate('NOQUICKSETUP'))];
 const Pages = ({ value, values, onChange }) => (index.h("yoo-form-input-container", { field: { title: index$1.translate('PAGES') }, required: true },

package/dist/cjs/yoo-form-creator-translate-dialog.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$3 = require('./index-d31793a3.js');
-const index$1 = require('./index-acd70f6c.js');
+const index = require('./index-c8609d4f.js');
+const index$3 = require('./index-3c14640e.js');
+const index$1 = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
-const index$2 = require('./index-c9e324d5.js');
+const index$2 = require('./index-8b30cd6f.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./annotations-helpers-45b1c2e4.js');
 

package/dist/cjs/yoo-form-creator-translate.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$1 = require('./index-acd70f6c.js');
+const index = require('./index-c8609d4f.js');
+const index$1 = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
-const index$2 = require('./index-c9e324d5.js');
+const index$2 = require('./index-8b30cd6f.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-3c14640e.js');
 require('./annotations-helpers-45b1c2e4.js');
 
 const formCreatorTranslateCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host .header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;padding:1rem}:host .header .base-language{display:inline-block;width:250px;margin-right:1rem;padding-top:0}:host .header .base-language.readonly{width:auto;min-width:150px;max-width:250px}:host .header .translate-to{display:inline-block;width:350px;margin-right:1rem}:host .header .translate-to.readonly{width:auto;min-width:150px;max-width:350px}:host .header .placeholder{-ms-flex:1;flex:1}:host .header yoo-button{display:inline-block;margin-right:1rem}:host .grid-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}:host .grid-container yoo-grid{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .translation-locked{padding:var(--spacing-16, 1rem);text-align:center;vertical-align:middle}";
@@ -314,8 +314,8 @@ const YooFormCreatorTranslateComponent = class {
     this.selectedLanguages = this.selectedLanguages.filter((language) => language !== this.baseLanguage);
     this.translateToAutocomplete.updateValues(this.getAvailableLanguages());
   }
-  onSelectedLanguagesChanged(ev) {
-    this.selectedLanguages = ev.detail;
+  onSelectedLanguagesChanged(languages) {
+    this.selectedLanguages = languages;
     this.selectedLanguagesChanged.emit(this.selectedLanguages);
     this.updateGridConfig();
   }
@@ -327,11 +327,12 @@ const YooFormCreatorTranslateComponent = class {
       this.translatePlan(overwrite, null, onlyTranslateMissingTranslations);
     }
     else {
-      index$2.translateAll(overwrite, this.missionDescription, this.items, this.slides, this.scoring, this.baseLanguage, {
+      index$2.translateAll(overwrite, lodash.cloneDeep(this.missionDescription), this.items, this.slides, this.scoring, this.baseLanguage, {
         missionDescriptionChanged: this.missionDescriptionChanged,
         slidesChanged: this.slidesChanged,
         translationsUpdated: this.translationsUpdated,
-        scoringChanged: this.scoringChanged
+        scoringChanged: this.scoringChanged,
+        setLoading: this.setLoading
       }, null, onlyTranslateMissingTranslations);
     }
   }
@@ -376,7 +377,9 @@ const YooFormCreatorTranslateComponent = class {
   }
   translatePlan(overwrite, languages = null, onlyTranslateMissingTranslations = false) {
     var _a;
+    const originalPlan = lodash.cloneDeep(this.plan);
     let translations = lodash.cloneDeep(this.items);
+    const errorMessages = [];
     if (!index$2.isAlreadyTranslated(this.plan.title, this.translations)) {
       index$2.addRow(translations, {
         title: this.plan.title,
@@ -390,7 +393,7 @@ const YooFormCreatorTranslateComponent = class {
         missionDescriptionRef: this.plan._id,
         _tenant: this.plan._tenant,
         _tenantRef: this.plan._tenantRef
-      });
+      }, false, errorMessages);
     }
     if (!index$2.isAlreadyTranslated(this.plan.description, this.translations)) {
       index$2.addRow(translations, {
@@ -405,7 +408,7 @@ const YooFormCreatorTranslateComponent = class {
         missionDescriptionRef: this.plan._id,
         _tenant: this.plan._tenant,
         _tenantRef: this.plan._tenantRef
-      });
+      }, false, errorMessages);
     }
     (_a = this.plan.sections) === null || _a === void 0 ? void 0 : _a.forEach((section, sectionIndex) => {
       var _a;
@@ -422,11 +425,11 @@ const YooFormCreatorTranslateComponent = class {
           missionDescriptionRef: this.plan._id,
           _tenant: this.plan._tenant,
           _tenantRef: this.plan._tenantRef
-        });
+        }, false, errorMessages);
       }
       (_a = section === null || section === void 0 ? void 0 : section.items) === null || _a === void 0 ? void 0 : _a.forEach((missionDescription) => {
         var _a;
-        index$2.translateAll(overwrite, missionDescription, translations, missionDescription.slides, null, this.baseLanguage, {}, languages, onlyTranslateMissingTranslations);
+        index$2.translateAll(overwrite, missionDescription, translations, missionDescription.slides, null, this.baseLanguage, {}, languages, onlyTranslateMissingTranslations, false, false, errorMessages);
         if ((translations === null || translations === void 0 ? void 0 : translations.length) > ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
           translations = translations === null || translations === void 0 ? void 0 : translations.map((translation) => {
             if (!translation.missionDescriptionRef) {
@@ -442,6 +445,25 @@ const YooFormCreatorTranslateComponent = class {
         missionDescription.languages = this.selectedLanguages;
       });
     });
+    if (errorMessages === null || errorMessages === void 0 ? void 0 : errorMessages.length) {
+      const message = `${index$1.translate('CANNOTTRANSLATECONTENT')}<br/>${errorMessages.map((e) => `${e}<br/>`)}`;
+      index$1.showAlert('ERROR', [index$1.translate('CANCEL'), index$1.translate('CONTINUE')], message).then((confirm) => {
+        if (confirm) {
+          this.successPlanTranslation(translations, overwrite, languages, onlyTranslateMissingTranslations);
+        }
+        else {
+          this.setLoading.emit(false);
+          this.onSelectedLanguagesChanged([]);
+          this.plan = originalPlan;
+          this.planChanged.emit(this.plan);
+        }
+      });
+    }
+    else {
+      this.successPlanTranslation(translations, overwrite, languages, onlyTranslateMissingTranslations);
+    }
+  }
+  successPlanTranslation(translations, overwrite, languages = null, onlyTranslateMissingTranslations = false) {
     this.items = translations;
     this.planChanged.emit(this.plan);
     this.translationsUpdated.emit({ translations: this.items, overwrite, languages, onlyTranslateMissingTranslations });
@@ -493,7 +515,7 @@ const YooFormCreatorTranslateComponent = class {
   }
   render() {
     var _a, _b, _c, _d, _e, _f;
-    return (index.h(index.Host, null, index.h("div", { class: "header" }, index.h("yoo-form-input-container", { class: { 'base-language': true, readonly: this.hasTranslations }, field: { title: index$1.translate('BASELANGUAGE') }, hideOptional: true }, index.h("yoo-form-autocomplete", { values: index$1.getTranslateLanguageKeys(this.allLanguages), value: this.baseLanguage, idOnly: true, useTranslate: true, displayType: "card-list", forceHideSearch: true, color: "transparent", onInputChanged: (ev) => this.onBaseLanguageChanged(ev), size: "medium", disabled: this.hasTranslations || this.isTranslator })), index.h("yoo-form-input-container", { class: { 'translate-to': true }, field: { title: this.hasTranslations ? index$1.translate('TRANSLATEDIN') : index$1.translate('TRANSLATETO') }, hideOptional: true }, index.h("yoo-form-autocomplete", { extraClass: this.hasTranslations ? 'only-allow-secondary-actions' : null, ref: (el) => (this.translateToAutocomplete = el), values: index$1.getTranslateLanguageKeys(this.hasTranslations ? this.selectedLanguages : this.getAvailableLanguages()), value: index$1.getTranslateLanguageKeys(this.selectedLanguages), multiple: true, iconPrefix: "feed", useTranslate: true, entityType: "language", displayType: "card-list", idOnly: true, forceHideSearch: true, placeholder: index$1.translate('SELECTLANGUAGES'), onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev), readonly: this.isTranslator, size: "medium", secondaryActions: [
+    return (index.h(index.Host, null, index.h("div", { class: "header" }, index.h("yoo-form-input-container", { class: { 'base-language': true, readonly: this.hasTranslations }, field: { title: index$1.translate('BASELANGUAGE') }, hideOptional: true }, index.h("yoo-form-autocomplete", { values: index$1.getTranslateLanguageKeys(this.allLanguages), value: this.baseLanguage, idOnly: true, useTranslate: true, displayType: "card-list", forceHideSearch: true, color: "transparent", onInputChanged: (ev) => this.onBaseLanguageChanged(ev), size: "medium", disabled: this.hasTranslations || this.isTranslator })), index.h("yoo-form-input-container", { class: { 'translate-to': true }, field: { title: this.hasTranslations ? index$1.translate('TRANSLATEDIN') : index$1.translate('TRANSLATETO') }, hideOptional: true }, index.h("yoo-form-autocomplete", { extraClass: this.hasTranslations ? 'only-allow-secondary-actions' : null, ref: (el) => (this.translateToAutocomplete = el), values: index$1.getTranslateLanguageKeys(this.hasTranslations ? this.selectedLanguages : this.getAvailableLanguages()), value: index$1.getTranslateLanguageKeys(this.selectedLanguages), multiple: true, iconPrefix: "feed", useTranslate: true, entityType: "language", displayType: "card-list", idOnly: true, forceHideSearch: true, placeholder: index$1.translate('SELECTLANGUAGES'), onInputChanged: (ev) => this.onSelectedLanguagesChanged(ev.detail), readonly: this.isTranslator, size: "medium", secondaryActions: [
         {
           text: (_item) => index$1.translate('DELETE'),
           color: () => 'danger',

package/dist/cjs/yoo-form-creator-workflow-card.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
+const index = require('./index-c8609d4f.js');
 const index$1 = require('./index-9c56868f.js');
 
 const formCreatorWorkflowCardCss = ":host{display:block}:host yoo-form-autocomplete{margin-top:var(--spacing-04, 0.25rem)}:host([selected]) yoo-form-autocomplete{--input-arrow-icon-color:var(--app-color, #5a30f4);--input-background-color:var(--app-color-40, rgba(90, 48, 244, 0.4));--input-border-color:var(--app-color, #5a30f4);--input-text-color:var(--app-color, #5a30f4)}";

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$2 = require('./index-acd70f6c.js');
-const commonHelpers = require('./common-helpers-ce013da0.js');
-const index$1 = require('./index-c9e324d5.js');
+const index = require('./index-c8609d4f.js');
+const index$2 = require('./index-de62187b.js');
+const commonHelpers = require('./common-helpers-54bf5a06.js');
+const index$1 = require('./index-8b30cd6f.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-3c14640e.js');
 require('./annotations-helpers-45b1c2e4.js');
 
 const formCreatorWorkflowSideSelectionCss = ":host{width:100%}:host .title{margin:0 var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);padding-top:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .step-container{height:100%;padding:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) 0}:host .step-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .step-container .start-container yoo-badge{padding-left:var(--spacing-16, 1rem)}:host .vertical-line{width:0;height:1rem;margin:auto;margin-left:2.375rem;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}";

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

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$1 = require('./index-acd70f6c.js');
-const entitiesHelpers = require('./entities-helpers-e9c1ae00.js');
+const index = require('./index-c8609d4f.js');
+const index$1 = require('./index-de62187b.js');
+const entitiesHelpers = require('./entities-helpers-07a31a4b.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-3c14640e.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/cjs/yoo-form-creator.cjs.entry.js

@@ -2,15 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$2 = require('./index-d31793a3.js');
-const index$4 = require('./index-acd70f6c.js');
+const index = require('./index-c8609d4f.js');
+const index$2 = require('./index-3c14640e.js');
+const index$4 = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const index$1 = require('./index-9a052b00.js');
-const commonHelpers = require('./common-helpers-ce013da0.js');
-const index$5 = require('./index-b0f40a0f.js');
-const index$3 = require('./index-c9e324d5.js');
+const index$1 = require('./index-038df9d2.js');
+const commonHelpers = require('./common-helpers-54bf5a06.js');
+const index$5 = require('./index-822adc32.js');
+const index$3 = require('./index-8b30cd6f.js');
 const formField_instance = require('./form-field.instance-610e61e1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./workflow.interface-ffda8358.js');
@@ -309,6 +309,9 @@ const YooFormCreatorComponent = class {
     var _a;
     return ((_a = this.missionDescription) === null || _a === void 0 ? void 0 : _a.type) === 'lesson';
   }
+  onMissionDescriptionUpdated() {
+    this.translatePage.missionDescription = this.missionDescription;
+  }
   onCustomFormFieldsUpdated() {
     if (this.fieldSelectorElement) {
       this.fieldSelectorElement.initialCustomFormFields = null;
@@ -1911,7 +1914,7 @@ const YooFormCreatorComponent = class {
       { title: 'ADDCONDITION', selected: true, subTitle: 'FIELDTOOLTIP', blurContent: !index$4.isNullOrUndefined(this.newRestrictionCondition) },
       { title: 'ADDRESTRICTION', selected: true, subTitle: 'RESTRICTIONTOOLTIP' }
     ];
-    return (index.h("div", { class: "logic-container" }, index.h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-accordion", { maxTitleCharacters: 18, entries: entries, iconPairLeft: index$5.ARROW_PAIR, allowMultipleSelection: true }, index$2.CONDITION_TYPES.map((condition, conditionIndex) => (index.h("div", { slot: entries[conditionIndex].title }, index.h("div", { class: "condition-block-selection", ref: (el) => (this.newFieldContainerBlocks[conditionIndex] = el) }, condition === 'conditions' && this.renderNewConditionBlocks(condition), condition === 'restrictions' && this.renderRestrictionConditions(condition)))))))));
+    return (index.h("div", { class: "logic-container" }, index.h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, index.h("yoo-accordion", { entries: entries, iconPairLeft: index$5.ARROW_PAIR, allowMultipleSelection: true }, index$2.CONDITION_TYPES.map((condition, conditionIndex) => (index.h("div", { slot: entries[conditionIndex].title }, index.h("div", { class: "condition-block-selection", ref: (el) => (this.newFieldContainerBlocks[conditionIndex] = el) }, condition === 'conditions' && this.renderNewConditionBlocks(condition), condition === 'restrictions' && this.renderRestrictionConditions(condition)))))))));
   }
   renderNewConditionBlocks(condition) {
     return formField_instance.conditionBlocksConfig.map((blockConfig) => {
@@ -2351,6 +2354,7 @@ const YooFormCreatorComponent = class {
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {
+    "missionDescription": ["onMissionDescriptionUpdated"],
     "customFormFields": ["onCustomFormFieldsUpdated"],
     "selectedNewScoring": ["updateSelectedScoring"],
     "slides": ["updateInternalSlides"],

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

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$3 = require('./index-889ccb09.js');
-const index$2 = require('./index-d31793a3.js');
-const index$1 = require('./index-acd70f6c.js');
+const index = require('./index-c8609d4f.js');
+const index$2 = require('./index-3c14640e.js');
+const index$1 = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-ce013da0.js');
-const formInputHelpers = require('./form-input-helpers-97f24628.js');
+const commonHelpers = require('./common-helpers-54bf5a06.js');
+const formInputHelpers = require('./form-input-helpers-56655166.js');
 require('./_commonjsHelpers-94df2ea7.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)}";
@@ -164,7 +163,6 @@ const YooFormDateTimeComponent = class {
     }
   }
   onInputClick(ev) {
-    const ANDROID_NATIVE_DATE_PICKER_LOAD_TIME = 1000;
     ev.stopPropagation();
     const defaultValue = new Date();
     const prevMinutes = defaultValue.getMinutes();
@@ -174,64 +172,8 @@ const YooFormDateTimeComponent = class {
     if (newMinutes === 0 && prevMinutes !== newMinutes) {
       defaultValue.setHours(defaultValue.getHours() + 1);
     }
-    if (this.isNativeMobileDatePicker && !this.isRange) {
-      formInputHelpers.blurActiveElement(ev);
-      // Picker only opens in Android if it receives a date object
-      // https://github.com/VitaliiBlagodir/cordova-plugin-datepicker/commit/473f1bdc31bc68163b85bdb842516ed320876fa3
-      let initValue = this.value ? (index$1.isAndroid() && typeof this.value === 'string' ? new Date(this.value) : this.value) : defaultValue;
-      if (this.selectedMinHours) {
-        initValue = index$1.dateAdd(new Date(), 'hour', this.selectedMinHours);
-      }
-      const { minDate, maxDate } = formInputHelpers.formatMinMaxDate(this.minDate, this.maxDate);
-      if (!this.isNativeMobileDatePickerOpen) {
-        this.isNativeMobileDatePickerOpen = true;
-        if (index$1.isAndroid()) {
-          // This is to fix an issue with the Android back button
-          // Another istance of the date picker can not be opened once a date picker is open
-          setTimeout(() => (this.isNativeMobileDatePickerOpen = false), ANDROID_NATIVE_DATE_PICKER_LOAD_TIME);
-        }
-        index$3.DatePicker.show({
-          date: initValue,
-          mode: this.type === index$2.FormFieldType.datetime ? 'datetime' : this.type,
-          is24Hour: index$1.is24Hour(),
-          maxDate,
-          minDate,
-          okText: index$1.translate('YOOBICOK'),
-          cancelText: index$1.translate('CANCEL'),
-          todayText: index$1.translate('TODAY'),
-          doneButtonLabel: index$1.translate('YOOBICDONE'),
-          doneButtonColor: index$1.getCssColor('app-color'),
-          cancelButtonColor: index$1.getCssColor('app-color'),
-          cancelButtonLabel: index$1.translate('CANCEL'),
-          minuteInterval: this.step || MINUTES_INCREMENT_SIZE,
-          locale: index$1.getCurrentLanguage(),
-          nowText: index$1.translate('NOW'),
-          androidTheme: index$3.DatePicker.ANDROID_THEMES.THEME_DEVICE_DEFAULT_LIGHT
-        })
-          .then((date) => {
-          // When the picker is closed used 'Cancel', the date is undefined
-          this.isNativeMobileDatePickerOpen = false;
-          if (date) {
-            const value = formInputHelpers.convertValueForInputType(date, this.type, this.useISOString);
-            formInputHelpers.setValueAndValidateInput(value, this);
-          }
-        }, () => (this.isNativeMobileDatePickerOpen = false))
-          .catch(() => (this.isNativeMobileDatePickerOpen = false));
-      }
-    }
-    else {
-      this.value = this.value || defaultValue;
-      this.onToggle(ev);
-    }
-  }
-  onDateInputFocused(ev) {
-    // prevent the native date picker fired up when the input is focused
-    if (this.isNativeMobileDatePicker) {
-      ev.stopPropagation();
-      ev.preventDefault();
-      return;
-    }
-    formInputHelpers.onInputFocused(this, '.outer-container');
+    this.value = this.value || defaultValue;
+    this.onToggle(ev);
   }
   onClearClicked(event) {
     event.stopPropagation();
@@ -401,7 +343,7 @@ const YooFormDateTimeComponent = class {
   }
   renderInputField() {
     const displayValue = this.getDisplayValue();
-    return (index.h("input", { name: "datetime", class: this.isNativeMobileDatePicker ? 'native' : '', readonly: true, ref: (el) => (this.inputField = el), placeholder: !this.placeholdertolabel ? index$1.translate(this.placeholder) : '', value: displayValue, required: this.required, onInput: () => this.onInputChanged(), onFocus: (ev) => this.onDateInputFocused(ev), onClick: (ev) => this.onInputClick(ev), tabindex: this.inputTabIndex }));
+    return (index.h("input", { name: "datetime", class: this.isNativeMobileDatePicker ? 'native' : '', readonly: true, ref: (el) => (this.inputField = el), placeholder: !this.placeholdertolabel ? index$1.translate(this.placeholder) : '', value: displayValue, required: this.required, onInput: () => this.onInputChanged(), onFocus: () => formInputHelpers.onInputFocused(this, '.outer-container'), onClick: (ev) => this.onInputClick(ev), tabindex: this.inputTabIndex }));
   }
   renderNativeInput() {
     return (index.h("div", { ref: (el) => (this.outerContainer = el), class: "outer-container" }, this.iconPrefix && (index.h("div", { class: "icon-prefix", onClick: (ev) => this.onInputClick(ev) }, index.h("yoo-icon", { name: this.iconPrefix, size: this.getIconSize() }))), index.h("div", { class: "input-container flex" }, this.renderInputField()), this.validity === false && (index.h("div", { class: "icon-suffix invalid" }, index.h("yoo-icon", { name: "rejected", size: this.getIconSize(), color: "danger" }))), !this.isEmpty && this.clearable && (index.h("div", { class: "icon-suffix clear", onClick: (ev) => this.onClearClicked(ev) }, index.h("yoo-icon", { name: "cross", size: this.getIconSize() }))), this.allowOcr && index$1.getSession().hasScandit && (index.h("div", { class: "icon-suffix ocr", onClick: () => this.onTriggerOCR() }, index.h("yoo-icon", { name: "camera", size: this.getIconSize() }))), !index$1.isNativeMobile() && (index.h("div", { class: "icon-suffix toggle", onClick: (event) => this.onToggle(event) }, index.h("yoo-icon", { name: this.customDatePickerArrow, size: this.getIconSize() })))));

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$1 = require('./index-acd70f6c.js');
-const commonHelpers = require('./common-helpers-ce013da0.js');
-const formInputHelpers = require('./form-input-helpers-97f24628.js');
+const index = require('./index-c8609d4f.js');
+const index$1 = require('./index-de62187b.js');
+const commonHelpers = require('./common-helpers-54bf5a06.js');
+const formInputHelpers = require('./form-input-helpers-56655166.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-3c14640e.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/cjs/yoo-form-document-dialog.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$1 = require('./index-acd70f6c.js');
+const index = require('./index-c8609d4f.js');
+const index$1 = require('./index-de62187b.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-ce013da0.js');
+const commonHelpers = require('./common-helpers-54bf5a06.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-3c14640e.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/cjs/yoo-form-document.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$1 = require('./index-acd70f6c.js');
-const localForage = require('./localForage-2b35d66c.js');
-const commonHelpers = require('./common-helpers-ce013da0.js');
+const index = require('./index-c8609d4f.js');
+const index$1 = require('./index-de62187b.js');
+const localForage = require('./localForage-1c004066.js');
+const commonHelpers = require('./common-helpers-54bf5a06.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-3c14640e.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/cjs/yoo-form-dynamic-dialog.cjs.entry.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-19d6d7b7.js');
-const index$1 = require('./index-acd70f6c.js');
-const button_factory = require('./button.factory-95cfebea.js');
+const index = require('./index-c8609d4f.js');
+const index$1 = require('./index-de62187b.js');
+const button_factory = require('./button.factory-30bbe21d.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-d31793a3.js');
+require('./index-3c14640e.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}";