AvocadoVenom

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { OverlayModule } from '@angular/cdk/overlay';
import { MatCardModule, MatButtonModule, MatProgressBarModule } from '@angular/material';

import { LoaderComponent } from './loader/loader.component';

AvocadoVenom

import { Injectable } from '@angular/core';
import { OverlayContainer } from '@angular/cdk/overlay';

@Injectable({
  providedIn: 'root'
})
export class DynamicOverlayContainer extends OverlayContainer {
  public setContainerElement(containerElement: HTMLElement): void {
    this._containerElement = containerElement;
  }

AvocadoVenom

import {
  Overlay,
  OverlayKeyboardDispatcher,
  OverlayPositionBuilder,
  ScrollStrategyOptions,
  OverlayRef
} from '@angular/cdk/overlay';
import {
  ComponentFactoryResolver,
  Inject,

AvocadoVenom

import { Component, ViewChild, ElementRef } from '@angular/core';
import { DynamicOverlay } from '../dynamic-overlay';
import { MatTable } from '@angular/material';
import { ComponentPortal } from '@angular/cdk/portal';
import { LoaderComponent } from '../loader/loader.component';

export interface PeriodicElement {
  name: string;
  position: number;
  weight: number;

AvocadoVenom

export class LoaderData {
  title: string;
  loaderType: LoaderType;
}

export type LoaderType = 'Spinner' | 'ProgressBar';

AvocadoVenom

import { Component } from '@angular/core';

import { LoaderData } from './loader.config';

@Component({
  selector: 'app-loader',
  template: `
    <mat-card>
      <mat-card-header>
        <mat-card-title>

AvocadoVenom

import { Directive, ElementRef, OnInit, Input, Injector } from '@angular/core';
import { OverlayRef } from '@angular/cdk/overlay';
import { Observable } from 'rxjs';
import { ComponentPortal, PortalInjector } from '@angular/cdk/portal';

import { DynamicOverlay } from './dynamic-overlay';
import { LoaderComponent } from './loader/loader.component';
import { LoaderData } from './loader/loader.config';

@Directive({

AvocadoVenom

import { Component } from '@angular/core';
import { Observable, interval } from 'rxjs';
import { map } from 'rxjs/operators';
import { LoaderData } from './loader/loader.config';

@Component({
  selector: 'app-root',
  template: `
    <mat-card>
      <mat-card-header>

AvocadoVenom

{
  // ...
  "scripts": {
    "build": "tsc -p tsconfig.json",
    "build:local": "tsc -p tsconfig.json --watch",
    "test": "npm run build && jasmine src/**/*_spec.js"
  },
  // ...
}

AvocadoVenom

export function scaffoldSchematics(options: any): Rule {
  return (tree: Tree, _context: SchematicContext) => {
    return tree;
  };
}