@covalent/core 3.1.2-beta.6 → 4.0.0-beta.1

package/tab-select/README.md

@@ -1,93 +0,0 @@
-# td-tab-select
-
-`td-tab-select` element generates a tab group component that behaves like a `mat-select`.
-
-## API Summary
-
-#### Inputs
-
-+ value?: any
-  + Sets the value of the component.
-+ disabled?: boolean
-  + Sets disabled state of the component.
-+ disabledRipple?: boolean
-  + Disables ripple effect on component.
-+ stretchTabs?: boolean
-  + Makes the tabs stretch to fit the parent container.
-+ color?: ThemePalette
-  + Color of the tab group.
-+ backgroundColor?: ThemePalette
-  + Background color of the tab group.
-
-#### Events
-
-+ valueChange: function(value: any)
-  + Event that emits whenever the raw value of the select changes.
-  + This is here primarily to facilitate the two-way binding for the `value` input.
-
-# td-tab-option
-
-`td-tab-option` element generates a tab component to which a value can be binded to.
-
-## API Summary
-
-#### Inputs
-
-+ value?: any
-  + Bind a value to the component.
-+ disabled?: boolean
-  + Sets disabled state of the component.
-
-## Setup
-
-Import the [CovalentTabSelectModule] in your NgModule:
-
-```typescript
-import { CovalentTabSelectModule } from '@covalent/core/tab-select';
-@NgModule({
-  imports: [
-    CovalentTabSelectModule,
-    ...
-  ],
-  ...
-})
-export class MyModule {}
-```
-
-## Usage
-
-Example without forms:
-
-```html
-<td-tab-select [(value)]="myValue">
-  <td-tab-option [value]="1">Label 1</td-tab-option>
-  <td-tab-option [value]="2">Label 2</td-tab-option>
-  <td-tab-option [value]="3">Label 3</td-tab-option>
-</td-tab-select>
-```
-
-Example with forms:
-
-```html
-<td-tab-select [(ngModel)]="myValue">
-  <td-tab-option [value]="1">Label 1</td-tab-option>
-  <td-tab-option [value]="2">Label 2</td-tab-option>
-  <td-tab-option [value]="3">Label 3</td-tab-option>
-</td-tab-select>
-```
-
-Example with all inputs/outputs: 
-
-```html
-<td-tab-select [value]="myValue"
-                [backgroundColor]="'primary'"
-                [color]="'accent'"
-                [disabled]="false"
-                [disabledRipple]="false"
-                [stretchTabs]="true"
-                (valueChange)="myValue = $event">
-  <td-tab-option [value]="1" [disabled]="false">Label 1</td-tab-option>
-  <td-tab-option [value]="2">Label 2</td-tab-option>
-  <td-tab-option [value]="3" [disabled]="true">Label 3</td-tab-option>
-</td-tab-select>
-```

