@covalent/core 3.1.2-beta.4 → 4.0.0

package/nav-links/nav-links.component.d.ts

@@ -1,51 +0,0 @@
-import { EventEmitter } from '@angular/core';
-export interface ITdNavNode {
-    label: string;
-    show?: boolean;
-}
-export interface ITdNavHeader extends ITdNavNode {
-    children: ITdLink[];
-}
-export interface ITdNavExpansion extends ITdNavHeader {
-    collapsable?: boolean;
-}
-export interface ITdLink extends ITdNavNode {
-    link: {
-        href: string;
-        openInNewTab?: boolean;
-    } | {
-        routerLink: string | string[];
-        openInNewTab?: boolean;
-    };
-    icon: {
-        fontSet?: string;
-        name: string;
-    };
-}
-export declare class TdNavLinksComponent {
-    private _uniqueId;
-    private _collapsedSet;
-    id: string;
-    /**
-     * Links to be rendered by component.
-     */
-    links: Array<ITdNavExpansion | ITdNavHeader | ITdLink>;
-    /**
-     * Event trigger after a navigation click
-     */
-    afterNavigation: EventEmitter<ITdLink>;
-    _linkClicked(link: ITdLink): void;
-    _href(link: ITdLink): string;
-    _routerLink(link: ITdLink): string | string[];
-    /**
-     * @param link
-     * Toggles expand/collapse state of expansion link.
-     * Only applied when `collapsable` is true
-     */
-    _toggle(link: ITdNavExpansion): void;
-    /**
-     * @param link
-     * Returns true if the state of provided expansion link is collapsed.
-     */
-    _isCollapsed(link: ITdNavExpansion): boolean;
-}

package/nav-links/nav-links.component.scss

@@ -1,15 +0,0 @@
-:host {
-  display: block;
-  .mat-nav-list.mat-list-base {
-    padding-top: 2px;
-    .td-nav-link-cursor {
-      cursor: pointer;
-    }
-    .mat-list-item {
-      height: 40px;
-    }
-  }
-  .mat-icon {
-    margin-right: 0;
-  }
-}

package/nav-links/nav-links.module.d.ts

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

package/nav-links/package.json

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

package/nav-links/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './nav-links.module';
-export * from './nav-links.component';

package/notifications/README.md

@@ -1,69 +0,0 @@
-# td-notification-count
-
-`td-notification-count` element renders a number of notifications.
-
-## API Summary
-
-#### Inputs
-
-+ color?: 'primary' | 'accent' | 'warn'
-  + Sets the theme color of the notification tip. 
-  + Defaults to 'warn'
-+ notifications?: number | boolean
-  + Number for the notification count. 
-  + Shows number if the input is a positive number or its no count state if boolean 'true'.
-+ positionX?: TdNotificationCountPositionX or 'before' | 'after' | 'center'
-  + Sets the X position of the notification tip. 
-  + Defaults to 'after' if it has content, else 'center'.
-+ positionY?: TdNotificationCountPositionY or 'top' | 'bottom' | 'center'
-  + Sets the Y position of the notification tip. Defaults to 'top' if it has content, else 'center'.
-+ limit?: number
-  + Limit for the notification count. 
-  + When the notification count exceeds this limit, it will be displayed as limit+. Defaults to 99.
-
-## Setup
-
-Import the [CovalentNotificationsModule] in your NgModule:
-
-```typescript
-import { CovalentNotificationsModule } from '@covalent/core/notifications';
-@NgModule({
-  imports: [
-    CovalentNotificationsModule,
-    ...
-  ],
-  ...
-})
-export class MyModule {}
-```
-
-## Usage
-
-Example for HTML count usage:
-
-```html
-<td-notification-count positionX="after" positionY="top" [notifications]="1">
-  <mat-icon>notifications</mat-icon>
-</td-notification-count>
-```
-
- Example for HTML no count usage:
-
-```html
-<td-notification-count positionX="after" positionY="top" [notifications]="true">
-  <mat-icon>notifications</mat-icon>
-</td-notification-count>
-```
-
-Example for HTML stand alone count usage:
-
-```html
-<td-notification-count positionX="center" positionY="center" [notifications]="1">
-</td-notification-count>
-```
-Example for HTML limit usage:
-
-```html
-<td-notification-count [notifications]="100" [limit]=50>
-</td-notification-count>
-```

