feat: add onclose event to the bottom sheet (#184)

* feat: add onclose event to the bottom sheet

* fix: change custom event to dispatch event

* fix: add close event to the doc

* chore: remove unused property

* fix: remove dispatch event wrapper function

---------

Co-authored-by: Sara.Parsaee <Sara.Parsaee@Tapsi.cab>

Author: saraparsa13

src/bottom-sheet/bottom-sheet.ts

@@ -135,9 +135,16 @@ export class BottomSheet extends LitElement {
       }
     }
   };
-
+  
   private handleDismiss = (): void => {
     this.disappear = true;
+    
+    this.dispatchEvent(
+      new CustomEvent('close', {
+        bubbles: true,
+        composed: true,
+      }),
+    );
   };
 
   private handleAnimationEnd = () => {

src/bottom-sheet/index.ts

@@ -24,6 +24,8 @@ import styles from './bottom-sheet.style';
  * @cssprop [--tap-bottom-sheet-header-padding=12px]
  * @cssprop [--tap-bottom-sheet-background=--tap-sys-color-surface-primary]
  * @cssprop [--tap-bottom-sheet-content-overflow-y=scroll]
+ * 
+ * @fires close - Fires when the bottom sheet closes.
  */
 @customElement('tap-bottom-sheet')
 export class TapBottomSheet extends BottomSheet {