@yoobic/yobi 8.6.62 → 8.6.64

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

@@ -3846,7 +3846,11 @@ const YooFormDynamicComponent = class {
           displaySegmentsCount: field.displaySegmentsCount,
           mentionUsers: field.allowMention ? field.mentionUsers : [],
           translations: this.shouldUseTranslations() ? this.translations : null,
-          onInputResize: () => this.scrollToField(this.focusedField, true, this.keyboardHeight),
+          onInputResize: (event) => {
+            if (event.target === this.focusedField) {
+              this.scrollToField(this.focusedField, true, this.keyboardHeight);
+            }
+          },
           onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
           onFetchData: field.allowMention ? (ev) => this.onFetchData(field, ev) : null
         };

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

@@ -2928,7 +2928,7 @@ const YooGridComponent = class {
         index.h("slot", { name: "header" }),
         index$1.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay left ${this.extraClass}` }),
         index.h("slot", { name: "before" }),
-        index.h("yoo-ion-slides", { ref: (el) => (this.slides = el), class: newClass, options: options, onIonSlideTransitionEnd: (ev) => this.onHorizontalSlidingEnd(ev), onIonSlideDidChange: () => this.onIonSlideDidChange() }, (_d = this.filteredItems) === null || _d === void 0 ? void 0 :
+        index.h("yoo-ion-slides", { allowKeyNavigation: false, ref: (el) => (this.slides = el), class: newClass, options: options, onIonSlideTransitionEnd: (ev) => this.onHorizontalSlidingEnd(ev), onIonSlideDidChange: () => this.onIonSlideDidChange() }, (_d = this.filteredItems) === null || _d === void 0 ? void 0 :
           _d.map((item, index$1) => (index.h("yoo-ion-slide", { class: slideClass }, index.h("div", { ref: (el) => (this.itemSlideDiv = el), class: "slide" }, this.renderEntity(item, null, index$1))))), emptySlides),
         index$1.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay right ${this.extraClass}` }),
         index.h("slot", { name: "after" })

package/dist/cjs/yoo-photo-editor.cjs.entry.js