package/notifications/_notification-count-theme.scss

@@ -1,27 +0,0 @@
-@import '../common/styles/variables';
-@import '../common/styles/elevation';
-@import '../common/styles/theme-functions';
-
-@mixin td-notification-count-theme($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-  $foreground: map-get($theme, foreground);
-  $background: map-get($theme, background);
-
-  .td-notification-count {
-    @include mat-elevation(1);
-    &.mat-warn {
-      background-color: mat-color($warn);
-      color: mat-color($warn, default-contrast);
-    }
-    &.mat-primary {
-      background-color: mat-color($primary);
-      color: mat-color($primary, default-contrast);
-    }
-    &.mat-accent {
-      background-color: mat-color($accent);
-      color: mat-color($accent, default-contrast);
-    }
-  }
-}

package/notifications/covalent-core-notifications.d.ts

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

package/notifications/covalent-core-notifications.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentNotificationsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12}],"declarations":[[{"__symbolic":"reference","name":"TdNotificationCountComponent"}]],"exports":[[{"__symbolic":"reference","name":"TdNotificationCountComponent"}]]}]}],"members":{}},"TdNotificationCountPositionY":{"Top":"top","Bottom":"bottom","Center":"center"},"TdNotificationCountPositionX":{"Before":"before","After":"after","Center":"center"},"DEFAULT_NOTIFICATION_LIMIT":99,"TdNotificationCountComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":"td-notification-count","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":28,"character":19},"member":"OnPush"},"template":"<div #content class=\"td-notification-content\">\n  <ng-content></ng-content>\n</div>\n<div\n  *ngIf=\"show\"\n  class=\"td-notification-count mat-{{ color }}\"\n  [class.td-notification-top]=\"positionY === 'top'\"\n  [class.td-notification-bottom]=\"positionY === 'bottom'\"\n  [class.td-notification-before]=\"positionX === 'before'\"\n  [class.td-notification-after]=\"positionX === 'after'\"\n  [class.td-notification-center-y]=\"positionY === 'center'\"\n  [class.td-notification-center-x]=\"positionX === 'center'\"\n  [class.td-notification-no-count]=\"noCount\"\n>\n  {{ noCount ? '' : notificationsDisplay }}\n</div>\n","styles":[":host{display:block;height:40px;min-width:40px;position:relative;text-align:center}:host.td-notification-hidden{min-width:0}.td-notification-count{border-radius:50%;font-size:10px;font-weight:600;height:20px;line-height:21px;position:absolute;width:20px;z-index:1}.td-notification-count.td-notification-center-x{left:0;margin-left:auto;margin-right:auto;right:0}.td-notification-count.td-notification-center-y{bottom:0;margin-bottom:auto;margin-top:auto;top:0}.td-notification-count.td-notification-top{top:0}.td-notification-count.td-notification-bottom{bottom:0}.td-notification-count.td-notification-before{left:0}.td-notification-count.td-notification-after{right:0}.td-notification-count.td-notification-no-count{height:8px;width:8px}.td-notification-count.td-notification-no-count.td-notification-top{top:8px}.td-notification-count.td-notification-no-count.td-notification-bottom{bottom:8px}.td-notification-count.td-notification-no-count.td-notification-before{left:8px}.td-notification-count.td-notification-no-count.td-notification-after{right:8px}::ng-deep [dir=rtl] .td-notification-count.td-notification-before{left:auto;right:0}::ng-deep [dir=rtl] .td-notification-count.td-notification-after{left:0;right:auto}::ng-deep [dir=rtl] .td-notification-count.td-notification-no-count.td-notification-before{left:auto;right:8px}::ng-deep [dir=rtl] .td-notification-count.td-notification-no-count.td-notification-after{left:8px;right:auto}.td-notification-content,.td-notification-content ::ng-deep>*{line-height:40px}"]}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":39,"character":3},"arguments":["content",{"static":true}]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":45,"character":3}}]}],"positionX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"positionY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"notifications":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":86,"character":3}}]}],"hideHost":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":91,"character":3},"arguments":["class.td-notification-hidden"]}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"_hasContent":[{"__symbolic":"method"}]}}},"origins":{"CovalentNotificationsModule":"./notifications.module","TdNotificationCountPositionY":"./notification-count.component","TdNotificationCountPositionX":"./notification-count.component","DEFAULT_NOTIFICATION_LIMIT":"./notification-count.component","TdNotificationCountComponent":"./notification-count.component"},"importAs":"@covalent/core/notifications"}