package/tab-select/covalent-core-tab-select.d.ts

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/tab-select/covalent-core-tab-select.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentTabSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TdTabSelectComponent"},{"__symbolic":"reference","name":"TdTabOptionComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/cdk/portal","name":"PortalModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabsModule","line":19,"character":4}],"exports":[{"__symbolic":"reference","name":"TdTabSelectComponent"},{"__symbolic":"reference","name":"TdTabOptionComponent"}]}]}],"members":{}},"TdTabSelectBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":41}]}]}},"_TdTabSelectMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinControlValueAccessor","line":42,"character":37},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":42,"character":63},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisableRipple","line":42,"character":77},"arguments":[{"__symbolic":"reference","name":"TdTabSelectBase"}]}]}]},"TdTabSelectComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdTabSelectMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":48,"character":15},"useExisting":{"__symbolic":"reference","name":"TdTabSelectComponent"},"multi":true}],"selector":"td-tab-select","inputs":["value","disabled","disableRipple"],"template":"<mat-tab-group\n  [attr.mat-stretch-tabs]=\"stretchTabs ? true : undefined\"\n  [backgroundColor]=\"backgroundColor\"\n  [color]=\"color\"\n  [disableRipple]=\"disableRipple\"\n  [selectedIndex]=\"selectedIndex\"\n  (selectedIndexChange)=\"selectedIndexChange($event)\"\n>\n  <ng-template let-tabOption ngFor [ngForOf]=\"tabOptions\">\n    <mat-tab [disabled]=\"tabOption.disabled || disabled\">\n      <ng-template matTabLabel>\n        <ng-template *ngIf=\"tabOption.content\" [cdkPortalOutlet]=\"tabOption.content\"></ng-template>\n      </ng-template>\n    </mat-tab>\n  </ng-template>\n</mat-tab-group>\n","styles":[":host::ng-deep>.mat-tab-group>.mat-tab-body-wrapper{display:none}"]}]}],"members":{"_matTabGroup":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":70,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/material/tabs","name":"MatTabGroup","line":70,"character":13},{"static":true}]}]}],"_tabOptions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":79,"character":3},"arguments":[{"__symbolic":"reference","name":"TdTabOptionComponent"},{"descendants":true}]}]}],"stretchTabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3},"arguments":["stretchTabs"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":99,"character":3}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":110,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":38,"character":41},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":112,"character":70},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":112,"character":99}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"selectedIndexChange":[{"__symbolic":"method"}],"_refreshValues":[{"__symbolic":"method"}],"_setValue":[{"__symbolic":"method"}]}},"TdTabOptionBase":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":15,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":15,"character":85}]}]}},"_TdTabOptionMixinBase":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@covalent/core/common","name":"mixinDisabled","line":19,"character":37},"arguments":[{"__symbolic":"reference","name":"TdTabOptionBase"}]},"TdTabOptionComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"_TdTabOptionMixinBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"td-tab-option","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":25,"character":19},"member":"OnPush"},"inputs":["disabled"],"template":"<ng-template>\n  <ng-content></ng-content>\n</ng-template>\n","styles":[""]}]}],"members":{"_content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":35,"character":3},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":35,"character":13},{"static":true}]}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":15,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":15,"character":85}]}],"ngOnInit":[{"__symbolic":"method"}]}}},"origins":{"CovalentTabSelectModule":"./tab-select.module","TdTabSelectBase":"./tab-select.component","_TdTabSelectMixinBase":"./tab-select.component","TdTabSelectComponent":"./tab-select.component","TdTabOptionBase":"./tab-option.component","_TdTabOptionMixinBase":"./tab-option.component","TdTabOptionComponent":"./tab-option.component"},"importAs":"@covalent/core/tab-select"}

package/tab-select/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/tab-select/package.json

@@ -1,11 +0,0 @@
-{
-  "main": "../bundles/covalent-core-tab-select.umd.js",
-  "module": "../fesm2015/covalent-core-tab-select.js",
-  "es2015": "../fesm2015/covalent-core-tab-select.js",
-  "esm2015": "../esm2015/tab-select/covalent-core-tab-select.js",
-  "fesm2015": "../fesm2015/covalent-core-tab-select.js",
-  "typings": "covalent-core-tab-select.d.ts",
-  "metadata": "covalent-core-tab-select.metadata.json",
-  "sideEffects": false,
-  "name": "@covalent/core/tab-select"
-}

package/tab-select/public-api.d.ts

@@ -1,3 +0,0 @@
-export * from './tab-select.module';
-export * from './tab-select.component';
-export * from './tab-option.component';

package/tab-select/tab-option.component.d.ts

@@ -1,20 +0,0 @@
-import { ChangeDetectorRef, TemplateRef, OnInit, ViewContainerRef } from '@angular/core';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { ICanDisable } from '@covalent/core/common';
-export declare class TdTabOptionBase {
-    _viewContainerRef: ViewContainerRef;
-    _changeDetectorRef: ChangeDetectorRef;
-    constructor(_viewContainerRef: ViewContainerRef, _changeDetectorRef: ChangeDetectorRef);
-}
-export declare const _TdTabOptionMixinBase: (new (...args: any[]) => ICanDisable) & typeof TdTabOptionBase;
-export declare class TdTabOptionComponent extends _TdTabOptionMixinBase implements ICanDisable, OnInit {
-    private _contentPortal;
-    get content(): TemplatePortal<any>;
-    _content: TemplateRef<any>;
-    /**
-     * Value to which the option will be binded to.
-     */
-    value: any;
-    constructor(_viewContainerRef: ViewContainerRef, _changeDetectorRef: ChangeDetectorRef);
-    ngOnInit(): void;
-}

