feat: add 'right' as an option for popover fixed position (#550)

* feat: add `right` as an option for popover fixed position

Author: arjunlalb

projects/components/src/overlay/overlay.service.ts

@@ -30,7 +30,7 @@ export class OverlayService {
       parentInjector: injector,
       position: {
         type: PopoverPositionType.Fixed,
-        location: PopoverFixedPositionLocation.RightUnderHeader
+        location: config.position ?? PopoverFixedPositionLocation.RightUnderHeader
       },
       data: metadata
     });

projects/components/src/overlay/sheet/sheet.ts

@@ -1,10 +1,12 @@
 import { InjectionToken } from '@angular/core';
 import { Observable } from 'rxjs';
+import { PopoverFixedPositionLocation } from '../../popover/popover';
 import { OverlayConfig } from './../overlay';
 
 export interface SheetOverlayConfig<TData = unknown> extends OverlayConfig {
   size: SheetSize;
   data?: TData;
+  position?: PopoverFixedPositionLocation.Right | PopoverFixedPositionLocation.RightUnderHeader;
 }
 
 export const enum SheetSize {

projects/components/src/popover/popover-position-builder.ts

@@ -107,6 +107,8 @@ export class PopoverPositionBuilder {
     switch (popoverPosition.location) {
       case PopoverFixedPositionLocation.Centered:
         return globalPosition.centerHorizontally().centerVertically();
+      case PopoverFixedPositionLocation.Right:
+        return globalPosition.right('0').top('0');
       case PopoverFixedPositionLocation.RightUnderHeader:
       default:
         return globalPosition.right('0').top(this.headerHeight ?? '0');

projects/components/src/popover/popover.ts

@@ -64,7 +64,8 @@ export const enum PopoverRelativePositionLocation {
 
 export const enum PopoverFixedPositionLocation {
   RightUnderHeader,
-  Centered
+  Centered,
+  Right
 }
 
 export const POPOVER_DATA = new InjectionToken<unknown>('POPOVER_DATA');