@yoobic/yobi 8.6.36 → 8.6.37

package/dist/collection/components/form/form-input-container/form-input-container.css

@@ -781,6 +781,10 @@ svg:not(:root) {
   font-size: var(--sub-description-font-size);
   text-transform: var(--field-title-text-transform);
 }
+:host .description .fr-view,
+:host .top-container .fr-view {
+  display: inline-block !important;
+}
 :host .description .media-description,
 :host .top-container .media-description {
   display: flex;

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

@@ -107,6 +107,10 @@ export class YooFormInputContainerComponent {
   onCommentFocused(ev) {
     this.commentFocused.emit(ev === null || ev === void 0 ? void 0 : ev.detail);
   }
+  onCommentResize(ev) {
+    ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
+    this.commentResize.emit();
+  }
   onAddNewTaskContainer() {
     var _a;
     this.taskClicked.emit((_a = this.field) === null || _a === void 0 ? void 0 : _a.name);
@@ -339,7 +343,7 @@ export class YooFormInputContainerComponent {
     return (this.displayValidationFooter && (h("div", { class: { 'footer-container': true, validation: true, mobile: isMobile } }, h("span", { class: "comment-container", onClick: () => this.onToggleValidationComments() }, h("yoo-icon", { name: "comment", size: "medium", color: "text-color" }), " ", translate(this.validationComments ? 'EDITCOMMENTS' : 'ADDCOMMENTS')), isMobile && this.renderValidationComments(), h("span", { class: "validation-container" }, h("yoo-form-checkbox", { animated: this.animated, value: this.markAsInvalid, class: "danger web", size: "large", header: translate('MARKFIELDASINVALID'), onInputChanged: (ev) => this.onValidationMarkAsInvalid(ev.detail) })))));
   }
   renderComments() {
-    return (this.shouldShowComments() && (h("yoo-form-input-comments", { class: { 'with-border-bottom': this.displayValidationComments }, readonly: this.readonly && !this.field.forceTaskComment, user: this.commentsUser, comments: this.comments, onInputChanged: (ev) => this.onCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev) })));
+    return (this.shouldShowComments() && (h("yoo-form-input-comments", { class: { 'with-border-bottom': this.displayValidationComments }, readonly: this.readonly && !this.field.forceTaskComment, user: this.commentsUser, comments: this.comments, onInputChanged: (ev) => this.onCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onInputResize: (ev) => this.onCommentResize(ev) })));
   }
   renderValidationComments() {
     return (this.displayValidationComments && (h("yoo-form-input-comments", { readonly: !this.allowFieldValidation || !this.showValidationComments, user: this.validationCommentsUser, comments: this.validationComments, onInputChanged: (ev) => this.onValidationCommentsChange(ev), onInputFocused: (ev) => this.onCommentFocused(ev), onCommentsToggled: () => this.onToggleValidationComments() })));
@@ -920,6 +924,21 @@ export class YooFormInputContainerComponent {
             }
           }
         }
+      }, {
+        "method": "commentResize",
+        "name": "commentResize",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
       }, {
         "method": "taskClicked",
         "name": "taskClicked",

package/dist/collection/components/grid/grid/grid.css

@@ -3411,6 +3411,13 @@ svg:not(:root) {
   direction: rtl;
 }
 
+:host(.framed.horizontal.card-sticky) .frame-container {
+  padding-inline-start: 0;
+}
+:host(.framed.horizontal.card-sticky) .frame-container .frame-header {
+  padding-inline-start: var(--spacing-16, 1rem);
+}
+
 :host(.missiondescriptions.card-list-color) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,
 :host(.missiondescriptions.card-list-color) yoo-ion-list yoo-ion-item {
   margin: none !important;

package/dist/collection/components/grid/grid-stack/grid-stack.js

@@ -71,8 +71,10 @@ export class YooGridstackComponent {
     }
   }
   async forceUpdate(column) {
-    this.grid.column(column);
-    this.renderConfig();
+    if (this.grid) {
+      this.grid.column(column);
+      this.renderConfig();
+    }
   }
   async syncHeights() {
     // this.syncHeightsInternal();

package/dist/collection/feature-learn/learning/podium/podium.js

@@ -196,7 +196,7 @@ export class YooPodiumComponent {
   onBeforeInjectSVG(svgElement) {
     if (svgElement) {
       isWeb(this.host) && svgElement.setAttribute('height', window.innerHeight.toString());
-      svgElement.style.width = 'auto';
+      svgElement.style.width = '100%';
       const mainSVGElement = svgElement.querySelector('#main-svg');
       if (mainSVGElement) {
         PODIUM_POSITION.forEach((posObj) => {

package/dist/collection/utils/helpers/annotations-helpers.js

@@ -23,7 +23,7 @@ export function getPointerCoordinates(ev, containerElement) {
   if (ev) {
     const isTouch = ev.type.includes('touch');
     const getEventPos = (axis) => (isTouch ? ev.touches[0][`client${axis.toUpperCase()}`] : ev[`client${axis.toUpperCase()}`]);
-    const getCoord = (axis) => getEventPos(axis) - containerElement.getBoundingClientRect()[axis === 'x' ? 'left' : 'top'] || 0;
+    const getCoord = (axis) => { var _a; return getEventPos(axis) - ((_a = containerElement === null || containerElement === void 0 ? void 0 : containerElement.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a[axis === 'x' ? 'left' : 'top']) || 0; };
     return {
       x: getCoord('x'),
       y: getCoord('y')
@@ -61,16 +61,6 @@ export function getPercentPositionValue(annotation) {
     y: ((isOldVersion ? annotation['percent_y'] : ((_b = annotation.coords) === null || _b === void 0 ? void 0 : _b.percentY) || annotation['percentY']) || 0) * coeffPos
   } : { x: 0, y: 0 };
 }
-function getAnnotationTransform(annotation, type = 'current') {
-  var _a, _b, _c;
-  const annotationTransform = (_c = (_b = (_a = annotation === null || annotation === void 0 ? void 0 : annotation._local) === null || _a === void 0 ? void 0 : _a.transform) === null || _b === void 0 ? void 0 : _b[type]) !== null && _c !== void 0 ? _c : { x: 0, y: 0 };
-  return `translate3d(${annotationTransform.x}px, ${annotationTransform.y}px, 0px)`;
-}
-export function getAnnotationPositionStyle(annotation, readonly, bounds) {
-  const percentPos = getPercentPositionStyle(annotation, bounds);
-  const aTransform = { transform: getAnnotationTransform(annotation, 'current') };
-  return { ...percentPos, ...(!readonly && aTransform) };
-}
 export function isElementInsideContainer(elementBounds, containerBounds, acceptationThreshold = 0, anchor = 'top-left') {
   if (elementBounds && containerBounds) {
     const { top, left, bottom, right } = containerBounds;
@@ -114,7 +104,6 @@ export function createBaseAnnotation(type) {
   return {
     _id: getUUID(),
     isNewVersion: true,
-    responsive: true,
     type,
     text: '',
     styles: {},

package/dist/collection/utils/helpers/draggable-dots-helpers.js

@@ -20,7 +20,7 @@ export function deleteDots(dots, containerElement) {
   dots === null || dots === void 0 ? void 0 : dots.forEach((dot) => deleteDot(dot, containerElement));
 }
 export function createDot(ev, dotConfig, dots = []) {
-  const { containerElement, moveToTarget } = dotConfig || {};
+  const { containerElement, moveToTarget, radius, color } = dotConfig || {};
   const { width, height } = (containerElement === null || containerElement === void 0 ? void 0 : containerElement.getBoundingClientRect()) || {};
   const { x, y } = getPointerCoordinates(ev, containerElement);
   const [emptyDot] = (dots === null || dots === void 0 ? void 0 : dots.filter((annotation) => isAnnotationEmpty(annotation) && !isAnnotationDeleted(annotation))) || [];
@@ -28,14 +28,17 @@ export function createDot(ev, dotConfig, dots = []) {
     const emptyDotElement = getElement(emptyDot._id, containerElement);
     if (emptyDotElement) {
       if (moveToTarget) {
+        const destPosition = {
+          percentX: ((x + radius / 2) / width) * 100,
+          percentY: ((y - radius / 2) / height) * 100
+        };
         gsapTo(emptyDotElement, .25, {
-          x: x - (containerElement.offsetLeft + emptyDotElement.clientWidth / 2),
-          y: 0 - (containerElement.clientHeight - y) - emptyDotElement.clientWidth / 2,
+          left: `${destPosition.percentX}%`,
+          top: `${destPosition.percentY}%`,
+          x: 0,
+          y: 0,
           onComplete() {
-            Object.assign(emptyDot.coords, {
-              percentX: (x / width) * 100,
-              percentY: (y / height) * 100
-            });
+            Object.assign(emptyDot.coords, destPosition);
             showDotTooltip(emptyDotElement.firstElementChild, true);
           }
         });
@@ -49,8 +52,11 @@ export function createDot(ev, dotConfig, dots = []) {
   else {
     return {
       ...createBaseAnnotation('dot'),
-      coords: { percentX: (x / width) * 100, percentY: (y / height) * 100 },
-      styles: { backgroundColor: dotConfig.color }
+      coords: {
+        percentX: ((x - radius) / width) * 100,
+        percentY: ((y - radius) / height) * 100
+      },
+      styles: { backgroundColor: color }
     };
   }
 }

package/dist/collection/utils/helpers/form-input-helpers.js

@@ -112,17 +112,20 @@ export function onInputClear(inputElement, borderContainerSelector = '.input-con
   clearDecorator(inputElement, borderContainerSelector);
 }
 function focusInvalidMessage(inputElement) {
-  if (querySelectorDeep(inputElement.host, '.invalid-message')) {
-    querySelectorDeep(inputElement.host, '.invalid-message').classList.add('focused');
+  const invalidMessage = querySelectorDeep(inputElement.host, '.invalid-message');
+  if (invalidMessage) {
+    invalidMessage.classList.add('focused');
   }
 }
 function focusIcons(inputElement, borderContainerSelector = '.input-container') {
   focusInvalidMessage(inputElement);
-  if (querySelectorDeep(inputElement.host, borderContainerSelector)) {
-    querySelectorDeep(inputElement.host, borderContainerSelector).classList.add('focused');
+  const inputContainer = querySelectorDeep(inputElement.host, borderContainerSelector);
+  if (inputContainer) {
+    inputContainer.classList.add('focused');
   }
-  if (querySelectorDeep(inputElement.host, '.valid-icon')) {
-    querySelectorDeep(inputElement.host, '.valid-icon').classList.remove('valid');
+  const validContainer = querySelectorDeep(inputElement.host, '.valid-icon');
+  if (validContainer) {
+    validContainer.classList.remove('valid');
   }
   const iconContainers = querySelectorAllDeep(inputElement.host, '.icon-suffix-focus');
   if (iconContainers[0]) {

package/dist/collection/utils/helpers/video-player-helpers.js

@@ -1,6 +1,6 @@
 import { StatusBar } from '@capacitor/status-bar';
 import { FORM_MULTI_LANGUAGES_DATA } from '@shared/interfaces';
-import { Cloudinary, getVariantValue, isCloudinaryLink, isDailymotionSource, isFile, isNativeMobile, isVimeoSource, isWeb, isYoutubeSource, loadScript, showModal } from '@shared/utils';
+import { Cloudinary, getCurrentLanguage, getVariantValue, isCloudinaryLink, isDailymotionSource, isFile, isNativeMobile, isVimeoSource, isWeb, isYoutubeSource, loadScript, showModal } from '@shared/utils';
 import { find, isString } from 'lodash-es';
 import { querySelectorDeep } from './common-helpers';
 export function getSourceType(field) {
@@ -64,6 +64,7 @@ export function openVideoPlayerInModal(type, coreParams, modalParams) {
   };
   const modalOptions = {
     modalMode: true,
+    currentDisplayingLang: getCurrentLanguage(),
     ...modalParams
   };
   const options = {

package/dist/{esm/annotations-helpers-20068c12.js → design-system/annotations-helpers-8f5b683c.js}

@@ -1,4 +1,4 @@
-import { b6 as getUUID } from './index-0a31764b.js';
+import { b6 as getUUID } from './index-a54080c5.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);
@@ -24,7 +24,7 @@ function getPointerCoordinates(ev, containerElement) {
   if (ev) {
     const isTouch = ev.type.includes('touch');
     const getEventPos = (axis) => (isTouch ? ev.touches[0][`client${axis.toUpperCase()}`] : ev[`client${axis.toUpperCase()}`]);
-    const getCoord = (axis) => getEventPos(axis) - containerElement.getBoundingClientRect()[axis === 'x' ? 'left' : 'top'] || 0;
+    const getCoord = (axis) => { var _a; return getEventPos(axis) - ((_a = containerElement === null || containerElement === void 0 ? void 0 : containerElement.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a[axis === 'x' ? 'left' : 'top']) || 0; };
     return {
       x: getCoord('x'),
       y: getCoord('y')
@@ -62,16 +62,6 @@ function getPercentPositionValue(annotation) {
     y: ((isOldVersion ? annotation['percent_y'] : ((_b = annotation.coords) === null || _b === void 0 ? void 0 : _b.percentY) || annotation['percentY']) || 0) * coeffPos
   } : { x: 0, y: 0 };
 }
-function getAnnotationTransform(annotation, type = 'current') {
-  var _a, _b, _c;
-  const annotationTransform = (_c = (_b = (_a = annotation === null || annotation === void 0 ? void 0 : annotation._local) === null || _a === void 0 ? void 0 : _a.transform) === null || _b === void 0 ? void 0 : _b[type]) !== null && _c !== void 0 ? _c : { x: 0, y: 0 };
-  return `translate3d(${annotationTransform.x}px, ${annotationTransform.y}px, 0px)`;
-}
-function getAnnotationPositionStyle(annotation, readonly, bounds) {
-  const percentPos = getPercentPositionStyle(annotation, bounds);
-  const aTransform = { transform: getAnnotationTransform(annotation, 'current') };
-  return { ...percentPos, ...(!readonly && aTransform) };
-}
 function isElementInsideContainer(elementBounds, containerBounds, acceptationThreshold = 0, anchor = 'top-left') {
   if (elementBounds && containerBounds) {
     const { top, left, bottom, right } = containerBounds;
@@ -115,7 +105,6 @@ function createBaseAnnotation(type) {
   return {
     _id: getUUID(),
     isNewVersion: true,
-    responsive: true,
     type,
     text: '',
     styles: {},
@@ -127,4 +116,4 @@ function createBaseAnnotation(type) {
   };
 }
 
-export { isAnnotationValid as a, getElement as b, getPercentPositionValue as c, getPointerCoordinates as d, isAnnotationDeleted as e, createBaseAnnotation as f, getPercentPositionStyle as g, getAnnotationElements as h, isAnnotationEmpty as i, getBound as j, calcCoordPercentage as k, getAnnotationPositionStyle as l, getPhotoSVG as m, isElementInsideContainer as n, isAnnotationFocused as o };
+export { isAnnotationValid as a, getElement as b, getPercentPositionValue as c, getPointerCoordinates as d, isAnnotationDeleted as e, createBaseAnnotation as f, getPercentPositionStyle as g, getAnnotationElements as h, isAnnotationEmpty as i, getBound as j, calcCoordPercentage as k, getPhotoSVG as l, isElementInsideContainer as m, isAnnotationFocused as n };

package/dist/{esm/button.factory-bb850d0a.js → design-system/button.factory-c1bfd190.js}

@@ -1,4 +1,4 @@
-import { a0 as translateMulti } from './index-0a31764b.js';
+import { a0 as translateMulti } from './index-a54080c5.js';
 import { h } from './index-2cf5b950.js';
 
 const getButton = (button) => {

package/dist/design-system/{camera-helpers-c80b17f1.js → camera-helpers-a9f0276b.js}

@@ -1,4 +1,4 @@
-import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, a6 as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-0a31764b.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, a6 as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, b as isNativeMobile, c as isAndroid, E as isIOS, r as getMediaDevices, x as showModal, w as getModalAnimation, y as isWeb } from './index-a54080c5.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -248,7 +248,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-04a3491d.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-7d78de66.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/design-system/{chat-helpers-4b6f0b41.js → chat-helpers-1c80b1d6.js}

@@ -1,4 +1,4 @@
-import { t as translate, ap as isFile, aq as replaceAtTagToMentionTag, ar as replaceAllLinks, a0 as translateMulti } from './index-0a31764b.js';
+import { t as translate, ap as isFile, aq as replaceAtTagToMentionTag, ar as replaceAllLinks, a0 as translateMulti } from './index-a54080c5.js';
 import { c as isArray } from './lodash-cd4a9ba3.js';
 
 /**

package/dist/design-system/{common-helpers-f4f92196.js → common-helpers-b596408a.js}

@@ -1,4 +1,4 @@
-import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-0a31764b.js';
+import { w as getModalAnimation, t as translate, x as showModal, y as isWeb, z as debounce, A as querySelectorDeep$1, b as isNativeMobile, S as ScreenOrientation, B as findDevice, C as isRTL, D as isIphoneX, d as isIpadPro, f as isTablet, a as isFullScreenFalse, E as isIOS, c as isAndroid, F as setAnimation, G as animations, H as getCssColor, Y as YOOBICON_ENTITIES_MAP, I as startOf, J as isDateBefore, K as dateDiffInCalendarDays, L as isDateAfter, M as getAsyncExtraData, N as findParent, O as isNativeFilePath, v as cleanupWKWebViewFilePath, P as Cloudinary, Q as getProtocol, R as CloudinaryGradientLayer } from './index-a54080c5.js';
 import { E as get } from './lodash-cd4a9ba3.js';
 
 function getDefaultModalAnimation(host) {