package/tab-select/tab-select.component.d.ts

@@ -1,62 +0,0 @@
-import { ChangeDetectorRef, QueryList, OnInit, AfterContentInit, EventEmitter, OnDestroy, ElementRef, NgZone } from '@angular/core';
-import { ThemePalette } from '@angular/material/core';
-import { MatTabGroup } from '@angular/material/tabs';
-import { ICanDisable, IControlValueAccessor, ICanDisableRipple } from '@covalent/core/common';
-import { TdTabOptionComponent } from './tab-option.component';
-export declare class TdTabSelectBase {
-    _changeDetectorRef: ChangeDetectorRef;
-    constructor(_changeDetectorRef: ChangeDetectorRef);
-}
-export declare const _TdTabSelectMixinBase: (new (...args: any[]) => IControlValueAccessor) & (new (...args: any[]) => ICanDisable) & (new (...args: any[]) => ICanDisableRipple) & typeof TdTabSelectBase;
-export declare class TdTabSelectComponent extends _TdTabSelectMixinBase implements IControlValueAccessor, ICanDisable, ICanDisableRipple, OnInit, AfterContentInit, OnDestroy {
-    private _ngZone;
-    private _elementRef;
-    private _destroy;
-    private _widthSubject;
-    private _values;
-    private _selectedIndex;
-    private _stretchTabs;
-    _matTabGroup: MatTabGroup;
-    get selectedIndex(): number;
-    /**
-     * Gets all tab option children
-     */
-    readonly _tabOptions: QueryList<TdTabOptionComponent>;
-    get tabOptions(): TdTabOptionComponent[];
-    /**
-     * Makes the tabs stretch to fit the parent container.
-     */
-    set stretchTabs(stretchTabs: boolean);
-    get stretchTabs(): boolean;
-    /**
-     * Color of the tab group.
-     */
-    color: ThemePalette;
-    /**
-     * Background color of the tab group.
-     */
-    backgroundColor: ThemePalette;
-    /**
-     * Event that emits whenever the raw value of the select changes. This is here primarily
-     * to facilitate the two-way binding for the `value` input.
-     */
-    readonly valueChange: EventEmitter<any>;
-    constructor(_changeDetectorRef: ChangeDetectorRef, _ngZone: NgZone, _elementRef: ElementRef);
-    ngOnInit(): void;
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Method executed when user selects a different tab
-     * This updates the new selectedIndex and infers what value should be mapped to.
-     */
-    selectedIndexChange(selectedIndex: number): void;
-    /**
-     * Refresh the values array whenever the number of tabs gets updated
-     */
-    private _refreshValues;
-    /**
-     * Try to set value depending if its part of our options
-     * else set the value of the first tab.
-     */
-    private _setValue;
-}

package/tab-select/tab-select.component.scss

@@ -1,3 +0,0 @@
-:host::ng-deep > .mat-tab-group > .mat-tab-body-wrapper {
-  display: none;
-}

package/tab-select/tab-select.module.d.ts

@@ -1,2 +0,0 @@
-export declare class CovalentTabSelectModule {
-}