package/notifications/index.d.ts

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

package/notifications/notification-count.component.d.ts

@@ -1,74 +0,0 @@
-import { ElementRef, AfterContentInit } from '@angular/core';
-export declare enum TdNotificationCountPositionY {
-    Top = "top",
-    Bottom = "bottom",
-    Center = "center"
-}
-export declare enum TdNotificationCountPositionX {
-    Before = "before",
-    After = "after",
-    Center = "center"
-}
-export declare const DEFAULT_NOTIFICATION_LIMIT: number;
-export declare class TdNotificationCountComponent implements AfterContentInit {
-    private _notifications;
-    private _positionY;
-    private _positionX;
-    private _limit;
-    /**
-     * Div content wrapper of `ng-content`.
-     */
-    content: ElementRef;
-    /**
-     * color?: "primary" | "accent" | "warn"
-     * Sets the theme color of the notification tip. Defaults to "warn"
-     */
-    color: 'primary' | 'accent' | 'warn';
-    /**
-     * positionX?: TdNotificationCountPositionX or "before" | "after" | "center"
-     * Sets the X position of the notification tip.
-     * Defaults to "after" if it has content, else 'center'.
-     */
-    set positionX(positionX: TdNotificationCountPositionX);
-    get positionX(): TdNotificationCountPositionX;
-    /**
-     * positionY?: TdNotificationCountPositionY or "top" | "bottom" | "center"
-     * Sets the Y position of the notification tip.
-     * Defaults to "top" if it has content, else 'center'.
-     */
-    set positionY(positionY: TdNotificationCountPositionY);
-    get positionY(): TdNotificationCountPositionY;
-    /**
-     * notifications?: number | boolean
-     * Number for the notification count. Shows component only if the input is a positive number or 'true'
-     */
-    set notifications(notifications: number | boolean);
-    /**
-     * limit?: number
-     * Limit for notification count. If the number of notifications is greater than limit, then + will be added. Defaults to 99.
-     */
-    set limit(limit: number);
-    get hideHost(): boolean;
-    /**
-     * Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.
-     * Makes the notification tip show without a count.
-     */
-    get noCount(): string | boolean;
-    /**
-     * Notification display string when a count is available.
-     * Anything over 99 gets set as 99+
-     */
-    get notificationsDisplay(): string;
-    /**
-     * Shows notification tip only when [notifications] is true or a positive integer.
-     */
-    get show(): boolean;
-    /**
-     * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.
-     */
-    ngAfterContentInit(): void;
-    /**
-     * Method to check if element has any kind of content (elements or text)
-     */
-    private _hasContent;
-}

package/notifications/notification-count.component.scss

