feat(angular): add no scroll input to dialog component (#592)

Co-authored-by: Tim Sielemann <[email protected]>

angular/projects/catalyst/src/lib/dialog/dialog.component.html

@@ -1,5 +1,5 @@
 <ng-content select="cat-dialog-header"></ng-content>
-<cat-scrollable
+<cat-scrollable *ngIf="!disableScrolling; else noScroll"
   [noOverscroll]="noOverscroll"
   [noScrolledInit]="noScrolledInit"
   [scrolledBuffer]="scrolledBuffer"
@@ -9,4 +9,9 @@
     <ng-content></ng-content>
   </div>
 </cat-scrollable>
+<ng-template #noScroll>
+  <div class="cat-dialog-content">
+    <ng-content></ng-content>
+  </div>
+</ng-template>
 <ng-content select="cat-dialog-actions"></ng-content>

angular/projects/catalyst/src/lib/dialog/dialog.component.ts

@@ -25,6 +25,13 @@ import { CatDialogHeaderComponent } from './dialog-header.component';
   }
 })
 export class CatDialogComponent implements AfterContentInit {
+
+  /**
+   * Flag to disable scrolling behavior of dialog content. Default is false. If set to true the
+   * using component is responsible for not overflowing the viewport.
+   */
+  @Input() disableScrolling = false;
+
   /**
    * Flag to disable/enable overscroll behavior.
    */