package/user-profile/covalent-core-user-profile.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentUserProfileModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":12,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TdUserProfileComponent"},{"__symbolic":"reference","name":"TdUserProfileMenuComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":15,"character":4},{"__symbolic":"reference","module":"@angular/material/menu","name":"MatMenuModule","line":16,"character":4},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":17,"character":4},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":18,"character":4},{"__symbolic":"reference","module":"@angular/material/list","name":"MatListModule","line":19,"character":4},{"__symbolic":"reference","module":"@covalent/core/menu","name":"CovalentMenuModule","line":22,"character":4}],"providers":[],"exports":[{"__symbolic":"reference","name":"TdUserProfileComponent"},{"__symbolic":"reference","name":"TdUserProfileMenuComponent"}]}]}],"members":{}},"TdUserProfileComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"td-user-profile","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":5,"character":19},"member":"OnPush"},"template":"<button mat-icon-button [matMenuTriggerFor]=\"accountMenu\">\n  <mat-icon>person</mat-icon>\n</button>\n\n<mat-menu #accountMenu=\"matMenu\" [overlapTrigger]=\"false\">\n  <td-user-profile-menu [name]=\"name\" [email]=\"email\">\n    <ng-content select=\"[td-user-info-list]\" td-user-info-list></ng-content>\n    <ng-content select=\"[td-user-action-list]\" td-user-action-list></ng-content>\n  </td-user-profile-menu>\n</mat-menu>\n"}]}],"members":{"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"email":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}]}},"TdUserProfileMenuComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"td-user-profile-menu","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":6,"character":19},"member":"OnPush"},"template":"<td-menu class=\"user-profile-menu\">\n  <!--header-->\n  <mat-list td-menu-header>\n    <mat-list-item *ngIf=\"name || email\" (click)=\"_blockEvent($event)\">\n      <mat-icon matListAvatar>person</mat-icon>\n      <span matLine *ngIf=\"name\" class=\"mat-body-1\">{{ name }}</span>\n      <span matLine *ngIf=\"email\">{{ email }}</span>\n    </mat-list-item>\n    <ng-content select=\"[td-user-info-list]\"></ng-content>\n  </mat-list>\n  <!--content-->\n  <mat-action-list>\n    <ng-content select=\"[td-user-action-list]\"></ng-content>\n  </mat-action-list>\n</td-menu>\n","styles":[".user-profile-menu [td-menu-header]{padding-bottom:0;text-align:left}::ng-deep [mat-list-item] .mat-list-item-content .mat-icon[matListAvatar],::ng-deep mat-list-item:not(:first-child) .mat-list-item-content .mat-icon[matListAvatar]{background:none}.mat-action-list{padding-top:0}:host ::ng-deep .mat-action-list .mat-divider,:host ::ng-deep .mat-divider{margin:8px 0}:host ::ng-deep mat-divider:last-child{display:none}:host ::ng-deep mat-list .mat-list-item.mat-2-line .mat-list-item-content{height:inherit}:host ::ng-deep mat-list .mat-list-item .mat-list-item-content{padding:8px}td-menu{margin-bottom:0}"]}]}],"members":{"email":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"_blockEvent":[{"__symbolic":"method"}]}}},"origins":{"CovalentUserProfileModule":"./user-profile.module","TdUserProfileComponent":"./user-profile.component","TdUserProfileMenuComponent":"./user-profile-menu/user-profile-menu.component"},"importAs":"@covalent/core/user-profile"}

package/virtual-scroll/README.md

@@ -1,68 +0,0 @@
-# td-virtual-scroll-container
-
-`td-virtual-scroll-container` element calculates the items that fit in the viewport and only renders those, improving resource efficiency in long lists.
-
-**NOTE:** every row has to have the same height, since there are some calculations assumed for the total scroll height.
-
-## API Summary
-
-#### Inputs
-
-+ data?: any[]
-  + List of items to virtually iterate on.
-+ trackBy?: TrackByFunction
-  + This accepts the same trackBy function [ngFor] does.
-
-#### Events
-
-+ bottom?: function
-  + Method to be executed when user scrolled to the last item of the list. No value is emitted.
-  + An [ITdVirtualScrollBottomEvent] event is emitted
-
-#### Methods
-
-+ refresh?: function()
-  + Method to refresh and recalculate the virtual rows
-+ scrollTo?: function(row: number)
-  + Method to scroll to a specific row of the list.
-+ scrollToStart?: function()
-  + Method to scroll to the start of the list.
-+ scrollToEnd?: function()
-  + Method to scroll to the end of the list.
-
-## Setup
-
-Import the [CovalentVirtualScrollModule] in your NgModule:
-
-```typescript
-import { CovalentVirtualScrollModule } from '@covalent/core/virtual-scroll';
-@NgModule({
-  imports: [
-    CovalentVirtualScrollModule,
-    ...
-  ],
-  ...
-})
-export class MyModule {}
-```
-
-## Usage
-
-Example for HTML usage:
-
-```html
-<td-virtual-scroll-container [style.height.px]="400"
-                             [data]="data"
-                             [trackBy]="trackByFn"
-                             (bottom)="fetchMoreData()">
-  <ng-template let-row="row"
-               let-index="index"
-               let-first="first"
-               let-last="last"
-               let-odd="odd"
-               let-even="even"
-               tdVirtualScrollRow>
-    {{row}}
-  </ng-template>
-</td-virtual-scroll-container>
-```