@@ -1,90 +0,0 @@
-$td-notification-size: 20px !default;
-$td-notification-content-size: 40px !default;
-
-:host {
-  position: relative;
-  display: block;
-  text-align: center;
-  min-width: $td-notification-content-size;
-  height: $td-notification-content-size;
-  &.td-notification-hidden {
-    min-width: 0;
-  }
-}
-.td-notification-count {
-  line-height: $td-notification-size + 1;
-  width: $td-notification-size;
-  height: $td-notification-size;
-  position: absolute;
-  font-size: 10px;
-  font-weight: 600;
-  border-radius: 50%;
-  z-index: 1;
-  &.td-notification-center-x {
-    margin-left: auto;
-    margin-right: auto;
-    left: 0;
-    right: 0;
-  }
-  &.td-notification-center-y {
-    margin-top: auto;
-    margin-bottom: auto;
-    top: 0;
-    bottom: 0;
-  }
-  &.td-notification-top {
-    top: 0;
-  }
-  &.td-notification-bottom {
-    bottom: 0;
-  }
-  &.td-notification-before {
-    left: 0;
-  }
-  &.td-notification-after {
-    right: 0;
-  }
-  &.td-notification-no-count {
-    width: 8px;
-    height: 8px;
-    &.td-notification-top {
-      top: 8px;
-    }
-    &.td-notification-bottom {
-      bottom: 8px;
-    }
-    &.td-notification-before {
-      left: 8px;
-    }
-    &.td-notification-after {
-      right: 8px;
-    }
-  }
-  ::ng-deep [dir='rtl'] & {
-    &.td-notification-before {
-      right: 0;
-      left: auto;
-    }
-    &.td-notification-after {
-      left: 0;
-      right: auto;
-    }
-    &.td-notification-no-count {
-      &.td-notification-before {
-        right: 8px;
-        left: auto;
-      }
-      &.td-notification-after {
-        left: 8px;
-        right: auto;
-      }
-    }
-  }
-}
-
-.td-notification-content {
-  &,
-  ::ng-deep > * {
-    line-height: $td-notification-content-size;
-  }
-}

package/notifications/notifications.module.d.ts

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

package/notifications/package.json

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

package/notifications/public-api.d.ts

@@ -1,2 +0,0 @@
-export * from './notifications.module';
-export * from './notification-count.component';

package/paging/README.md