@@ -870,24 +870,22 @@ const YooPhotoEditorComponent = class {
       const startDraw = (ev) => {
         if (ev && this.isDrawMode) {
           this.hasImageBeenCleaned = false;
-          const { x, y } = annotationsHelpers.getPointerCoordinates(ev, this.canvasDrawingsElement);
-          drawCoordinates = { current: { x, y } };
+          drawCoordinates = annotationsHelpers.getPointerCoordinates(ev, this.canvasDrawingsElement);
           this.canvasContext.beginPath();
-          this.canvasContext.moveTo(x, y);
+          this.canvasContext.lineWidth = this.size;
+          this.canvasContext.strokeStyle = index$1.getCssColor(this.color, this.color);
+          this.canvasContext.lineCap = 'round';
+          this.canvasContext.lineJoin = 'round';
+          this.canvasContext.moveTo(drawCoordinates.x, drawCoordinates.y);
           isDrawing = true;
         }
       };
       const draw = (ev) => {
-        if (ev && this.isDrawMode && drawCoordinates && isDrawing) {
+        if (ev && this.isDrawMode && isDrawing && (drawCoordinates === null || drawCoordinates === void 0 ? void 0 : drawCoordinates.x) && (drawCoordinates === null || drawCoordinates === void 0 ? void 0 : drawCoordinates.y)) {
           ev.stopPropagation();
-          const coords = annotationsHelpers.getPointerCoordinates(ev, this.canvasDrawingsElement);
-          if (coords) {
-            this.canvasContext.lineWidth = this.size;
-            this.canvasContext.lineTo(coords.x, coords.y);
-            this.canvasContext.strokeStyle = index$1.getCssColor(this.color, this.color);
-            this.canvasContext.lineCap = 'round';
-            this.canvasContext.stroke();
-          }
+          drawCoordinates = annotationsHelpers.getPointerCoordinates(ev, this.canvasDrawingsElement);
+          this.canvasContext.lineTo(drawCoordinates.x, drawCoordinates.y);
+          this.canvasContext.stroke();
         }
       };
       const stopDraw = (ev) => {
@@ -901,19 +899,19 @@ const YooPhotoEditorComponent = class {
           this.canvasContext.closePath();
         }
       };
-      // Web
-      if (index$1.isWeb(this.host)) {
-        this.canvasDrawingsElement.onmousedown = startDraw;
-        this.canvasDrawingsElement.onmousemove = draw;
-        this.canvasDrawingsElement.onmouseup = stopDraw;
-        this.canvasDrawingsElement.onmouseleave = stopDraw;
+      if (window.navigator.maxTouchPoints) {
+        this.canvasDrawingsElement.addEventListener('touchstart', startDraw);
+        this.canvasDrawingsElement.addEventListener('touchmove', draw);
+        this.canvasDrawingsElement.addEventListener('touchend', stopDraw);
       }
       else {
-        // Mobile & Emulate
-        ['touchstart', 'pointerdown'].forEach((evName) => this.canvasDrawingsElement.addEventListener(evName, startDraw));
-        ['touchmove', 'pointermove'].forEach((evName) => this.canvasDrawingsElement.addEventListener(evName, draw));
-        ['touchend', 'pointerup'].forEach((evName) => this.canvasDrawingsElement.addEventListener(evName, stopDraw));
+        this.canvasDrawingsElement.addEventListener('mousedown', startDraw);
+        this.canvasDrawingsElement.addEventListener('mousemove', draw);
+        ['mouseup', 'mouseleave'].forEach((evName) => this.canvasDrawingsElement.addEventListener(evName, stopDraw));
       }
+      this.canvasDrawingsElement.addEventListener('pointerdown', startDraw);
+      this.canvasDrawingsElement.addEventListener('pointermove', draw);
+      this.canvasDrawingsElement.addEventListener('pointerup', stopDraw);
     }
   }
   updateAnnotationStyle(styleAttr, styleValue) {

package/dist/collection/components/3.organisms/photo-editor/photo-editor.js

@@ -684,24 +684,22 @@ export class YooPhotoEditorComponent {
       const startDraw = (ev) => {
         if (ev && this.isDrawMode) {
           this.hasImageBeenCleaned = false;
-          const { x, y } = getPointerCoordinates(ev, this.canvasDrawingsElement);
-          drawCoordinates = { current: { x, y } };
+          drawCoordinates = getPointerCoordinates(ev, this.canvasDrawingsElement);
           this.canvasContext.beginPath();
-          this.canvasContext.moveTo(x, y);
+          this.canvasContext.lineWidth = this.size;
+          this.canvasContext.strokeStyle = getCssColor(this.color, this.color);
+          this.canvasContext.lineCap = 'round';
+          this.canvasContext.lineJoin = 'round';
+          this.canvasContext.moveTo(drawCoordinates.x, drawCoordinates.y);
           isDrawing = true;
         }
       };
       const draw = (ev) => {
-        if (ev && this.isDrawMode && drawCoordinates && isDrawing) {
+        if (ev && this.isDrawMode && isDrawing && (drawCoordinates === null || drawCoordinates === void 0 ? void 0 : drawCoordinates.x) && (drawCoordinates === null || drawCoordinates === void 0 ? void 0 : drawCoordinates.y)) {
           ev.stopPropagation();
-          const coords = getPointerCoordinates(ev, this.canvasDrawingsElement);
-          if (coords) {
-            this.canvasContext.lineWidth = this.size;
-            this.canvasContext.lineTo(coords.x, coords.y);
-            this.canvasContext.strokeStyle = getCssColor(this.color, this.color);
-            this.canvasContext.lineCap = 'round';
-            this.canvasContext.stroke();
-          }
+          drawCoordinates = getPointerCoordinates(ev, this.canvasDrawingsElement);
+          this.canvasContext.lineTo(drawCoordinates.x, drawCoordinates.y);
+          this.canvasContext.stroke();
         }
       };
       const stopDraw = (ev) => {
@@ -715,19 +713,19 @@ export class YooPhotoEditorComponent {
           this.canvasContext.closePath();
         }
       };
-      // Web
-      if (isWeb(this.host)) {
-        this.canvasDrawingsElement.onmousedown = startDraw;
-        this.canvasDrawingsElement.onmousemove = draw;
-        this.canvasDrawingsElement.onmouseup = stopDraw;
-        this.canvasDrawingsElement.onmouseleave = stopDraw;
+      if (window.navigator.maxTouchPoints) {
+        this.canvasDrawingsElement.addEventListener('touchstart', startDraw);
+        this.canvasDrawingsElement.addEventListener('touchmove', draw);
+        this.canvasDrawingsElement.addEventListener('touchend', stopDraw);
       }
       else {
-        // Mobile & Emulate
-        ['touchstart', 'pointerdown'].forEach((evName) => this.canvasDrawingsElement.addEventListener(evName, startDraw));
-        ['touchmove', 'pointermove'].forEach((evName) => this.canvasDrawingsElement.addEventListener(evName, draw));
-        ['touchend', 'pointerup'].forEach((evName) => this.canvasDrawingsElement.addEventListener(evName, stopDraw));
+        this.canvasDrawingsElement.addEventListener('mousedown', startDraw);
+        this.canvasDrawingsElement.addEventListener('mousemove', draw);
+        ['mouseup', 'mouseleave'].forEach((evName) => this.canvasDrawingsElement.addEventListener(evName, stopDraw));
       }
+      this.canvasDrawingsElement.addEventListener('pointerdown', startDraw);
+      this.canvasDrawingsElement.addEventListener('pointermove', draw);
+      this.canvasDrawingsElement.addEventListener('pointerup', stopDraw);
     }
   }
   updateAnnotationStyle(styleAttr, styleValue) {

package/dist/collection/components/form/form-date-time/form-date-time.constant.js

@@ -0,0 +1,30 @@
+export const LANGUAGES = {
+  ar: 'ar',
+  bg: 'bg',
+  cz: 'cs',
+  zht: 'zh',
+  zhs: 'zh',
+  zhk: 'zh',
+  ca: 'en',
+  nl: 'nl',
+  en: 'en',
+  us: 'en',
+  de: 'de',
+  el: 'el',
+  es: 'es',
+  fr: 'fr',
+  he: 'he',
+  hu: 'hu',
+  it: 'it',
+  ja: 'ja',
+  kr: 'ko',
+  pl: 'pl',
+  br: 'pt-BR',
+  pt: 'pt-PT',
+  ro: 'ro',
+  ru: 'ru',
+  sk: 'sk',
+  th: 'th',
+  tr: 'tr',
+  ua: 'ua'
+};

package/dist/collection/components/form/form-date-time/form-date-time.js

@@ -1,8 +1,9 @@
-import { datepicker } from '@mobiscroll/javascript';
-import { dateFormat, endOf, findDevice, getUUID, getWeekStart, isWeb, startOf, translate } from '@shared/utils';
+import { datepicker, locale } from '@mobiscroll/javascript';
+import { dateFormat, endOf, findDevice, getCurrentLanguage, getUUID, getWeekStart, isWeb, startOf, translate } from '@shared/utils';
 import { h } from '@stencil/core';
 import { convertValueForInputType, setValidator, setValueAndValidateInput, validate } from '@yobi/utils/helpers/form-input-helpers';
 import { destroyMountPoints, generateRandomMountElementId, initShadowMountPoints } from '@yobi/utils/helpers/shadow-dom-helper';
+import { LANGUAGES } from './form-date-time.constant';
 const DISPLAY = {
   date: ['calendar'],
   'datetime-local': ['calendar', 'time'],
@@ -91,6 +92,7 @@ export class YooFormDateTimeComponent {
         displayTimezone: 'local',
         dataTimezone: 'utc',
         showOnFocus: false,
+        locale: locale[LANGUAGES[getCurrentLanguage()]] || locale['en'],
         ...(this.hoursOnly && { stepMinute: 60 }),
         ...(this.hoursOnly && { timeWheels: `|${this.timeFormat}|` }),
         ...(this.pages && { pages: this.pages }),

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

@@ -3635,7 +3635,11 @@ export class YooFormDynamicComponent {
           displaySegmentsCount: field.displaySegmentsCount,
           mentionUsers: field.allowMention ? field.mentionUsers : [],
           translations: this.shouldUseTranslations() ? this.translations : null,
-          onInputResize: () => this.scrollToField(this.focusedField, true, this.keyboardHeight),
+          onInputResize: (event) => {
+            if (event.target === this.focusedField) {
+              this.scrollToField(this.focusedField, true, this.keyboardHeight);
+            }
+          },
           onTranslationValueUpdated: (ev) => this.onTranslationValueUpdated(ev),
           onFetchData: field.allowMention ? (ev) => this.onFetchData(field, ev) : null
         };

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

@@ -2845,7 +2845,7 @@ export class YooGridComponent {
         h("slot", { name: "header" }),
         isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && h("div", { class: `gradient-overlay left ${this.extraClass}` }),
         h("slot", { name: "before" }),
-        h("yoo-ion-slides", { ref: (el) => (this.slides = el), class: newClass, options: options, onIonSlideTransitionEnd: (ev) => this.onHorizontalSlidingEnd(ev), onIonSlideDidChange: () => this.onIonSlideDidChange() }, (_d = this.filteredItems) === null || _d === void 0 ? void 0 :
+        h("yoo-ion-slides", { allowKeyNavigation: false, ref: (el) => (this.slides = el), class: newClass, options: options, onIonSlideTransitionEnd: (ev) => this.onHorizontalSlidingEnd(ev), onIonSlideDidChange: () => this.onIonSlideDidChange() }, (_d = this.filteredItems) === null || _d === void 0 ? void 0 :
           _d.map((item, index) => (h("yoo-ion-slide", { class: slideClass }, h("div", { ref: (el) => (this.itemSlideDiv = el), class: "slide" }, this.renderEntity(item, null, index))))), emptySlides),
         isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && h("div", { class: `gradient-overlay right ${this.extraClass}` }),
         h("slot", { name: "after" })