fix(camera): Allow cancelation of sheet in Web

camera/src/web.ts

@@ -23,7 +23,7 @@
           document.body.appendChild(actionSheet);
         }
         actionSheet.header = options.promptLabelHeader || 'Photo';
-        actionSheet.cancelable = false;
+        actionSheet.cancelable = true;
         actionSheet.options = [
           { title: options.promptLabelPhoto || 'From Photos' },
           { title: options.promptLabelPicture || 'Take Picture' },
@@ -36,13 +36,16 @@
             this.cameraExperience(options, resolve, reject);
           }
         });
+        actionSheet.addEventListener('onCanceled', async () => {
+          reject(new CapacitorException('User cancelled photos app'));
+        });
       } else {
         this.cameraExperience(options, resolve, reject);
       }
     });
   }
 
   async pickImages(_options: GalleryImageOptions): Promise<GalleryPhotos> {
     // eslint-disable-next-line no-async-promise-executor
     return new Promise<GalleryPhotos>(async (resolve, reject) => {
       this.multipleFileInputExperience(resolve, reject);
@@ -107,8 +110,8 @@
       input.type = 'file';
       input.hidden = true;
       document.body.appendChild(input);
       input.addEventListener('change', (_e: any) => {
         const file = input.files![0];
         let format = 'jpeg';
 
         if (file.type === 'image/png') {
@@ -149,7 +152,7 @@
           cleanup();
         }
       });
       input.addEventListener('cancel', (_e: any) => {
         reject(new CapacitorException('User cancelled photos app'));
         cleanup();
       });
@@ -188,11 +191,11 @@
       input.hidden = true;
       input.multiple = true;
       document.body.appendChild(input);
       input.addEventListener('change', (_e: any) => {
         const photos = [];
         // eslint-disable-next-line @typescript-eslint/prefer-for-of
         for (let i = 0; i < input.files!.length; i++) {
           const file = input.files![i];
           let format = 'jpeg';
 
           if (file.type === 'image/png') {
@@ -208,7 +211,7 @@
         resolve({ photos });
         cleanup();
       });
       input.addEventListener('cancel', (_e: any) => {
         reject(new CapacitorException('User cancelled photos app'));
         cleanup();
       });