@@ -1,141 +0,0 @@
-# td-paging-bar
-
-`td-paging-bar` element generates a paging bar.
-
-The `(change)` event throws an event with the following interface:
-
-```typescript
-export interface IPageChangeEvent {
-  page: number;
-  maxPage: number;
-  pageSize: number;
-  total: number;
-  fromRow: number;
-  toRow: number;
-}
-```
-
-## API Summary
-
-#### Inputs
-
-+ initialPage?: number
-  + Sets starting page for the paging bar. Defaults to 1.
-+ pagingLinkCount?: number
-  + Amount of page navigation links for the paging bar. Defaults to 0
-+ firstLast?: boolean
-  + Shows or hides the first and last page buttons of the paging bar. Defaults to 'false'
-+ pageSize?: number
-  + Selected page size for the pagination. Defaults to 50.
-+ total: number
-  + Total rows for the pagination.
-
-#### Events
-
-+ change: function($event: IPageChangeEvent)
-  + Method to be executed when page size changes or any button is clicked in the paging bar.
-
-#### Methods
-
-+ navigateToPage: function(page: number)
-  + Navigates to a specific valid page. Returns 'true' if page is valid, else 'false'.
-
-## Setup
-
-Import the [CovalentPagingModule] in your NgModule:
-
-```typescript
-import { CovalentPagingModule } from '@covalent/core/paging';
-@NgModule({
-  imports: [
-    CovalentPagingModule,
-    ...
-  ],
-  ...
-})
-export class MyModule {}
-```
-
-## Usage
-
-Example with page links for navigation:
-
-```html
-<td-paging-bar #pagingBar
-                [pageLinkCount]="5"
-                [pageSize]="100"
-                [total]="1345"
-                (change)="change($event)">
-  {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
-</td-paging-bar>
-```
-
-Example with material select for dynamic page sizes:
-
-```html
-<td-paging-bar #pagingBar
-                [pageSize]="pageSize"
-                [total]="1345"
-                (change)="change($event)">
-  <span hide-xs>Rows per page:</span>
-  <mat-select [style.width.px]="50" [(ngModel)]="pageSize">
-    <mat-option *ngFor="let size of [50,100,200,500,100]" [value]="size">
-      {{size}}
-    </mat-option>
-  </mat-select>
-  {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
-</td-paging-bar>
-```
-
-Example with material input for navigation: 
-
-```html
-<td-paging-bar #pagingBar
-                [pageSize]="100"
-                [total]="1345"
-                (change)="change($event)">
-  <p hide-xs>Go to:</p>
-  <mat-form-field>
-    <input #goToInput
-            matInput
-            type="number"
-            [min]="1"
-            [max]="pagingBar.maxPage"
-            [value]="pagingBar.page"
-            (blur)="goToInput.value = pagingBar.page"
-            (keyup.enter)="pagingBar.navigateToPage(goToInput.value); goToInput.value = pagingBar.page"/>
-  </mat-form-field>
-  {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
-  
-</td-paging-bar>
-```
-
-Example with dynamic page sizes, input and page links for navigation:
-
-```html
-<td-paging-bar #pagingBar
-                [firstLast]="true"
-                [pageLinkCount]="5"
-                [pageSize]="pageSize"
-                [total]="1345"
-                (change)="change($event)">
-  <span hide-xs>Rows per page:</span>
-  <mat-select [style.width.px]="50" [(ngModel)]="pageSize">
-    <mat-option *ngFor="let size of [50,100,200,500,100]" [value]="size">
-      {{size}}
-    </mat-option>
-  </mat-select>
-  <p hide-xs>Go to:</p>
-  <mat-form-field>
-    <input #goToInput
-            matInput
-            type="number"
-            [min]="1"
-            [max]="pagingBar.maxPage"
-            [value]="pagingBar.page"
-            (blur)="goToInput.value = pagingBar.page"
-            (keyup.enter)="pagingBar.navigateToPage(goToInput.value); goToInput.value = pagingBar.page"/>
-  </mat-form-field>
-  {{pagingBar.range}} <span hide-xs>of {{pagingBar.total}}</span>
-</td-paging-bar>
-```

package/paging/_paging-bar-theme.scss

@@ -1,26 +0,0 @@
-@import '../common/styles/theme-functions';
-@import '../common/styles/typography-functions';
-
-@mixin td-paging-bar-typography($config) {
-  .td-paging-bar {
-    font: {
-      family: td-font-family($config);
-      size: td-font-size($config, caption);
-    }
-  }
-}
-
-@mixin td-paging-bar-theme($theme) {
-  $primary: map-get($theme, primary);
-  $accent: map-get($theme, accent);
-  $warn: map-get($theme, warn);
-  $background: map-get($theme, background);
-  $foreground: map-get($theme, foreground);
-
-  td-paging-bar {
-    &,
-    & mat-select .mat-select-value {
-      color: mat-color($foreground, secondary-text);
-    }
-  }
-}

package/paging/covalent-core-paging.d.ts

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

package/paging/covalent-core-paging.metadata.json

