@annalib/anna-core 7.2.4 → 7.2.5

package/src/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.html

@@ -1,10 +0,0 @@
-<p class="sort-container">
-    <button
-        class="sort-btn"
-        *ngFor="let option of sortOptions; let i = index"
-        (click)="sortOptionChanged(i, option.sortType)"
-        [ngClass]="{ active: option.isOptionActive }"
-    >
-        {{option.text}}
-    </button>
-</p>

package/src/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.scss

@@ -1 +0,0 @@
-@import "sort";

package/src/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.spec.ts

@@ -1,24 +0,0 @@
-import { ComponentFixture, TestBed, waitForAsync } from "@angular/core/testing";
-
-import { SortComponent } from "./anna-sort.component";
-
-describe("SortComponent", () => {
-    let component: SortComponent;
-    let fixture: ComponentFixture<SortComponent>;
-
-    beforeEach(waitForAsync(() => {
-        TestBed.configureTestingModule({
-            declarations: [SortComponent],
-        }).compileComponents();
-    }));
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(SortComponent);
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it("should create", () => {
-        expect(component).toBeTruthy();
-    });
-});

package/src/lib/anna-generic-table-lib/components/anna-sort/anna-sort.component.ts

@@ -1,69 +0,0 @@
-// Angular import statements
-import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, Output, SimpleChanges } from '@angular/core';
-import { SortOption, SortType, SortTypeEnum } from '../../../anna-core-shared-lib/models/anna-sort.model';
-import { AnnaSortService } from '../../../anna-core-shared-lib/services/anna-sort.service';
-
-//Add onChange push change detection
-@Component({
-  selector: 'anna-core-sort-lib',
-  templateUrl: './anna-sort.component.html',
-  styleUrls: ['./anna-sort.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush
-})
-export class AnnaSortComponent implements OnChanges{
-  
-  @Input() sortObjectKey: string;
-  @Output() sortOptionClicked = new EventEmitter<SortType>();
-
-  sortOptions: SortOption[] = [
-    {
-      sortType: SortTypeEnum.ASC,
-      isOptionActive: false,
-      text: 'A to Z',
-    },
-    {
-      sortType: SortTypeEnum.DESC,
-      isOptionActive: false,
-      text: 'Z to A',
-    },
-    {
-      sortType: SortTypeEnum.DEFAULT,
-      isOptionActive: false,
-      text: 'Default',
-    },
-  ];
-
-  constructor(private annaSortService: AnnaSortService) {}
-  
-  ngOnChanges(changes: SimpleChanges): void {
-    console.log("sort component ngOnChanges");
-    console.log(this.sortObjectKey);
-    if(changes["sortObjectKey"] && changes["sortObjectKey"].currentValue){
-      console.log("inside sort active func");
-      let sortType = this.annaSortService.columnSortState.get(this.sortObjectKey);
-      this.setSortType(sortType);
-    }
-
-  }
-
-  sortOptionChanged(index: number, sortType: SortType) {
-    this.sortOptions.forEach((item) => (item.isOptionActive = false));
-    this.sortOptions[index].isOptionActive = true;
-    this.sortOptionClicked.emit(sortType);
-  }
-
-  ngOnInit(): void {
-    console.log("sort component ngOnInit");
-    console.log(this.annaSortService.columnSortState);
-    this.annaSortService.updateSortTypeSubject.subscribe((item: string) => {
-      this.setSortType(item);
-    });
-  }
-
-  setSortType(option: string){
-    option = option ? option :SortTypeEnum.DEFAULT;
-    this.sortOptions.forEach(item => item.isOptionActive = false);
-    let index = this.sortOptions.findIndex(item => item.sortType == option);
-    this.sortOptions[index].isOptionActive = true;
-  }
-}

package/src/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.html

@@ -1,13 +0,0 @@
-<!--
-  Wrap the rendered content in an element that will be used to offset it based on the scroll
-  position.
--->
-<div #contentWrapper class="anna-table-virtual-scroll-content-wrapper">
-	<ng-content></ng-content>
-</div>
-<!--
-  Spacer used to force the scrolling container to the correct size for the *total* number of items
-  so that the scrollbar captures the size of the entire data set.
--->
-<div class="app-table-virtual-scroll-spacer" [style.width]="_totalContentWidth" [style.height]="_totalContentHeight">
-</div>

package/src/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.scss

@@ -1,88 +0,0 @@
-// When elements such as `<tr>` or `<li>` are repeated inside the cdk-virtual-scroll-viewport,
-// their container element (e.g. `<table>`, `<ul>`, etc.) needs to be placed in the viewport as
-// well. We reset some properties here to prevent these container elements from introducing
-// additional space that would throw off the scrolling calculations.
-@mixin _cdk-virtual-scroll-clear-container-space($direction) {
-  $start: if($direction == horizontal, "left", "top");
-  $end: if($direction == horizontal, "right", "bottom");
-
-  & > dl:not([cdkVirtualFor]),
-  & > ol:not([cdkVirtualFor]),
-  & > table:not([cdkVirtualFor]),
-  & > ul:not([cdkVirtualFor]) {
-    padding: {
-      #{$start}: 0;
-      #{$end}: 0;
-    }
-    margin: {
-      #{$start}: 0;
-      #{$end}: 0;
-    }
-    border: {
-      #{$start}-width: 0;
-      #{$end}-width: 0;
-    }
-    outline: none;
-  }
-}
-
-// Scrolling container.
-anna-table-virtual-scroll-viewport {
-  display: block;
-  position: relative;
-  overflow: auto;
-  contain: strict;
-  // transform: translateZ(0);
-  will-change: scroll-position;
-  -webkit-overflow-scrolling: touch;
-
-}
-
-// Wrapper element for the rendered content. This element will be transformed to push the rendered
-// content to its correct offset in the data set as a whole.
-.anna-table-virtual-scroll-content-wrapper {
-  position: absolute;
-  top: 0;
-  left: 0;
-  contain: content;
-  // Note: We can't put `will-change: transform;` here because it causes Safari to not update the
-  // viewport's `scrollHeight` when the spacer's transform changes.
-
-  [dir="rtl"] & {
-    right: 0;
-    left: auto;
-  }
-}
-
-.app-table-virtual-scroll-orientation-horizontal
-  .anna-table-virtual-scroll-content-wrapper {
-  min-height: 100%;
-  @include _cdk-virtual-scroll-clear-container-space(horizontal);
-}
-
-.app-table-virtual-scroll-orientation-vertical
-  .anna-table-virtual-scroll-content-wrapper {
-  min-width: 100%;
-  @include _cdk-virtual-scroll-clear-container-space(vertical);
-}
-
-// Spacer element that whose width or height will be adjusted to match the size of the entire data
-// set if it were rendered all at once. This ensures that the scrollable content region is the
-// correct size.
-.app-table-virtual-scroll-spacer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  height: 1px;
-  width: 1px;
-  transform-origin: 0 0;
-
-  // Note: We can't put `will-change: transform;` here because it causes Safari to not update the
-  // viewport's `scrollHeight` when the spacer's transform changes.
-
-  [dir="rtl"] & {
-    right: 0;
-    left: auto;
-    transform-origin: 100% 0;
-  }
-}

