@yoobic/yobi 8.2.0-43 → 8.2.0-47

package/dist/cjs/yoo-user-wizard.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-5e2fc92c.js');
-const commonHelpers = require('./common-helpers-e5113e35.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-videoplayer-core.cjs.entry.js

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

package/dist/cjs/yoo-videoplayer-dailymotion.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-5e2fc92c.js');
+const index$1 = require('./index-d1879acf.js');
 const lodash = require('./lodash-597bda6d.js');
-const videoPlayerHelpers = require('./video-player-helpers-5567b43c.js');
+const videoPlayerHelpers = require('./video-player-helpers-973a56e2.js');
 const index$2 = require('./index-dbc0dad6.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');
-require('./common-helpers-e5113e35.js');
+require('./common-helpers-79fcae4a.js');
 
 const videoplayerDailymotionCss = ":host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";
 

package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-c8609d4f.js');
-const index = require('./index-5e2fc92c.js');
+const index = require('./index-d1879acf.js');
 const lodash = require('./lodash-597bda6d.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 const bufferEs6 = require('./buffer-es6-7c29ccf5.js');
-const localForage = require('./localForage-ed880f7d.js');
-const commonHelpers = require('./common-helpers-e5113e35.js');
-const videoPlayerHelpers = require('./video-player-helpers-5567b43c.js');
+const localForage = require('./localForage-3d408ab4.js');
+const commonHelpers = require('./common-helpers-79fcae4a.js');
+const videoPlayerHelpers = require('./video-player-helpers-973a56e2.js');
 const index$2 = require('./index-dbc0dad6.js');
 require('./index-ea29129a.js');
 

package/dist/cjs/yoo-videoplayer-vimeo.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const videoPlayerHelpers = require('./video-player-helpers-5567b43c.js');
+const videoPlayerHelpers = require('./video-player-helpers-973a56e2.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./index-5e2fc92c.js');
+require('./index-d1879acf.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');
-require('./common-helpers-e5113e35.js');
+require('./common-helpers-79fcae4a.js');
 
 const videoplayerVimeoCss = ":host iframe{width:100%;background:var(--dark, #000000)}";
 

package/dist/cjs/yoo-videoplayer-youtube.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-5e2fc92c.js');
-const videoPlayerHelpers = require('./video-player-helpers-5567b43c.js');
+const index$2 = require('./index-d1879acf.js');
+const videoPlayerHelpers = require('./video-player-helpers-973a56e2.js');
 const index$1 = require('./index-dbc0dad6.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-ea29129a.js');
-require('./common-helpers-e5113e35.js');
+require('./common-helpers-79fcae4a.js');
 
 const videoplayerYoutubeCss = ":host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";
 

package/dist/cjs/yoo-virtual-item.cjs.entry.js

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

package/dist/cjs/yoo-virtual-scroll.cjs.entry.js

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

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

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

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-5e2fc92c.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-5e2fc92c.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-5e2fc92c.js');
-const commonHelpers = require('./common-helpers-e5113e35.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-5e2fc92c.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-5e2fc92c.js');
-const commonHelpers = require('./common-helpers-e5113e35.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-5e2fc92c.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-5e2fc92c.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-5e2fc92c.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-5e2fc92c.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-5e2fc92c.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-5e2fc92c.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-5e2fc92c.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-e5113e35.js');
+const commonHelpers = require('./common-helpers-79fcae4a.js');
 const index$4 = require('./index-1016fbe6.js');
-const index$2 = require('./index-0fafeb15.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-5e2fc92c.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-5e2fc92c.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/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-hotzones/form-hotzones.js

@@ -1,7 +1,7 @@
 import { closeModal, Draggable, getMedia, gsapTo, isPointInsidePlan, isWeb, parseMarkDown, replaceAllLinks, showModal, translate, translateMulti } from '@shared/utils';
 import { Component, Element, Event, forceUpdate, h, Host, Prop, State, Watch } from '@stencil/core';
 import { getFromOfflineStorage } from '../../../utils/cache/localForage';
-import { calcCoordPercentage } from '../../../utils/helpers/annotations-helpers';
+import { calcCoordPercentage, isElementInsideContainer } from '../../../utils/helpers/annotations-helpers';
 import { getAppContext } from '../../../utils/helpers/common-helpers';
 import { showWarningAlert } from '../../../utils/helpers/draggable-tags-helpers';
 import { setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
@@ -58,7 +58,7 @@ export class YooFormHotzonesComponent {
   initDraggableTarget() {
     const dragEndAction = async () => {
       const containerBound = this.imageElement.getBoundingClientRect();
-      if (!this.isElementCenterInsideContainer(this.targetElement.getBoundingClientRect(), containerBound, this.targetElement.clientWidth / 2)) {
+      if (!isElementInsideContainer(this.targetElement.getBoundingClientRect(), containerBound, this.targetElement.clientWidth / 2, 'center')) {
         this.resetTarget();
       }
       else {
@@ -99,20 +99,6 @@ export class YooFormHotzonesComponent {
     this.validity = ((_b = (_a = this.hotzones) === null || _a === void 0 ? void 0 : _a.filter(({ revealed }) => revealed)) === null || _b === void 0 ? void 0 : _b.length) === ((_d = (_c = this.hotzones) === null || _c === void 0 ? void 0 : _c.filter(({ description, image }) => description || image)) === null || _d === void 0 ? void 0 : _d.length);
     !this.validity && forceUpdate(this);
   }
-  isElementCenterInsideContainer(elementBounds, containerBounds, acceptationThreshold = 0) {
-    if (elementBounds && containerBounds) {
-      const { top, left, bottom, right } = containerBounds;
-      const point = {
-        x: elementBounds.x + (elementBounds.width / 2),
-        y: elementBounds.y + (elementBounds.height / 2)
-      };
-      return ((point.y >= top - acceptationThreshold) &&
-        (point.y <= bottom + acceptationThreshold) &&
-        (point.x >= left - acceptationThreshold) &&
-        (point.x <= right + acceptationThreshold));
-    }
-    return false;
-  }
   renderZones() {
     var _a;
     return (_a = this.hotzones) === null || _a === void 0 ? void 0 : _a.map(hotzone => {

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-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-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/utils/helpers/annotations-helpers.js

@@ -69,20 +69,35 @@ export function getAnnotationPositionStyle(annotation, readonly) {
   const aTransform = { transform: getAnnotationTransform(annotation, 'current') };
   return { ...percentPos, ...(!readonly && aTransform) };
 }
-export function isElementInsideContainer(elementBounds, containerBounds, acceptationThreshold = 0) {
+export function isElementInsideContainer(elementBounds, containerBounds, acceptationThreshold = 0, anchor = 'top-left') {
   if (elementBounds && containerBounds) {
     const { top, left, bottom, right } = containerBounds;
-    const points = [];
-    if ('bottom' in elementBounds && 'top' in elementBounds && 'left' in elementBounds && 'right' in elementBounds) {
-      points.push({ x: elementBounds.left, y: elementBounds.top });
-      points.push({ x: elementBounds.right, y: elementBounds.top });
-      points.push({ x: elementBounds.left, y: elementBounds.bottom });
-      points.push({ x: elementBounds.right, y: elementBounds.bottom });
+    if (anchor === 'top-left') {
+      const points = [];
+      if ('bottom' in elementBounds && 'top' in elementBounds && 'left' in elementBounds && 'right' in elementBounds) {
+        points.push({ x: elementBounds.left, y: elementBounds.top });
+        points.push({ x: elementBounds.right, y: elementBounds.top });
+        points.push({ x: elementBounds.left, y: elementBounds.bottom });
+        points.push({ x: elementBounds.right, y: elementBounds.bottom });
+      }
+      else {
+        points.push({ x: elementBounds.x, y: elementBounds.y });
+      }
+      return points.every(p => (p.y >= top - acceptationThreshold) &&
+        (p.y <= bottom + acceptationThreshold) &&
+        (p.x >= left - acceptationThreshold) &&
+        (p.x <= right + acceptationThreshold));
     }
     else {
-      points.push({ x: elementBounds.x, y: elementBounds.y });
+      const { x, y } = {
+        x: elementBounds.x + (elementBounds.width / 2),
+        y: elementBounds.y + (elementBounds.height / 2)
+      };
+      return ((y >= top - acceptationThreshold) &&
+        (y <= bottom + acceptationThreshold) &&
+        (x >= left - acceptationThreshold) &&
+        (x <= right + acceptationThreshold));
     }
-    return points.every(p => (p.y >= top - acceptationThreshold) && (p.y <= bottom + acceptationThreshold) && (p.x >= left - acceptationThreshold) && (p.x <= right + acceptationThreshold));
   }
   return false;
 }