package/virtual-scroll/covalent-core-virtual-scroll.d.ts

@@ -1,4 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/virtual-scroll/covalent-core-virtual-scroll.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentVirtualScrollModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":9,"character":12}],"declarations":[[{"__symbolic":"reference","name":"TdVirtualScrollRowDirective"},{"__symbolic":"reference","name":"TdVirtualScrollContainerComponent"}]],"exports":[[{"__symbolic":"reference","name":"TdVirtualScrollRowDirective"},{"__symbolic":"reference","name":"TdVirtualScrollContainerComponent"}]]}]}],"members":{}},"ITdVirtualScrollBottomEvent":{"__symbolic":"interface"},"TdVirtualScrollContainerComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":35,"character":1},"arguments":[{"selector":"td-virtual-scroll-container","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":39,"character":19},"member":"OnPush"},"template":"<div [style.height.px]=\"totalHeight\"></div>\n<div [style.transform]=\"offsetTransform\" [style.position]=\"'absolute'\" [style.width.%]=\"100\">\n  <ng-template let-row let-index=\"index\" ngFor [ngForOf]=\"virtualData\" [ngForTrackBy]=\"trackBy\">\n    <div #rowElement [style.width.%]=\"100\">\n      <ng-template\n        *ngIf=\"_rowTemplate\"\n        [ngTemplateOutlet]=\"_rowTemplate.templateRef\"\n        [ngTemplateOutletContext]=\"{\n          row: row,\n          index: fromRow + index,\n          first: fromRow + index === 0,\n          last: fromRow + index === data.length - 1,\n          odd: (fromRow + index + 1) % 2 === 1,\n          even: (fromRow + index + 1) % 2 === 0\n        }\"\n      ></ng-template>\n    </div>\n  </ng-template>\n</div>\n","styles":[":host{display:block;height:100%;overflow:auto;position:relative;width:100%}"]}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3},"arguments":["data"]}]}],"bottom":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":82,"character":3}}]}],"_rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":84,"character":3},"arguments":["rowElement"]}]}],"_rowTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":86,"character":3},"arguments":[{"__symbolic":"reference","name":"TdVirtualScrollRowDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":112,"character":25},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":113,"character":27},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":114,"character":23},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":115,"character":32}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"trackBy":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":3}}]}],"handleScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":164,"character":3},"arguments":["scroll",["$event"]]}]}],"refresh":[{"__symbolic":"method"}],"scrollTo":[{"__symbolic":"method"}],"scrollToStart":[{"__symbolic":"method"}],"scrollToEnd":[{"__symbolic":"method"}],"_calculateVirtualRows":[{"__symbolic":"method"}]}},"TdVirtualScrollRowDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@angular/cdk/portal","name":"TemplatePortalDirective","line":4,"character":49},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{"selector":"[tdVirtualScrollRow]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":5,"character":63}]}]}}},"origins":{"CovalentVirtualScrollModule":"./virtual-scroll.module","ITdVirtualScrollBottomEvent":"./virtual-scroll-container.component","TdVirtualScrollContainerComponent":"./virtual-scroll-container.component","TdVirtualScrollRowDirective":"./virtual-scroll-row.directive"},"importAs":"@covalent/core/virtual-scroll"}

package/virtual-scroll/index.d.ts

@@ -1 +0,0 @@
-export * from './public-api';

package/virtual-scroll/package.json