package/src/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { AnnaTableVirtualScrollViewportComponent } from './anna-table-virtual-scroll-viewport.component';
-
-describe('AnnaTableVirtualScrollViewportComponent', () => {
-  let component: AnnaTableVirtualScrollViewportComponent;
-  let fixture: ComponentFixture<AnnaTableVirtualScrollViewportComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ AnnaTableVirtualScrollViewportComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(AnnaTableVirtualScrollViewportComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/anna-generic-table-lib/components/anna-table-virtual-scroll-viewport/anna-table-virtual-scroll-viewport.component.ts

@@ -1,460 +0,0 @@
-/**
- * @license
- * Copyright Google LLC All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- */
-
- import { Directionality } from "@angular/cdk/bidi";
- import { ListRange } from "@angular/cdk/collections";
- import {
-   ChangeDetectionStrategy,
-   ChangeDetectorRef,
-   Component,
-   ElementRef,
-   Inject,
-   Input,
-   NgZone,
-   OnDestroy,
-   OnInit,
-   Optional,
-   Output,
-   ViewChild,
-   ViewEncapsulation
- } from "@angular/core";
- import {
-   animationFrameScheduler,
-   asapScheduler,
-   Observable,
-   Subject,
-   Observer,
-   Subscription
- } from "rxjs";
- import { auditTime, startWith, takeUntil } from "rxjs/operators";
- import {
-   CdkVirtualScrollViewport,
-   CdkScrollable,
-   CdkVirtualScrollRepeater,
-   VIRTUAL_SCROLL_STRATEGY,
-   VirtualScrollStrategy,
-   ScrollDispatcher,
-   ViewportRuler,
-   ExtendedScrollToOptions
- } from "@angular/cdk/scrolling";
-import { AnnaGtHelperService } from '../../../anna-core-shared-lib/services/anna-generic-table.service';
- 
- /** Checks if the given ranges are equal. */
- function rangesEqual(r1: ListRange, r2: ListRange): boolean {
-   return r1.start == r2.start && r1.end == r2.end;
- }
- 
- /**
-  * Scheduler to be used for scroll events. Needs to fall back to
-  * something that doesn't rely on requestAnimationFrame on environments
-  * that don't support it (e.g. server-side rendering).
-  */
- const SCROLL_SCHEDULER =
-   typeof requestAnimationFrame !== "undefined"
-     ? animationFrameScheduler
-     : asapScheduler;
- 
- /**
-  * A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`.
-  * Uses `top: #px` instead of `transform: translateY(#px)` like the cdk virtual scroll viewport does
-  * which avoids flickering of elements in the transformed container with `position: sticky`.
-  */
- @Component({
-   selector: "anna-table-virtual-scroll-viewport",
-   templateUrl: "anna-table-virtual-scroll-viewport.component.html",
-   styleUrls: ["anna-table-virtual-scroll-viewport.component.scss"],
-   host: {
-     class: "anna-table-virtual-scroll-viewport",
-     "[class.anna-table-virtual-scroll-orientation-horizontal]":
-       'orientation === "horizontal"',
-     "[class.anna-table-virtual-scroll-orientation-vertical]":
-       'orientation !== "horizontal"'
-   },
-   encapsulation: ViewEncapsulation.None,
-   changeDetection: ChangeDetectionStrategy.OnPush,
-   providers: [
-     {
-       provide: CdkScrollable,
-       useExisting: AnnaTableVirtualScrollViewportComponent
-     },
-     {
-       provide: CdkVirtualScrollViewport,
-       useExisting: AnnaTableVirtualScrollViewportComponent
-     }
-   ]
- })
- export class AnnaTableVirtualScrollViewportComponent extends CdkScrollable
-   implements OnInit, OnDestroy {
-   /** Emits when the viewport is detached from a CdkVirtualForOf. */
-   private _detachedSubject = new Subject<void>();
- 
-   /** Emits when the rendered range changes. */
-   private _renderedRangeSubject = new Subject<ListRange>();
- 
-   /** The direction the viewport scrolls. */
-   @Input()
-   get orientation() {
-     return this._orientation;
-   }
-   set orientation(orientation: "horizontal" | "vertical") {
-     if (this._orientation !== orientation) {
-       this._orientation = orientation;
-       this._calculateSpacerSize();
-     }
-   }
-   private _orientation: "horizontal" | "vertical" = "vertical";
- 
-   // Note: we don't use the typical EventEmitter here because we need to subscribe to the scroll
-   // strategy lazily (i.e. only if the user is actually listening to the events). We do this because
-   // depending on how the strategy calculates the scrolled index, it may come at a cost to
-   // performance.
-   /** Emits when the index of the first element visible in the viewport changes. */
-   @Output() scrolledIndexChange: Observable<number> = new Observable(
-     (observer: Observer<number>) =>
-       this._scrollStrategy.scrolledIndexChange.subscribe(index =>
-         Promise.resolve().then(() =>
-           this.ngZone.run(() => observer.next(index))
-         )
-       )
-   );
- 
-   /** The element that wraps the rendered content. */
-   @ViewChild("contentWrapper", { static: true }) _contentWrapper: ElementRef<
-     HTMLElement
-   >;
- 
-   /** A stream that emits whenever the rendered range changes. */
-   renderedRangeStream: Observable<ListRange> = this._renderedRangeSubject;
- 
-   /**
-    * The total size of all content (in pixels), including content that is not currently rendered.
-    */
-   private _totalContentSize = 0;
- 
-   /** A string representing the `style.width` property value to be used for the spacer element. */
-   _totalContentWidth = "";
- 
-   /** A string representing the `style.height` property value to be used for the spacer element. */
-   _totalContentHeight = "";
- 
-   /**
-    * The CSS transform applied to the rendered subset of items so that they appear within the bounds
-    * of the visible viewport.
-    */
-   private _renderedContentTransform: string;
- 
-   /** The currently rendered range of indices. */
-   private _renderedRange: ListRange = { start: 0, end: 0 };
- 
-   /** The length of the data bound to this viewport (in number of items). */
-   private _dataLength = 0;
- 
-   /** The size of the viewport (in pixels). */
-   private _viewportSize = 0;
- 
-   /** the currently attached CdkVirtualScrollRepeater. */
-   private _forOf: CdkVirtualScrollRepeater<any> | null;
- 
-   /** The last rendered content offset that was set. */
-   private _renderedContentOffset = 0;
- 
-   /**
-    * Whether the last rendered content offset was to the end of the content (and therefore needs to
-    * be rewritten as an offset to the start of the content).
-    */
-   private _renderedContentOffsetNeedsRewrite = false;
- 
-   /** Whether there is a pending change detection cycle. */
-   private _isChangeDetectionPending = false;
- 
-   /** A list of functions to run after the next change detection cycle. */
-   private _runAfterChangeDetection: Function[] = [];
- 
-   /** Subscription to changes in the viewport size. */
-   private _viewportChanges = Subscription.EMPTY;
- 
-   constructor(
-     public override elementRef: ElementRef<HTMLElement>,
-     private _changeDetectorRef: ChangeDetectorRef,
-     ngZone: NgZone,
-     @Optional()
-     @Inject(VIRTUAL_SCROLL_STRATEGY)
-     private _scrollStrategy: VirtualScrollStrategy,
-     @Optional() dir: Directionality,
-     scrollDispatcher: ScrollDispatcher,
-     viewportRuler: ViewportRuler,
-     private annaGtService: AnnaGtHelperService
-   ) {
-     super(elementRef, scrollDispatcher, ngZone, dir);
- 
-     if (!_scrollStrategy) {
-       throw Error(
-         'Error: cdk-virtual-scroll-viewport requires the "itemSize" property to be set.'
-       );
-     }
- 
-     this._viewportChanges = viewportRuler.change().subscribe(() => {
-       this.checkViewportSize();
-     });
-   }
- 
-   override ngOnInit() {
-     super.ngOnInit();
- 
-     // It's still too early to measure the viewport at this point. Deferring with a promise allows
-     // the Viewport to be rendered with the correct size before we measure. We run this outside the
-     // zone to avoid causing more change detection cycles. We handle the change detection loop
-     // ourselves instead.
-     this.ngZone.runOutsideAngular(() =>
-       Promise.resolve().then(() => {
-         this._measureViewportSize();
-         this._scrollStrategy.attach(this as any);
- 
-         this.elementScrolled()
-           .pipe(
-             // Start off with a fake scroll event so we properly detect our initial position.
-             startWith(null),
-             // Collect multiple events into one until the next animation frame. This way if
-             // there are multiple scroll events in the same frame we only need to recheck
-             // our layout once.
-             auditTime(0, SCROLL_SCHEDULER)
-           )
-           .subscribe(() => { this._scrollStrategy.onContentScrolled(); this.annaGtService.virtualScrollSubject.next(true);});
- 
-         this._markChangeDetectionNeeded();
-       })
-     );
-   }
- 
-   override ngOnDestroy() {
-     this.detach();
-     this._scrollStrategy.detach();
- 
-     // Complete all subjects
-     this._renderedRangeSubject.complete();
-     this._detachedSubject.complete();
-     this._viewportChanges.unsubscribe();
- 
-     super.ngOnDestroy();
-   }
- 
-   /** Attaches a `CdkVirtualScrollRepeater` to this viewport. */
-   attach(forOf: CdkVirtualScrollRepeater<any>) {
-     if (this._forOf) {
-       throw Error("CdkVirtualScrollViewport is already attached.");
-     }
- 
-     // Subscribe to the data stream of the CdkVirtualForOf to keep track of when the data length
-     // changes. Run outside the zone to avoid triggering change detection, since we're managing the
-     // change detection loop ourselves.
-     this.ngZone.runOutsideAngular(() => {
-       this._forOf = forOf;
-       this._forOf.dataStream
-         .pipe(takeUntil(this._detachedSubject))
-         .subscribe(data => {
-           const newLength = data.length;
-           if (newLength !== this._dataLength) {
-             this._dataLength = newLength;
-             this._scrollStrategy.onDataLengthChanged();
-           }
-           this._doChangeDetection();
-         });
-     });
-   }
- 
-   /** Detaches the current `CdkVirtualForOf`. */
-   detach() {
-     this._forOf = null;
-     this._detachedSubject.next();
-   }
- 
-   /** Gets the length of the data bound to this viewport (in number of items). */
-   getDataLength(): number {
-     return this._dataLength;
-   }
- 
-   /** Gets the size of the viewport (in pixels). */
-   getViewportSize(): number {
-     return this._viewportSize;
-   }
- 
-   // TODO(mmalerba): This is technically out of sync with what's really rendered until a render
-   // cycle happens. I'm being careful to only call it after the render cycle is complete and before
-   // setting it to something else, but its error prone and should probably be split into
-   // `pendingRange` and `renderedRange`, the latter reflecting whats actually in the DOM.
- 
-   /** Get the current rendered range of items. */
-   getRenderedRange(): ListRange {
-     return this._renderedRange;
-   }
- 
-   /**
-    * Sets the total size of all content (in pixels), including content that is not currently
-    * rendered.
-    */
-   setTotalContentSize(size: number) {
-     if (this._totalContentSize !== size) {
-       this._totalContentSize = size;
-       this._calculateSpacerSize();
-       this._markChangeDetectionNeeded();
-     }
-   }
- 
-   /** Sets the currently rendered range of indices. */
-   setRenderedRange(range: ListRange) {
-     if (!rangesEqual(this._renderedRange, range)) {
-       this._renderedRangeSubject.next((this._renderedRange = range));
-       this._markChangeDetectionNeeded(() =>
-         this._scrollStrategy.onContentRendered()
-       );
-     }
-   }
- 
-   /**
-    * Gets the offset from the start of the viewport to the start of the rendered data (in pixels).
-    */
-   getOffsetToRenderedContentStart(): number | null {
-     return this._renderedContentOffsetNeedsRewrite
-       ? null
-       : this._renderedContentOffset;
-   }
- 
-   /**
-    * Sets the offset from the start of the viewport to either the start or end of the rendered data
-    * (in pixels).
-    */
-   setRenderedContentOffset(offset: number) {
-     let top = `${Number(offset)}px`;
-     this._renderedContentOffset = offset;
-     if (this._renderedContentTransform != top) {
-       // We know this value is safe because we parse `offset` with `Number()` before passing it
-       // into the string.
-       this._renderedContentTransform = top;
-       this._markChangeDetectionNeeded(() => {
-         if (this._renderedContentOffsetNeedsRewrite) {
-           this._renderedContentOffset -= this.measureRenderedContentSize();
-           this._renderedContentOffsetNeedsRewrite = false;
-           this.setRenderedContentOffset(this._renderedContentOffset);
-         } else {
-           this._scrollStrategy.onRenderedOffsetChanged();
-         }
-       });
-     }
-   }
- 
-   /**
-    * Scrolls to the given offset from the start of the viewport. Please note that this is not always
-    * the same as setting `scrollTop` or `scrollLeft`. In a horizontal viewport with right-to-left
-    * direction, this would be the equivalent of setting a fictional `scrollRight` property.
-    * @param offset The offset to scroll to.
-    * @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
-    */
-   scrollToOffset(offset: number, behavior: ScrollBehavior = "auto") {
-     const options: ExtendedScrollToOptions = { behavior, top: offset };
-     this.scrollTo(options);
-   }
- 
-   /**
-    * Scrolls to the offset for the given index.
-    * @param index The index of the element to scroll to.
-    * @param behavior The ScrollBehavior to use when scrolling. Default is behavior is `auto`.
-    */
-   scrollToIndex(index: number, behavior: ScrollBehavior = "auto") {
-     this._scrollStrategy.scrollToIndex(index, behavior);
-   }
- 
-   /**
-    * Gets the current scroll offset from the start of the viewport (in pixels).
-    * @param from The edge to measure the offset from. Defaults to 'top' in vertical mode and 'start'
-    *     in horizontal mode.
-    */
-  //  CHANGES@ANNALIB added override to functions
-   override measureScrollOffset(
-     from?: "top" | "left" | "right" | "bottom" | "start" | "end"
-   ): number {
-     return from
-       ? super.measureScrollOffset(from)
-       : super.measureScrollOffset("top");
-   }
- 
-   /** Measure the combined size of all of the rendered items. */
-   measureRenderedContentSize(): number {
-     const contentEl = this._contentWrapper.nativeElement;
-     return contentEl.offsetHeight;
-   }
- 
-   /**
-    * Measure the total combined size of the given range. Throws if the range includes items that are
-    * not rendered.
-    */
-   measureRangeSize(range: ListRange): number {
-     if (!this._forOf) {
-       return 0;
-     }
-     return this._forOf.measureRangeSize(range, this.orientation);
-   }
- 
-   /** Update the viewport dimensions and re-render. */
-   checkViewportSize() {
-     // TODO: Cleanup later when add logic for handling content resize
-     this._measureViewportSize();
-     this._scrollStrategy.onDataLengthChanged();
-   }
- 
-   /** Measure the viewport size. */
-   private _measureViewportSize() {
-     const viewportEl = this.elementRef.nativeElement;
-     this._viewportSize = viewportEl.clientHeight;
-   }
- 
-   /** Queue up change detection to run. */
-   private _markChangeDetectionNeeded(runAfter?: Function) {
-     if (runAfter) {
-       this._runAfterChangeDetection.push(runAfter);
-     }
- 
-     // Use a Promise to batch together calls to `_doChangeDetection`. This way if we set a bunch of
-     // properties sequentially we only have to run `_doChangeDetection` once at the end.
-     if (!this._isChangeDetectionPending) {
-       this._isChangeDetectionPending = true;
-       this.ngZone.runOutsideAngular(() =>
-         Promise.resolve().then(() => {
-           this._doChangeDetection();
-         })
-       );
-     }
-   }
- 
-   /** Run change detection. */
-   private _doChangeDetection() {
-     this._isChangeDetectionPending = false;
- 
-     // Apply the content transform. The transform can't be set via an Angular binding because
-     // bypassSecurityTrustStyle is banned in Google. However the value is safe, it's composed of
-     // string literals, a variable that can only be 'X' or 'Y', and user input that is run through
-     // the `Number` function first to coerce it to a numeric value.
-     this._contentWrapper.nativeElement.style.top = this._renderedContentTransform;
-     // Apply changes to Angular bindings. Note: We must call `markForCheck` to run change detection
-     // from the root, since the repeated items are content projected in. Calling `detectChanges`
-     // instead does not properly check the projected content.
-     this.ngZone.run(() => this._changeDetectorRef.markForCheck());
- 
-     const runAfterChangeDetection = this._runAfterChangeDetection;
-     this._runAfterChangeDetection = [];
-     for (const fn of runAfterChangeDetection) {
-       fn();
-     }
-   }
- 
-   /** Calculates the `style.width` and `style.height` for the spacer element. */
-   private _calculateSpacerSize() {
-     this._totalContentHeight = `${this._totalContentSize}px`;
-     this._totalContentWidth = "";
-   }
- }
-