@yoobic/yobi 7.7.128 → 7.7.129

package/dist/cjs/yoo-ag-grid_96.cjs.entry.js

@@ -207487,7 +207487,9 @@ const YooPhotoEditorComponent = class {
   get keyboardActions() {
     return {
       WillShow: () => this.hasKeyboardOpened = true,
-      DidHide: () => this.hasKeyboardOpened = false
+      WillHide: () => this.hasKeyboardOpened = false,
+      DidHide: () => async () => await this.displayDrawings(this.currentDrawings),
+      DidShow: async () => await this.displayDrawings(this.currentDrawings)
     };
   }
   get hostBounds() {
@@ -207612,7 +207614,7 @@ const YooPhotoEditorComponent = class {
     return (_a = this.imageSizeStyle) === null || _a === void 0 ? void 0 : _a[this.isImageZoomable ? 'natural' : 'resized'];
   }
   get changes() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const checkChanges = (propName) => !isEqual$1.isEqual(this.savedAnnotations.sort((a, b) => a.text.localeCompare(b.text)).map((t) => t === null || t === void 0 ? void 0 : t[propName]), this.annotations
       .filter((a) => (a === null || a === void 0 ? void 0 : a.text) && !annotationsHelpers.isAnnotationDeleted(a))
       .sort((a, b) => a.text.localeCompare(b.text))
@@ -207623,7 +207625,7 @@ const YooPhotoEditorComponent = class {
     const hasCoordsChanged = checkChanges('coords');
     return {
       drawings: this.drawingsStack.length > 1 && !!this.drawingsStackIndex,
-      annotations: !!(hasTextChanged || hasStylesChanged || (hasTransformChanged || hasCoordsChanged))
+      annotations: !!(hasTextChanged || hasStylesChanged || (hasTransformChanged || hasCoordsChanged)) || (((_c = this.savedAnnotations) === null || _c === void 0 ? void 0 : _c.length) !== ((_d = this.annotations) === null || _d === void 0 ? void 0 : _d.length))
     };
   }
   get currentDrawings() {
@@ -207768,6 +207770,7 @@ const YooPhotoEditorComponent = class {
     !rrule.isDarkTheme() && !this.isPreview && rrule.setStatusBarDarkMode(true);
     this.savedAnnotationElements = cloneDeep.cloneDeep(this.annotationElements);
     this.showSaveInitial && getActionButton().validate.classList.add('active');
+    this.savedAnnotations = cloneDeep.cloneDeep(this.annotations);
     ResizeObserver_es.ScreenOrientation === null || ResizeObserver_es.ScreenOrientation === void 0 ? void 0 : ResizeObserver_es.ScreenOrientation.onChange().subscribe(() => index.forceUpdate(this));
   }
   async prepareSrc() {
@@ -207814,13 +207817,12 @@ const YooPhotoEditorComponent = class {
       if (!this.isLoading && this.hasZoomSetup && (this.displayAnnotations || !this.isReadonly)) {
         this.hasZoomSetup = false;
         this.toggleDraggableAnnotations();
-        this.savedAnnotations = cloneDeep.cloneDeep(this.annotations);
       }
     }
   }
   toggleKeyboardListeners(add) {
     if (rrule.isNativeMobile() && !this.isPreview) {
-      ['WillShow', 'DidHide'].forEach((event) => window[`${add ? 'add' : 'remove'}EventListener`](`keyboard${event}`, this.keyboardActions[event]));
+      ['WillShow', 'WillHide', 'DidHide', 'DidShow'].forEach((event) => window[`${add ? 'add' : 'remove'}EventListener`](`keyboard${event}`, this.keyboardActions[event]));
     }
   }
   toggleShowNavbar(show = true) {

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

@@ -121,7 +121,9 @@ export class YooPhotoEditorComponent {
   get keyboardActions() {
     return {
       WillShow: () => this.hasKeyboardOpened = true,
-      DidHide: () => this.hasKeyboardOpened = false
+      WillHide: () => this.hasKeyboardOpened = false,
+      DidHide: () => async () => await this.displayDrawings(this.currentDrawings),
+      DidShow: async () => await this.displayDrawings(this.currentDrawings)
     };
   }
   get hostBounds() {
@@ -246,7 +248,7 @@ export class YooPhotoEditorComponent {
     return (_a = this.imageSizeStyle) === null || _a === void 0 ? void 0 : _a[this.isImageZoomable ? 'natural' : 'resized'];
   }
   get changes() {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const checkChanges = (propName) => !isEqual(this.savedAnnotations.sort((a, b) => a.text.localeCompare(b.text)).map((t) => t === null || t === void 0 ? void 0 : t[propName]), this.annotations
       .filter((a) => (a === null || a === void 0 ? void 0 : a.text) && !isAnnotationDeleted(a))
       .sort((a, b) => a.text.localeCompare(b.text))
@@ -257,7 +259,7 @@ export class YooPhotoEditorComponent {
     const hasCoordsChanged = checkChanges('coords');
     return {
       drawings: this.drawingsStack.length > 1 && !!this.drawingsStackIndex,
-      annotations: !!(hasTextChanged || hasStylesChanged || (hasTransformChanged || hasCoordsChanged))
+      annotations: !!(hasTextChanged || hasStylesChanged || (hasTransformChanged || hasCoordsChanged)) || (((_c = this.savedAnnotations) === null || _c === void 0 ? void 0 : _c.length) !== ((_d = this.annotations) === null || _d === void 0 ? void 0 : _d.length))
     };
   }
   get currentDrawings() {
@@ -402,6 +404,7 @@ export class YooPhotoEditorComponent {
     !isDarkTheme() && !this.isPreview && setStatusBarDarkMode(true);
     this.savedAnnotationElements = cloneDeep(this.annotationElements);
     this.showSaveInitial && getActionButton().validate.classList.add('active');
+    this.savedAnnotations = cloneDeep(this.annotations);
     ScreenOrientation === null || ScreenOrientation === void 0 ? void 0 : ScreenOrientation.onChange().subscribe(() => forceUpdate(this));
   }
   async prepareSrc() {
@@ -448,13 +451,12 @@ export class YooPhotoEditorComponent {
       if (!this.isLoading && this.hasZoomSetup && (this.displayAnnotations || !this.isReadonly)) {
         this.hasZoomSetup = false;
         this.toggleDraggableAnnotations();
-        this.savedAnnotations = cloneDeep(this.annotations);
       }
     }
   }
   toggleKeyboardListeners(add) {
     if (isNativeMobile() && !this.isPreview) {
-      ['WillShow', 'DidHide'].forEach((event) => window[`${add ? 'add' : 'remove'}EventListener`](`keyboard${event}`, this.keyboardActions[event]));
+      ['WillShow', 'WillHide', 'DidHide', 'DidShow'].forEach((event) => window[`${add ? 'add' : 'remove'}EventListener`](`keyboard${event}`, this.keyboardActions[event]));
     }
   }
   toggleShowNavbar(show = true) {