@@ -1,11 +0,0 @@
-{
-  "main": "../bundles/covalent-core-virtual-scroll.umd.js",
-  "module": "../fesm2015/covalent-core-virtual-scroll.js",
-  "es2015": "../fesm2015/covalent-core-virtual-scroll.js",
-  "esm2015": "../esm2015/virtual-scroll/covalent-core-virtual-scroll.js",
-  "fesm2015": "../fesm2015/covalent-core-virtual-scroll.js",
-  "typings": "covalent-core-virtual-scroll.d.ts",
-  "metadata": "covalent-core-virtual-scroll.metadata.json",
-  "sideEffects": false,
-  "name": "@covalent/core/virtual-scroll"
-}

package/virtual-scroll/public-api.d.ts

@@ -1,3 +0,0 @@
-export * from './virtual-scroll.module';
-export * from './virtual-scroll-container.component';
-export * from './virtual-scroll-row.directive';

package/virtual-scroll/virtual-scroll-container.component.d.ts

@@ -1,73 +0,0 @@
-import { EventEmitter, AfterViewInit, ChangeDetectorRef, QueryList, ElementRef, Renderer2, AfterViewChecked, OnDestroy, TrackByFunction } from '@angular/core';
-import { DomSanitizer, SafeStyle } from '@angular/platform-browser';
-import { TdVirtualScrollRowDirective } from './virtual-scroll-row.directive';
-export interface ITdVirtualScrollBottomEvent {
-    lastRow: any;
-    lastIndex: number;
-}
-export declare class TdVirtualScrollContainerComponent implements AfterViewInit, AfterViewChecked, OnDestroy {
-    private _elementRef;
-    private _domSanitizer;
-    private _renderer;
-    private _changeDetectorRef;
-    private _subs;
-    private _bottom;
-    private _initialized;
-    private _totalHeight;
-    private _hostHeight;
-    private _scrollVerticalOffset;
-    private _offsetTransform;
-    private _fromRow;
-    private _toRow;
-    private _data;
-    private _virtualData;
-    /**
-     * data: any[]
-     * List of items to virtually iterate on.
-     */
-    set data(data: any[]);
-    get data(): any[];
-    get virtualData(): any[];
-    /**
-     * bottom: function
-     * Method to be executed when user scrolled to the last item of the list.
-     * An [ITdVirtualScrollBottomEvent] event is emitted
-     */
-    bottom: EventEmitter<ITdVirtualScrollBottomEvent>;
-    _rows: QueryList<ElementRef>;
-    _rowTemplate: TdVirtualScrollRowDirective;
-    get rowHeight(): number;
-    get totalHeight(): number;
-    get fromRow(): number;
-    get toRow(): number;
-    get offsetTransform(): SafeStyle;
-    constructor(_elementRef: ElementRef, _domSanitizer: DomSanitizer, _renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef);
-    ngAfterViewInit(): void;
-    ngAfterViewChecked(): void;
-    ngOnDestroy(): void;
-    /**
-     * trackBy?: TrackByFunction
-     * This accepts the same trackBy function [ngFor] does.
-     * https://angular.io/api/core/TrackByFunction
-     */
-    trackBy: TrackByFunction<any>;
-    handleScroll(event: Event): void;
-    /**
-     * Method to refresh and recalculate the virtual rows
-     * e.g. after changing the [data] content
-     */
-    refresh(): void;
-    /**
-     * Method to scroll to a specific row of the list.
-     */
-    scrollTo(row: number): void;
-    /**
-     * Method to scroll to the start of the list.
-     */
-    scrollToStart(): void;
-    /**
-     * Method to scroll to the end of the list.
-     */
-    scrollToEnd(): void;
-    private _calculateVirtualRows;
-}

package/virtual-scroll/virtual-scroll-container.component.scss

@@ -1,7 +0,0 @@
-:host {
-  display: block;
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-  position: relative;
-}

package/virtual-scroll/virtual-scroll-row.directive.d.ts

@@ -1,5 +0,0 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
-import { TemplatePortalDirective } from '@angular/cdk/portal';
-export declare class TdVirtualScrollRowDirective extends TemplatePortalDirective {
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
-}

package/virtual-scroll/virtual-scroll.module.d.ts

@@ -1,2 +0,0 @@
-export declare class CovalentVirtualScrollModule {
-}