@@ -1 +0,0 @@
-{"__symbolic":"module","version":4,"metadata":{"CovalentPagingModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":12},{"__symbolic":"reference","module":"@angular/material/icon","name":"MatIconModule","line":10,"character":26},{"__symbolic":"reference","module":"@angular/material/button","name":"MatButtonModule","line":10,"character":41}],"declarations":[{"__symbolic":"reference","name":"TdPagingBarComponent"}],"exports":[{"__symbolic":"reference","name":"TdPagingBarComponent"}]}]}],"members":{}},"IPageChangeEvent":{"__symbolic":"interface"},"TdPagingBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":23,"character":19},"member":"OnPush"},"selector":"td-paging-bar","template":"<div class=\"td-paging-bar\" (change)=\"$event.stopPropagation()\">\n  <ng-content></ng-content>\n  <div class=\"td-paging-bar-navigation\">\n    <button\n      mat-icon-button\n      class=\"td-paging-bar-first-page\"\n      type=\"button\"\n      *ngIf=\"firstLast\"\n      [disabled]=\"isMinPage()\"\n      (click)=\"firstPage()\"\n    >\n      <mat-icon>{{ isRTL ? 'skip_next' : 'skip_previous' }}</mat-icon>\n    </button>\n    <button mat-icon-button class=\"td-paging-bar-prev-page\" type=\"button\" [disabled]=\"isMinPage()\" (click)=\"prevPage()\">\n      <mat-icon>{{ isRTL ? 'navigate_next' : 'navigate_before' }}</mat-icon>\n    </button>\n    <ng-template *ngIf=\"pageLinkCount > 0\" let-link let-index=\"index\" ngFor [ngForOf]=\"pageLinks\">\n      <button\n        class=\"td-paging-bar-link-page\"\n        mat-icon-button\n        type=\"button\"\n        [color]=\"page === link ? 'accent' : undefined\"\n        (click)=\"navigateToPage(link)\"\n      >\n        {{ link }}\n      </button>\n    </ng-template>\n    <button mat-icon-button class=\"td-paging-bar-next-page\" type=\"button\" [disabled]=\"isMaxPage()\" (click)=\"nextPage()\">\n      <mat-icon>{{ isRTL ? 'navigate_before' : 'navigate_next' }}</mat-icon>\n    </button>\n    <button\n      mat-icon-button\n      class=\"td-paging-bar-last-page\"\n      type=\"button\"\n      *ngIf=\"firstLast\"\n      [disabled]=\"isMaxPage()\"\n      (click)=\"lastPage()\"\n    >\n      <mat-icon>{{ isRTL ? 'skip_previous' : 'skip_next' }}</mat-icon>\n    </button>\n  </div>\n</div>\n","styles":[":host{display:block}:host .td-paging-bar{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:end;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;height:48px;justify-content:flex-end;max-width:100%}:host .td-paging-bar ::ng-deep>*{margin:0 10px}:host .td-paging-bar [mat-icon-button]{font-size:12px;font-weight:400}"]}]}],"members":{"firstLast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":46,"character":3}}]}],"initialPage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":52,"character":3}}]}],"pageLinkCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3},"arguments":["pageLinkCount"]}]}],"pageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3},"arguments":["pageSize"]}]}],"total":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":3},"arguments":["total"]}]}],"change":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":137,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":146,"character":15}}],null],"parameters":[{"__symbolic":"reference","module":"@angular/cdk/bidi","name":"Dir","line":146,"character":40},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":146,"character":73}]}],"ngOnInit":[{"__symbolic":"method"}],"navigateToPage":[{"__symbolic":"method"}],"firstPage":[{"__symbolic":"method"}],"prevPage":[{"__symbolic":"method"}],"nextPage":[{"__symbolic":"method"}],"lastPage":[{"__symbolic":"method"}],"isMinPage":[{"__symbolic":"method"}],"isMaxPage":[{"__symbolic":"method"}],"_calculateRows":[{"__symbolic":"method"}],"_calculatePageLinks":[{"__symbolic":"method"}],"_handleOnChange":[{"__symbolic":"method"}]}}},"origins":{"CovalentPagingModule":"./paging.module","IPageChangeEvent":"./paging-bar.component","TdPagingBarComponent":"./paging-bar.component"},"importAs":"@covalent/core/paging"}

package/paging/index.d.ts

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

package/paging/package.json

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