@yoobic/yobi 8.2.0-42 → 8.2.0-46

package/dist/cjs/yoo-waitlist-location-start.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 const lodash = require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-walkthrough.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-web-menu.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
-const commonHelpers = require('./common-helpers-83174231.js');
+const index$1 = require('./index-d1879acf.js');
+const commonHelpers = require('./common-helpers-79fcae4a.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-webcam.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-welcome-banner.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
-const commonHelpers = require('./common-helpers-83174231.js');
+const index$1 = require('./index-d1879acf.js');
+const commonHelpers = require('./common-helpers-79fcae4a.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-widget-chart.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 const lodash = require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-widget-small-size.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-widget-tab.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 const lodash = require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-widget-tile.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-workflow-state-dialog.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-workflow-state.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 const lodash = require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-workflow.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 const lodash = require('./lodash-597bda6d.js');
 const workflow_interface = require('./workflow.interface-ffda8358.js');
-const commonHelpers = require('./common-helpers-83174231.js');
+const commonHelpers = require('./common-helpers-79fcae4a.js');
 const index$4 = require('./index-1016fbe6.js');
-const index$2 = require('./index-50b1d74d.js');
+const index$2 = require('./index-dbddb1a3.js');
 const index$3 = require('./index-9c56868f.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');
-require('./annotations-helpers-45b1c2e4.js');
+require('./annotations-helpers-6cf88388.js');
 
 const workflowCss = ":host{width:100%}:host .workflow-container{position:relative;width:100%;height:100%}:host .workflow-container.form-mode{height:100%}:host .workflow-container .header-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .workflow-container .header-container yoo-tabs{background:var(--light, #ffffff)}:host .workflow-container .header-container yoo-form-toggle{position:absolute;top:0.5rem;right:1rem;bottom:auto;left:auto}:host .workflow-container .steps-outer-container{position:relative;width:100%;height:100%;overflow:hidden}:host .workflow-container .steps-outer-container .zoom-controller{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:var(--spacing-64, 4rem);left:auto;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--light, #ffffff);background:var(--dark, #000000)}:host .workflow-container .steps-outer-container .zoom-controller .zoom-out,:host .workflow-container .steps-outer-container .zoom-controller .zoom-in{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:2rem;cursor:pointer}:host .workflow-container .steps-outer-container .zoom-controller.reset{position:absolute;top:auto;right:9rem;bottom:var(--spacing-64, 4rem);left:auto;padding:0 var(--spacing-08, 0.5rem);cursor:pointer}:host .workflow-container .steps-outer-container .steps-container{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--spacing-16, 1rem);overflow:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu{width:inherit;margin:auto}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.align-center{text-align:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container yoo-context-menu.margin-top{margin-top:var(--spacing-16, 1rem)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .vertical-line{width:0;height:1.5rem;margin:auto;border-left:var(--border-width-02, 0.125rem) solid var(--stable-alt, #d0d0d0)}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .start-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .steps-outer-container .steps-container .steps-inner-container .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}:host .workflow-container .form-container{display:-ms-flexbox;display:flex;height:calc(100% - 3rem)}:host .workflow-container .form-container .left-panel{width:20.5rem;min-width:20.5rem;height:100%;overflow:hidden;border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .workflow-container .form-container .right-panel{width:100%;min-width:25rem;padding:var(--spacing-16, 1rem);overflow:hidden}:host .workflow-container .form-container .right-panel yoo-accordion{--accordion-background:transparent}:host .workflow-container .form-container .right-panel .block-container{width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .workflow-container .form-container .right-panel .default-visibility-selection{z-index:1;display:-ms-flexbox;display:flex;white-space:nowrap;position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:auto;left:auto}:host .workflow-container .form-container .right-panel .default-visibility-selection yoo-form-autocomplete{padding-left:var(--spacing-16, 1rem)}:host .empty-state-with-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column}:host .empty-state-with-text h2{margin-top:unset;margin-bottom:unset}:host .empty-state-with-text div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);max-width:25rem;padding:var(--spacing-08, 0.5rem);text-align:center}:host .empty-state-with-text yoo-button{width:20rem;padding:var(--spacing-16, 1rem)}:host .empty-state-with-text yoo-empty-state{height:25rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-32, 2rem)}";
 

package/dist/cjs/yoo-zebra.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c8609d4f.js');
-const index = require('./index-6fb682f1.js');
+const index = require('./index-d1879acf.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/cjs/yoo-zoom.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-6fb682f1.js');
+const index$1 = require('./index-d1879acf.js');
 const lodash = require('./lodash-597bda6d.js');
-const annotationsHelpers = require('./annotations-helpers-45b1c2e4.js');
+const annotationsHelpers = require('./annotations-helpers-6cf88388.js');
 const hammerHelpers = require('./hammer-helpers-e8117959.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');

package/dist/collection/components/1.atoms/tabs/tabs.js

@@ -123,7 +123,7 @@ export class YooTabsComponent {
                 : this.isEditable && this.editableOptions && this.tabs.length > index || icon
                   ? 'plus-one'
                   : ''}` },
-              h("yoo-truncated-line", { tooltipPlacement: "right", content: translateMulti(tab.title) }))
+              h("yoo-truncated-line", { tooltipPlacement: "auto", content: translateMulti(tab.title) }))
             : h("span", null, translateMulti(tab.title)),
           this.isEditable && this.editableOptions && this.tabs.length > index && isWeb(this.host) && (h("yoo-context-menu", { class: "full-width editable", contentButtons: this.editableOptions(index) },
             h("yoo-icon", { class: tab.iconColor, size: tab.iconOnlySize || (this.vertical ? 'medium' : 'small'), name: "more" }))),

package/dist/collection/components/entities/entity/entity.js

@@ -264,8 +264,15 @@ export class YooEntityComponent {
       return h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type, attendance: this.item.participantStatus, dueDate: date });
     }
     else if (this.item.type === 'courses') {
+      const startDate = new Date(this.item.startDate);
       const endDate = new Date(this.item.endDate);
-      const dueDate = +endDate - 24 * 3600 * 1000;
+      const allDayInMinutes = 1410; // 23.5 hours
+      const isCourseDayOrLess = (endDate.getDate() - startDate.getDate() <= 1);
+      const courseDurationInMinutes = endDate.getHours() * 60 + endDate.getMinutes() - startDate.getHours() * 60 + startDate.getMinutes();
+      let dueDate = +endDate - 24 * 3600 * 1000;
+      if (courseDurationInMinutes < allDayInMinutes && isCourseDayOrLess) {
+        dueDate = +endDate - 12 * 3600 * 1000; // If course less than 23.5 hours dueDate calculation
+      }
       const date = dateFormat(dueDate, 'DD/MM/YYYY hh:mm');
       return h("yoo-card-calendar", { heading: this.item.title, color: color, type: this.item.type, dueDate: date });
     }

package/dist/collection/components/form/form-autocomplete/form-autocomplete.js

@@ -467,6 +467,7 @@ export class YooFormAutocompleteComponent {
     if (!(isWeb(this.host) && this.showDropdownContent)) {
       this.inputFocused.emit();
       await (!isWeb(this.host) || !this.expandHeightOnShow ? this.showContainerDialog() : this.showContainer());
+      this.mobileAutocompleteClosed.emit(this.selection);
     }
     else {
       this.webAutocompleteClosed.emit(this.selection);
@@ -2741,6 +2742,21 @@ export class YooFormAutocompleteComponent {
         "resolved": "any[]",
         "references": {}
       }
+    }, {
+      "method": "mobileAutocompleteClosed",
+      "name": "mobileAutocompleteClosed",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any[]",
+        "resolved": "any[]",
+        "references": {}
+      }
     }, {
       "method": "extraDataChanged",
       "name": "extraDataChanged",

package/dist/collection/components/form/form-dynamic/form-dynamic.css

@@ -946,6 +946,8 @@ span.fr-img-caption.fr-view {
 }
 :host yoo-ion-slides yoo-ion-scroll.with-footer {
   bottom: var(--footer-height);
+}
+:host yoo-ion-slides yoo-ion-scroll.with-footer.keyboard-open {
   min-height: 100%;
 }
 :host yoo-form-recap-step.last {

package/dist/collection/components/form/form-dynamic/form-dynamic.js

@@ -43,21 +43,27 @@ export class YooFormDynamicComponent {
     this.containsRenderComponent = false;
     this.hasTimerStarted = false;
     this.dirtyFields = [];
-    this.onKeyboardWillShow = debounce((event) => {
+    this.onKeyboardWillShow = (event) => {
       var _a;
-      if (event && !isAndroid() && !this.isInline()) {
-        const scrollSpacerHeight = event.keyboardHeight;
-        this.setScrollSpacerHeight(scrollSpacerHeight);
-      }
-      const scrollSpacer = this.getElementFromCurrentSlide('.scroll-spacer');
-      if (scrollSpacer) {
-        scrollSpacer.classList.remove('bottom-bar');
-      }
       (_a = this.formFooterElement) === null || _a === void 0 ? void 0 : _a.classList.add('hide');
-      if (isAndroid()) {
-        this.windowHasFinishedResizing = false;
+      const scroll = this.getElementFromCurrentSlide('yoo-ion-scroll');
+      if (scroll && !(scroll === null || scroll === void 0 ? void 0 : scroll.classList.contains('keyboard-open'))) {
+        scroll.classList.add('keyboard-open');
       }
-    }, 500);
+      debounce(() => {
+        if (event && !isAndroid() && !this.isInline()) {
+          const scrollSpacerHeight = event.keyboardHeight;
+          this.setScrollSpacerHeight(scrollSpacerHeight);
+        }
+        const scrollSpacer = this.getElementFromCurrentSlide('.scroll-spacer');
+        if (scrollSpacer) {
+          scrollSpacer.classList.remove('bottom-bar');
+        }
+        if (isAndroid()) {
+          this.windowHasFinishedResizing = false;
+        }
+      }, 500);
+    };
     this.slidesOptions = {
       autoplay: false,
       pagination: {
@@ -165,8 +171,9 @@ export class YooFormDynamicComponent {
     }
   }
   async setScrollSpacerHeight(height) {
+    var _a;
     const scrollSpacer = this.getElementFromCurrentSlide('.scroll-spacer');
-    if (scrollSpacer && scrollSpacer.classList && scrollSpacer.classList.contains('scroll-spacer') && !this.isInlineRow()) {
+    if (((_a = scrollSpacer === null || scrollSpacer === void 0 ? void 0 : scrollSpacer.classList) === null || _a === void 0 ? void 0 : _a.contains('scroll-spacer')) && !this.isInlineRow()) {
       scrollSpacer.setAttribute('style', `height: ${height}px !important;`);
     }
   }
@@ -1803,6 +1810,10 @@ export class YooFormDynamicComponent {
       this.setScrollSpacerHeight(100);
     }
     (_a = this.formFooterElement) === null || _a === void 0 ? void 0 : _a.classList.remove('hide');
+    const scroll = this.getElementFromCurrentSlide('yoo-ion-scroll');
+    if (scroll && (scroll === null || scroll === void 0 ? void 0 : scroll.classList.contains('keyboard-open'))) {
+      scroll.classList.remove('keyboard-open');
+    }
   }
   onHideTabbar(ev) {
     if (getSession().isExternal || isWeb(this.host)) {

package/dist/collection/components/form/form-hotzones/form-hotzones.js

@@ -58,15 +58,19 @@ export class YooFormHotzonesComponent {
   initDraggableTarget() {
     const dragEndAction = async () => {
       const containerBound = this.imageElement.getBoundingClientRect();
-      if (!isElementInsideContainer(this.targetElement.getBoundingClientRect(), containerBound, this.targetElement.clientWidth / 2)) {
+      if (!isElementInsideContainer(this.targetElement.getBoundingClientRect(), containerBound, this.targetElement.clientWidth / 2, 'center')) {
         this.resetTarget();
       }
       else {
-        const getTargetPosition = (axis) => calcCoordPercentage(containerBound, this.targetElement, axis);
+        const getTargetCenterPosition = (axis) => {
+          const targetBound = this.targetElement.getBoundingClientRect();
+          const offsetPercentage = ((targetBound[axis === 'x' ? 'width' : 'height'] / 2) / containerBound[axis === 'x' ? 'width' : 'height']) * 100;
+          return calcCoordPercentage(containerBound, this.targetElement, axis) + offsetPercentage;
+        };
         this.validity = true;
         this.value = {
-          x: getTargetPosition('x'),
-          y: getTargetPosition('y')
+          x: getTargetCenterPosition('x'),
+          y: getTargetCenterPosition('y')
         };
         if (!this.livePreview) {
           setValueAndValidateInput(this.value, this);

package/dist/collection/components/form/form-input/form-input.js

@@ -1,4 +1,4 @@
-import { copyToClipboard, debounce as _debounce, disableKeyboardResize, enableKeyboardResize, extractTextFromStringHTML, isAndroid, isAnimationsDisabled, isHTML, isIOS, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isSafari, isWeb, resizeObserve, showToast, translate } from '@shared/utils';
+import { copyToClipboard, debounce as _debounce, extractTextFromStringHTML, isAndroid, isAnimationsDisabled, isHTML, isIOS, isNativeMobile, isNullOrUndefined, isSafari, isWeb, resizeObserve, showToast, translate } from '@shared/utils';
 import { Component, Element, Event, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { isFunction, isNumber, isString } from 'lodash-es';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
@@ -22,7 +22,6 @@ export class YooFormInputComponent {
     this.allowDecimals = false;
     this.checkboxParams = null;
     this.hostWidth = 0;
-    this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
     this.onWheel = () => {
       if (isWeb(this.host) && this.isNumberInput(this.type)) {
         this.inputElement.blur();
@@ -161,9 +160,6 @@ export class YooFormInputComponent {
       this.inputElement.value = this.value;
       this.updateRemainingCharacters();
     }
-    if (isIOS()) {
-      enableKeyboardResize();
-    }
     if (this.focusOnRendered) {
       this.setFocus();
     }
@@ -178,15 +174,6 @@ export class YooFormInputComponent {
     this.inputType = this.type;
     this.setLocalValue(true);
   }
-  disconnectedCallback() {
-    if (isIOS()) {
-      setTimeout(() => {
-        if (this.isKeyboardResizeModeInactive) {
-          disableKeyboardResize();
-        }
-      }, 500);
-    }
-  }
   getIconSize() {
     if (this.size === 'medium' || this.size === 'small') {
       return 'small';

package/dist/collection/components/form/form-multi-input/form-multi-input.js

@@ -1,3 +1,16 @@
+/**
+ * @name: Form Multi Input
+ * @author: Ondrej, Cam
+ * https://zpl.io/2jMp8px
+ * https://zpl.io/VqY169Y
+ * https://zpl.io/2GAnzx4
+ * https://zpl.io/beKgAym
+ * https://zpl.io/a7QlRqM
+ * https://zpl.io/VQQELZA
+ * https://zpl.io/ameOEz9
+ * https://zpl.io/29KpyAW
+ */
+import { FormFieldType } from '@shared/interfaces';
 import { getUUID, isValueATranslationKey, isWeb, translate } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { isEqual } from 'lodash-es';
@@ -537,7 +550,7 @@ export class YooFormMultiInputComponent {
         ]));
     }
     if (renderTextInput) {
-      const field = { title: label };
+      const field = { title: label, type: FormFieldType.text };
       if (cell.column.help) {
         field.help = translate(cell.column.help);
       }

package/dist/collection/components/form/form-number-picker-dialog/form-number-picker-dialog.css

@@ -214,6 +214,7 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 }
 :host .outer-container .content yoo-ion-scroll {
   top: auto;
+  z-index: 20008;
   height: 100%;
   transition: 0.3s;
 }

package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.css

@@ -475,7 +475,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border-radius: var(--border-radius-08, 0.5rem);
   box-shadow: var(--shadow-05, -0.375rem -0.375rem 0.5rem 0 rgba(0, 0, 0, 0.1));
   transition: transform 0.25s, opacity 0.25s, background-color 0.25s;
-  will-change: transform;
 }
 :host #stack .card:not([direction]) {
   transform: translate(0, -5%) scale(0.85);

package/dist/collection/components/form/form-text-area/form-text-area.js

@@ -1,5 +1,5 @@
 import { Keyboard } from '@capacitor/keyboard';
-import { containsUrls, debounce, disableKeyboardResize, enableKeyboardResize, findParent, getAsyncExtraData, isFirefox, isIOS, isKeyboardResizeModeInactive, isNativeMobile, isNullOrUndefined, isWeb, replaceAndGetAllLinks, replaceAtTagToMentionTag, safeScrollIntoView, translate, translateMulti } from '@shared/utils';
+import { containsUrls, debounce, findParent, getAsyncExtraData, isFirefox, isNativeMobile, isNullOrUndefined, isWeb, replaceAndGetAllLinks, replaceAtTagToMentionTag, safeScrollIntoView, translate, translateMulti } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
 import { getAppContext, sanitizeHTML } from '../../../utils/helpers/common-helpers';
 import { onInputBlurred, onInputClear, onInputFocused, setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
@@ -21,7 +21,6 @@ export class YooFormTextAreaComponent {
     this.mentionedUsers = [];
     this.allowLinkUpdate = true;
     this.updateSegmentsCountDebounce = debounce(() => this.updateSegmentsCount(), 2000);
-    this.isKeyboardResizeModeInactive = isKeyboardResizeModeInactive();
     this.scrollIntoViewOnFocus = false;
   }
   onValueChanged(value) {
@@ -124,9 +123,6 @@ export class YooFormTextAreaComponent {
         textArea.setAttribute('style', `resize: ${this.resizable};`);
       }
     }
-    if (isIOS()) {
-      enableKeyboardResize();
-    }
     if (this.autoInitialRows && this.inputEl) {
       const scrollHeight = this.inputEl.scrollHeight;
       const PADDING = 16;
@@ -151,13 +147,6 @@ export class YooFormTextAreaComponent {
       this.inputEl.removeEventListener('compositionupdate', this.compUpdateListener);
       this.inputEl.removeEventListener('compositionend', this.compEndListener);
     }
-    if (isIOS()) {
-      setTimeout(() => {
-        if (this.isKeyboardResizeModeInactive) {
-          disableKeyboardResize();
-        }
-      }, 500);
-    }
   }
   setTextareaMaxLengh() {
     if (this.maxCharacters && this.inputEl && !this.allowMention && !this.allowCustomInput) {

package/dist/collection/components/form/form-todo/form-todo.js

@@ -38,7 +38,7 @@ export class YooFormTodoComponent {
     var _a, _b;
     if (!this.disabled && this.slidesTodo && this.slidesTodo.length > 0) {
       this.value = this.value || {
-        title: translate('YOOBICTODO') + ' - ' + (((_b = (_a = getSession()) === null || _a === void 0 ? void 0 : _a.selectedMission) === null || _b === void 0 ? void 0 : _b.title) || '')
+        title: translate('YOOBICTODO') + ' - ' + translateMulti(((_b = (_a = getSession()) === null || _a === void 0 ? void 0 : _a.selectedMission) === null || _b === void 0 ? void 0 : _b.title) || '')
       };
       if (this.linked) {
         const formDynamic = findParent(this.host, 'yoo-form-dynamic');

package/dist/collection/components/form/form-videoplayer/form-videoplayer.js

@@ -1,6 +1,6 @@
 import { isAndroid, isNativeMobile, isOffline, isTabletOrIpad } from '@shared/utils';
 import { Component, Element, Event, h, Host, Listen, Prop, Watch } from '@stencil/core';
-import { getAppContext } from 'src/utils/helpers/common-helpers';
+import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { fixVideoSource, getSourceType, getVideoSubtitlesFromFiles } from '../../../utils/helpers/video-player-helpers';
 export class YooFormVideoPlayerComponent {
   constructor() {

package/dist/collection/feature-communicate/feed/card-feed/default/card-feed.js

@@ -770,7 +770,8 @@ export class YooCardFeedComponent {
       }, scaledUpHeightPortraitOnly: true, instant: true, mediaDimension: ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.mediaDimension) ? (_b = this.entry) === null || _b === void 0 ? void 0 : _b.mediaDimension[this.currentSlideIndex] : null, scaledUpInHeight: true, scaledUp: true, src: src }));
   }
   renderMainView() {
-    const mediaSrc = this.entry.mediaSrc[this.currentSlideIndex] || this.entry.mediaSrc[0];
+    var _a, _b;
+    const mediaSrc = ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a[this.currentSlideIndex]) || ((_b = this.entry.mediaSrc) === null || _b === void 0 ? void 0 : _b[0]);
     const isTypeVideo = isVideo(mediaSrc);
     return (h("div", { class: "main-view-container" }, isTypeVideo ? this.renderVideo(mediaSrc) : this.renderMainViewImage(mediaSrc)));
   }
@@ -783,7 +784,8 @@ export class YooCardFeedComponent {
         ((_a = this.entry.mediaSrc) === null || _a === void 0 ? void 0 : _a.length) > 1 && this.renderThumbnailView()),
       h("div", { class: "right-container" },
         this.renderDetailViewHeader(),
-        h("yoo-ion-content", null, this.renderContent()))
+        h("yoo-ion-content", null, this.renderContent()),
+        h("slot", { name: "bottom" }))
     ];
   }
   renderSharedFeed() {

package/dist/collection/feature-learn/learning/section-list/section-list.js

@@ -1,4 +1,4 @@
-import { gsapFrom, gsapSet, gsapTo, showRename, translate, translateMulti } from '@shared/utils';
+import { getCurrentLanguage, getTranslatedAttribute, gsapFrom, gsapSet, gsapTo, showRename, translate, translateMulti } from '@shared/utils';
 import { Component, Element, Event, h, Host, Method, Prop } from '@stencil/core';
 import { clone, debounce, get, omit } from 'lodash-es';
 import Sortable from 'sortablejs';
@@ -400,7 +400,7 @@ export class YooSectionListComponent {
       h("div", { class: "section-title" },
         this.icon && h("div", { class: "icon" },
           h("yoo-icon", { name: this.icon, size: "medium", color: "text-color" })),
-        h("div", { class: "title" }, translateMulti(section.title)),
+        h("div", { class: "title" }, section.translatedTitle || translateMulti(section.title)),
         h("div", { class: "item-count" }, `${items.length} ${translate((_a = this.countSuffix) === null || _a === void 0 ? void 0 : _a.toUpperCase())}`),
         !this.disableSortable && !this.isReadonly && section.isSortable !== false && h("div", { class: "draggable" },
           h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })),
@@ -428,13 +428,15 @@ export class YooSectionListComponent {
   }
   renderSectionItem(item) {
     let checkboxRef;
+    const title = getTranslatedAttribute(this.translations, item.title, this.baseLanguage || getCurrentLanguage(), 'title').value || translateMulti(item.title);
+    const text = getTranslatedAttribute(this.translations, item.text, this.baseLanguage || getCurrentLanguage(), 'text').value || translateMulti(item.text);
     return (h("div", { class: "item selectable", onMouseEnter: this.getItemMouseEnterAction(), onMouseLeave: this.getItemMouseLeaveAction() },
       h("div", { class: "checkbox", ref: (el) => checkboxRef = el }, !this.disableBatchActions && this.isOwner && item.isSelectable !== false && h("yoo-form-checkbox", { onInputChanged: (ev) => this.onCheckboxClicked(ev, item, checkboxRef) })),
       h("div", { class: "item-container", onClick: () => this.itemClicked.emit(item) },
         h("div", { class: "title-container" },
           item.user && h("yoo-avatars", { layout: "list", users: [item.user], size: "small" }),
-          item.title && h("div", { class: "title" }, translateMulti(item.title)),
-          item.text && h("div", { class: "description" }, translateMulti(item.text))),
+          item.title && h("div", { class: "title", innerHTML: title }),
+          item.text && h("div", { class: "description", innerHTML: text })),
         h("div", { class: "info-container" }, item.columns && item.columns.map((column) => this.renderSectionItemColumn(column))),
         !this.disableSortable && !this.isReadonly && h("div", { class: "draggable" },
           h("yoo-icon", { name: "draggable", color: "text-color", size: "medium" })),
@@ -699,6 +701,43 @@ export class YooSectionListComponent {
       "attribute": "is-owner",
       "reflect": false,
       "defaultValue": "false"
+    },
+    "translations": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "ITranslation[]",
+        "resolved": "ITranslation[]",
+        "references": {
+          "ITranslation": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
+    },
+    "baseLanguage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "base-language",
+      "reflect": false
     }
   }; }
   static get events() { return [{

package/dist/collection/feature-platform/login/login/login.js

@@ -1,7 +1,7 @@
 import { ScreenOrientation } from '@ionic-native/screen-orientation';
 import { debounce, disableKeyboardResize, enableKeyboardResize, getContrastColorName, getSession, 
 // getUserLanguageKeys,
-isAndroid, isChromatic, isIonic, isIOS, isIphone5, isIphoneSE, isIphoneX, isNativeMobile, isTablet, isWeb, LoginFocusAnimation, setStatusBarDarkMode, showActionSheet, translate } from '@shared/utils';
+isAndroid, isChromatic, isIonic, isIOS, isIphone5, isIphoneSE, isIphoneX, isNativeMobile, isTablet, isWeb, LoginFocusAnimation, showActionSheet, translate } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State, Watch } from '@stencil/core';
 import { getAppContext, querySelectorAllDeep } from '../../../utils/helpers/common-helpers';
 import { getElementDimensions } from '../../../utils/helpers/dimensions-helpers';
@@ -55,7 +55,6 @@ export class YooLoginComponent {
     return Promise.resolve(this.userPassword);
   }
   componentWillLoad() {
-    setStatusBarDarkMode(true);
     this.showLeftPanel = window.innerWidth > MIN_SCREEN_SIZE_LEFT_PANEL;
     this.language = this.currentLanguage;
     this.hideLoginForm = this.ssoOnly;
@@ -84,7 +83,6 @@ export class YooLoginComponent {
     }
   }
   disconnectedCallback() {
-    setStatusBarDarkMode(false);
     window.removeEventListener('resize', this.resizeListener);
     enableKeyboardResize();
   }