@covalent/core 3.1.2 → 4.0.0-beta.2

package/fesm2015/covalent-core-notifications.js

@@ -1,228 +0,0 @@
-import { Component, ChangeDetectionStrategy, ViewChild, Input, HostBinding, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: notification-count.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @enum {string} */
-const TdNotificationCountPositionY = {
-    Top: "top",
-    Bottom: "bottom",
-    Center: "center",
-};
-/** @enum {string} */
-const TdNotificationCountPositionX = {
-    Before: "before",
-    After: "after",
-    Center: "center",
-};
-/** @type {?} */
-const DEFAULT_NOTIFICATION_LIMIT = 99;
-class TdNotificationCountComponent {
-    constructor() {
-        this._notifications = 0;
-        this._limit = DEFAULT_NOTIFICATION_LIMIT;
-        /**
-         * color?: "primary" | "accent" | "warn"
-         * Sets the theme color of the notification tip. Defaults to "warn"
-         */
-        this.color = 'warn';
-    }
-    /**
-     * positionX?: TdNotificationCountPositionX or "before" | "after" | "center"
-     * Sets the X position of the notification tip.
-     * Defaults to "after" if it has content, else 'center'.
-     * @param {?} positionX
-     * @return {?}
-     */
-    set positionX(positionX) {
-        this._positionX = positionX;
-    }
-    /**
-     * @return {?}
-     */
-    get positionX() {
-        return this._positionX;
-    }
-    /**
-     * positionY?: TdNotificationCountPositionY or "top" | "bottom" | "center"
-     * Sets the Y position of the notification tip.
-     * Defaults to "top" if it has content, else 'center'.
-     * @param {?} positionY
-     * @return {?}
-     */
-    set positionY(positionY) {
-        this._positionY = positionY;
-    }
-    /**
-     * @return {?}
-     */
-    get positionY() {
-        return this._positionY;
-    }
-    /**
-     * notifications?: number | boolean
-     * Number for the notification count. Shows component only if the input is a positive number or 'true'
-     * @param {?} notifications
-     * @return {?}
-     */
-    set notifications(notifications) {
-        this._notifications = notifications;
-    }
-    /**
-     * limit?: number
-     * Limit for notification count. If the number of notifications is greater than limit, then + will be added. Defaults to 99.
-     * @param {?} limit
-     * @return {?}
-     */
-    set limit(limit) {
-        this._limit = limit;
-    }
-    /**
-     * @return {?}
-     */
-    get hideHost() {
-        return !this.show && !this._hasContent();
-    }
-    /**
-     * Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.
-     * Makes the notification tip show without a count.
-     * @return {?}
-     */
-    get noCount() {
-        return this._notifications === true;
-    }
-    /**
-     * Notification display string when a count is available.
-     * Anything over 99 gets set as 99+
-     * @return {?}
-     */
-    get notificationsDisplay() {
-        if (this._notifications > this._limit) {
-            return `${this._limit}+`;
-        }
-        return this._notifications.toString();
-    }
-    /**
-     * Shows notification tip only when [notifications] is true or a positive integer.
-     * @return {?}
-     */
-    get show() {
-        return this._notifications === true || (!isNaN((/** @type {?} */ (this._notifications))) && this._notifications > 0);
-    }
-    /**
-     * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.
-     * @return {?}
-     */
-    ngAfterContentInit() {
-        if (!this._positionX) {
-            this.positionX = this._hasContent() ? TdNotificationCountPositionX.After : TdNotificationCountPositionX.Center;
-        }
-        if (!this._positionY) {
-            this.positionY = this._hasContent() ? TdNotificationCountPositionY.Top : TdNotificationCountPositionY.Center;
-        }
-    }
-    /**
-     * Method to check if element has any kind of content (elements or text)
-     * @private
-     * @return {?}
-     */
-    _hasContent() {
-        if (this.content) {
-            /** @type {?} */
-            const contentElement = this.content.nativeElement;
-            return contentElement && (contentElement.children.length > 0 || !!contentElement.textContent.trim());
-        }
-        return false;
-    }
-}
-TdNotificationCountComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-notification-count',
-                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",
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                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}"]
-            }] }
-];
-TdNotificationCountComponent.propDecorators = {
-    content: [{ type: ViewChild, args: ['content', { static: true },] }],
-    color: [{ type: Input }],
-    positionX: [{ type: Input }],
-    positionY: [{ type: Input }],
-    notifications: [{ type: Input }],
-    limit: [{ type: Input }],
-    hideHost: [{ type: HostBinding, args: ['class.td-notification-hidden',] }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdNotificationCountComponent.prototype._notifications;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdNotificationCountComponent.prototype._positionY;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdNotificationCountComponent.prototype._positionX;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdNotificationCountComponent.prototype._limit;
-    /**
-     * Div content wrapper of `ng-content`.
-     * @type {?}
-     */
-    TdNotificationCountComponent.prototype.content;
-    /**
-     * color?: "primary" | "accent" | "warn"
-     * Sets the theme color of the notification tip. Defaults to "warn"
-     * @type {?}
-     */
-    TdNotificationCountComponent.prototype.color;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: notifications.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-const TD_NOTIFICATIONS = [TdNotificationCountComponent];
-class CovalentNotificationsModule {
-}
-CovalentNotificationsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                declarations: [TD_NOTIFICATIONS],
-                exports: [TD_NOTIFICATIONS],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: index.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: covalent-core-notifications.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentNotificationsModule, DEFAULT_NOTIFICATION_LIMIT, TdNotificationCountComponent, TdNotificationCountPositionX, TdNotificationCountPositionY };
-//# sourceMappingURL=covalent-core-notifications.js.map

package/fesm2015/covalent-core-notifications.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-notifications.js","sources":["../../../../src/platform/core/notifications/notification-count.component.ts","../../../../src/platform/core/notifications/notifications.module.ts"],"sourcesContent":["import {\n  Component,\n  Input,\n  HostBinding,\n  ChangeDetectionStrategy,\n  ViewChild,\n  ElementRef,\n  AfterContentInit,\n} from '@angular/core';\n\nexport enum TdNotificationCountPositionY {\n  Top = 'top',\n  Bottom = 'bottom',\n  Center = 'center',\n}\n\nexport enum TdNotificationCountPositionX {\n  Before = 'before',\n  After = 'after',\n  Center = 'center',\n}\n\nexport const DEFAULT_NOTIFICATION_LIMIT: number = 99;\n\n@Component({\n  selector: 'td-notification-count',\n  styleUrls: ['./notification-count.component.scss'],\n  templateUrl: './notification-count.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TdNotificationCountComponent implements AfterContentInit {\n  private _notifications: number | boolean = 0;\n  private _positionY: TdNotificationCountPositionY;\n  private _positionX: TdNotificationCountPositionX;\n  private _limit: number = DEFAULT_NOTIFICATION_LIMIT;\n\n  /**\n   * Div content wrapper of `ng-content`.\n   */\n  @ViewChild('content', { static: true }) content: ElementRef;\n\n  /**\n   * color?: \"primary\" | \"accent\" | \"warn\"\n   * Sets the theme color of the notification tip. Defaults to \"warn\"\n   */\n  @Input() color: 'primary' | 'accent' | 'warn' = 'warn';\n\n  /**\n   * positionX?: TdNotificationCountPositionX or \"before\" | \"after\" | \"center\"\n   * Sets the X position of the notification tip.\n   * Defaults to \"after\" if it has content, else 'center'.\n   */\n  @Input()\n  set positionX(positionX: TdNotificationCountPositionX) {\n    this._positionX = positionX;\n  }\n  get positionX(): TdNotificationCountPositionX {\n    return this._positionX;\n  }\n\n  /**\n   * positionY?: TdNotificationCountPositionY or \"top\" | \"bottom\" | \"center\"\n   * Sets the Y position of the notification tip.\n   * Defaults to \"top\" if it has content, else 'center'.\n   */\n  @Input()\n  set positionY(positionY: TdNotificationCountPositionY) {\n    this._positionY = positionY;\n  }\n  get positionY(): TdNotificationCountPositionY {\n    return this._positionY;\n  }\n\n  /**\n   * notifications?: number | boolean\n   * Number for the notification count. Shows component only if the input is a positive number or 'true'\n   */\n  @Input()\n  set notifications(notifications: number | boolean) {\n    this._notifications = notifications;\n  }\n\n  /**\n   * limit?: number\n   * Limit for notification count. If the number of notifications is greater than limit, then + will be added. Defaults to 99.\n   */\n  @Input()\n  set limit(limit: number) {\n    this._limit = limit;\n  }\n\n  @HostBinding('class.td-notification-hidden')\n  get hideHost(): boolean {\n    return !this.show && !this._hasContent();\n  }\n\n  /**\n   * Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.\n   * Makes the notification tip show without a count.\n   */\n  get noCount(): string | boolean {\n    return this._notifications === true;\n  }\n\n  /**\n   * Notification display string when a count is available.\n   * Anything over 99 gets set as 99+\n   */\n  get notificationsDisplay(): string {\n    if (this._notifications > this._limit) {\n      return `${this._limit}+`;\n    }\n    return this._notifications.toString();\n  }\n\n  /**\n   * Shows notification tip only when [notifications] is true or a positive integer.\n   */\n  get show(): boolean {\n    return this._notifications === true || (!isNaN(<any>this._notifications) && this._notifications > 0);\n  }\n\n  /**\n   * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.\n   */\n  ngAfterContentInit(): void {\n    if (!this._positionX) {\n      this.positionX = this._hasContent() ? TdNotificationCountPositionX.After : TdNotificationCountPositionX.Center;\n    }\n    if (!this._positionY) {\n      this.positionY = this._hasContent() ? TdNotificationCountPositionY.Top : TdNotificationCountPositionY.Center;\n    }\n  }\n\n  /**\n   * Method to check if element has any kind of content (elements or text)\n   */\n  private _hasContent(): boolean {\n    if (this.content) {\n      const contentElement: HTMLElement = this.content.nativeElement;\n      return contentElement && (contentElement.children.length > 0 || !!contentElement.textContent.trim());\n    }\n    return false;\n  }\n}\n","import { Type } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\n\nimport { TdNotificationCountComponent } from './notification-count.component';\n\nconst TD_NOTIFICATIONS: Type<any>[] = [TdNotificationCountComponent];\n\n@NgModule({\n  imports: [CommonModule],\n  declarations: [TD_NOTIFICATIONS],\n  exports: [TD_NOTIFICATIONS],\n})\nexport class CovalentNotificationsModule {}\n"],"names":[],"mappings":"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"}

package/fesm2015/covalent-core-paging.js

@@ -1,451 +0,0 @@
-import { EventEmitter, Component, ChangeDetectionStrategy, Optional, ChangeDetectorRef, Input, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
-import { MatButtonModule } from '@angular/material/button';
-import { coerceNumberProperty } from '@angular/cdk/coercion';
-import { Dir } from '@angular/cdk/bidi';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: paging-bar.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function IPageChangeEvent() { }
-if (false) {
-    /** @type {?} */
-    IPageChangeEvent.prototype.page;
-    /** @type {?} */
-    IPageChangeEvent.prototype.maxPage;
-    /** @type {?} */
-    IPageChangeEvent.prototype.pageSize;
-    /** @type {?} */
-    IPageChangeEvent.prototype.total;
-    /** @type {?} */
-    IPageChangeEvent.prototype.fromRow;
-    /** @type {?} */
-    IPageChangeEvent.prototype.toRow;
-}
-class TdPagingBarComponent {
-    /**
-     * @param {?} _dir
-     * @param {?} _changeDetectorRef
-     */
-    constructor(_dir, _changeDetectorRef) {
-        this._dir = _dir;
-        this._changeDetectorRef = _changeDetectorRef;
-        this._pageSize = 50;
-        this._total = 0;
-        this._page = 1;
-        this._fromRow = 1;
-        this._toRow = 1;
-        this._initialized = false;
-        this._pageLinks = [];
-        this._pageLinkCount = 0;
-        // special case when 2 pageLinks, detect when hit end of pages so can lead in correct direction
-        this._hitEnd = false;
-        // special case when 2 pageLinks, detect when hit start of pages so can lead in correct direction
-        this._hitStart = false;
-        /**
-         * firstLast?: boolean
-         * Shows or hides the first and last page buttons of the paging bar. Defaults to 'false'
-         */
-        this.firstLast = true;
-        /**
-         * initialPage?: number
-         * Sets starting page for the paging bar. Defaults to '1'
-         */
-        this.initialPage = 1;
-        /**
-         * change?: function
-         * Method to be executed when page size changes or any button is clicked in the paging bar.
-         * Emits an [IPageChangeEvent] implemented object.
-         */
-        this.change = new EventEmitter();
-    }
-    /**
-     * pageLinkCount?: number
-     * Amount of page navigation links for the paging bar. Defaults to '0'
-     * @param {?} pageLinkCount
-     * @return {?}
-     */
-    set pageLinkCount(pageLinkCount) {
-        this._pageLinkCount = coerceNumberProperty(pageLinkCount);
-        this._calculatePageLinks();
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @return {?}
-     */
-    get pageLinkCount() {
-        return this._pageLinkCount;
-    }
-    /**
-     * pageSize?: number
-     * Selected page size for the pagination. Defaults 50.
-     * @param {?} pageSize
-     * @return {?}
-     */
-    set pageSize(pageSize) {
-        this._pageSize = coerceNumberProperty(pageSize);
-        this._page = 1;
-        if (this._initialized) {
-            this._handleOnChange();
-        }
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @return {?}
-     */
-    get pageSize() {
-        return this._pageSize;
-    }
-    /**
-     * total: number
-     * Total rows for the pagination.
-     * @param {?} total
-     * @return {?}
-     */
-    set total(total) {
-        this._total = coerceNumberProperty(total);
-        this._calculateRows();
-        this._calculatePageLinks();
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * @return {?}
-     */
-    get total() {
-        return this._total;
-    }
-    /**
-     * pageLinks: number[]
-     * Returns the pageLinks in an array
-     * @return {?}
-     */
-    get pageLinks() {
-        return this._pageLinks;
-    }
-    /**
-     * range: string
-     * Returns the range of the rows.
-     * @return {?}
-     */
-    get range() {
-        return `${!this._toRow ? 0 : this._fromRow}-${this._toRow}`;
-    }
-    /**
-     * page: number
-     * Returns the current page.
-     * @return {?}
-     */
-    get page() {
-        return this._page;
-    }
-    /**
-     * page: number
-     * Returns the max page for the current pageSize and total.
-     * @return {?}
-     */
-    get maxPage() {
-        return Math.ceil(this._total / this._pageSize);
-    }
-    /**
-     * @return {?}
-     */
-    get isRTL() {
-        if (this._dir) {
-            return this._dir.dir === 'rtl';
-        }
-        return false;
-    }
-    /**
-     * @return {?}
-     */
-    ngOnInit() {
-        this._page = coerceNumberProperty(this.initialPage);
-        this._calculateRows();
-        this._calculatePageLinks();
-        this._initialized = true;
-        this._changeDetectorRef.markForCheck();
-    }
-    /**
-     * navigateToPage?: function
-     * Navigates to a specific valid page. Returns 'true' if page is valid, else 'false'.
-     * @param {?} page
-     * @return {?}
-     */
-    navigateToPage(page) {
-        if (page === 1 || (page >= 1 && page <= this.maxPage)) {
-            this._page = coerceNumberProperty(Math.floor(page));
-            this._handleOnChange();
-            return true;
-        }
-        return false;
-    }
-    /**
-     * firstPage?: function
-     * Navigates to the first page. Returns 'true' if page is valid, else 'false'.
-     * @return {?}
-     */
-    firstPage() {
-        return this.navigateToPage(1);
-    }
-    /**
-     * prevPage?: function
-     * Navigates to the previous page. Returns 'true' if page is valid, else 'false'.
-     * @return {?}
-     */
-    prevPage() {
-        return this.navigateToPage(this._page - 1);
-    }
-    /**
-     * nextPage?: function
-     * Navigates to the next page. Returns 'true' if page is valid, else 'false'.
-     * @return {?}
-     */
-    nextPage() {
-        return this.navigateToPage(this._page + 1);
-    }
-    /**
-     * lastPage?: function
-     * Navigates to the last page. Returns 'true' if page is valid, else 'false'.
-     * @return {?}
-     */
-    lastPage() {
-        return this.navigateToPage(this.maxPage);
-    }
-    /**
-     * @return {?}
-     */
-    isMinPage() {
-        return this._page <= 1;
-    }
-    /**
-     * @return {?}
-     */
-    isMaxPage() {
-        return this._page >= this.maxPage;
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    _calculateRows() {
-        /** @type {?} */
-        const top = this._pageSize * this._page;
-        this._fromRow = this._pageSize * (this._page - 1) + 1;
-        this._toRow = this._total > top ? top : this._total;
-    }
-    /**
-     * _calculatePageLinks?: function
-     * Calculates the page links that should be shown to the user based on the current state of the paginator
-     * @private
-     * @return {?}
-     */
-    _calculatePageLinks() {
-        // special case when 2 pageLinks, detect when hit end of pages so can lead in correct direction
-        if (this.isMaxPage()) {
-            this._hitEnd = true;
-            this._hitStart = false;
-        }
-        // special case when 2 pageLinks, detect when hit start of pages so can lead in correct direction
-        if (this.isMinPage()) {
-            this._hitEnd = false;
-            this._hitStart = true;
-        }
-        // If the pageLinkCount goes above max possible pages based on perpage setting then reset it to maxPage
-        /** @type {?} */
-        let actualPageLinkCount = this.pageLinkCount;
-        if (this.pageLinkCount > this.maxPage) {
-            actualPageLinkCount = this.maxPage;
-        }
-        // reset the pageLinks array
-        this._pageLinks = [];
-        // fill in the array with the pageLinks based on the current selected page
-        /** @type {?} */
-        const middlePageLinks = Math.floor(actualPageLinkCount / 2);
-        for (let x = 0; x < actualPageLinkCount; x++) {
-            // don't go past the maxPage in the pageLinks
-            // have to handle even and odd pageLinkCounts differently so can still lead to the next numbers
-            if ((actualPageLinkCount % 2 === 0 && this.page + middlePageLinks > this.maxPage) ||
-                (actualPageLinkCount % 2 !== 0 && this.page + middlePageLinks >= this.maxPage)) {
-                this._pageLinks[x] = this.maxPage - (actualPageLinkCount - (x + 1));
-                // if the selected page is after the middle then set that page as middle and get the correct balance on left and right
-                // special handling when there are only 2 pageLinks to just drop to next if block so can lead to next numbers when moving to right
-                // when moving to the left then go into this block
-            }
-            else if ((actualPageLinkCount > 2 || (actualPageLinkCount <= 2 && this._hitEnd)) &&
-                this.page - middlePageLinks > 0) {
-                this._pageLinks[x] = this.page - middlePageLinks + x;
-                // if the selected page is before the middle then set the pages based on the x index leading up to and after selected page
-            }
-            else if (this.page - middlePageLinks <= 0) {
-                this._pageLinks[x] = x + 1;
-                // other wise just set the array in order starting from the selected page
-            }
-            else {
-                this._pageLinks[x] = this.page + x;
-            }
-        }
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    _handleOnChange() {
-        this._calculateRows();
-        this._calculatePageLinks();
-        /** @type {?} */
-        const event = {
-            page: this._page,
-            maxPage: this.maxPage,
-            pageSize: this._pageSize,
-            total: this._total,
-            fromRow: this._fromRow,
-            toRow: this._toRow,
-        };
-        this._changeDetectorRef.markForCheck();
-        this.change.emit(event);
-    }
-}
-TdPagingBarComponent.decorators = [
-    { type: Component, args: [{
-                changeDetection: ChangeDetectionStrategy.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}"]
-            }] }
-];
-/** @nocollapse */
-TdPagingBarComponent.ctorParameters = () => [
-    { type: Dir, decorators: [{ type: Optional }] },
-    { type: ChangeDetectorRef }
-];
-TdPagingBarComponent.propDecorators = {
-    firstLast: [{ type: Input }],
-    initialPage: [{ type: Input }],
-    pageLinkCount: [{ type: Input, args: ['pageLinkCount',] }],
-    pageSize: [{ type: Input, args: ['pageSize',] }],
-    total: [{ type: Input, args: ['total',] }],
-    change: [{ type: Output }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._pageSize;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._total;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._page;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._fromRow;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._toRow;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._initialized;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._pageLinks;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._pageLinkCount;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._hitEnd;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._hitStart;
-    /**
-     * firstLast?: boolean
-     * Shows or hides the first and last page buttons of the paging bar. Defaults to 'false'
-     * @type {?}
-     */
-    TdPagingBarComponent.prototype.firstLast;
-    /**
-     * initialPage?: number
-     * Sets starting page for the paging bar. Defaults to '1'
-     * @type {?}
-     */
-    TdPagingBarComponent.prototype.initialPage;
-    /**
-     * change?: function
-     * Method to be executed when page size changes or any button is clicked in the paging bar.
-     * Emits an [IPageChangeEvent] implemented object.
-     * @type {?}
-     */
-    TdPagingBarComponent.prototype.change;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._dir;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdPagingBarComponent.prototype._changeDetectorRef;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: paging.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class CovalentPagingModule {
-}
-CovalentPagingModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, MatIconModule, MatButtonModule],
-                declarations: [TdPagingBarComponent],
-                exports: [TdPagingBarComponent],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: index.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: covalent-core-paging.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentPagingModule, TdPagingBarComponent };
-//# sourceMappingURL=covalent-core-paging.js.map