@yoobic/yobi 7.7.128 → 7.7.129

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

@@ -207483,7 +207483,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() {
@@ -207608,7 +207610,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(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))
@@ -207619,7 +207621,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() {
@@ -207764,6 +207766,7 @@ const YooPhotoEditorComponent = class {
     !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() {
@@ -207810,13 +207813,12 @@ const YooPhotoEditorComponent = class {
       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) {

package/dist/types/components/3.organisms/photo-editor/photo-editor.d.ts

@@ -225,7 +225,9 @@ export declare class YooPhotoEditorComponent implements ComponentInterface {
   };
   get keyboardActions(): {
     WillShow: () => void;
+    WillHide: () => void;
     DidHide: () => void;
+    DidShow: () => void;
   };
   get hostBounds(): DOMRect;
   get imageBounds(): DOMRect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoobic/yobi",
-  "version": "7.7.128",
+  "version": "7.7.129",
   "description": "Yobi - Yoobic Design System",
   "module": "dist/index.js",
   "main": "dist/index.cjs.js",