@covalent/core 3.1.0 → 3.1.2-beta.6

package/bundles/covalent-core-notifications.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"covalent-core-notifications.umd.js","sources":["ng://@covalent/core/notifications/notification-count.component.ts","ng://@covalent/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":["Component","ChangeDetectionStrategy","ViewChild","Input","HostBinding","NgModule","CommonModule"],"mappings":"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"}
+{"version":3,"file":"covalent-core-notifications.umd.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":["Component","ChangeDetectionStrategy","ViewChild","Input","HostBinding","NgModule","CommonModule"],"mappings":"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"}

package/bundles/covalent-core-notifications.umd.min.js

@@ -1,2 +1,2 @@
-!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@covalent/core/notifications",["exports","@angular/core","@angular/common"],o):o(((t=t||self).covalent=t.covalent||{},t.covalent.core=t.covalent.core||{},t.covalent.core.notifications={}),t.ng.core,t.ng.common)}(this,(function(t,o,n){"use strict";var i={Top:"top",Bottom:"bottom",Center:"center"},e={Before:"before",After:"after",Center:"center"},c=function(){function t(){this._notifications=0,this._limit=99,this.color="warn"}return Object.defineProperty(t.prototype,"positionX",{get:function(){return this._positionX},set:function(t){this._positionX=t},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"positionY",{get:function(){return this._positionY},set:function(t){this._positionY=t},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"notifications",{set:function(t){this._notifications=t},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"limit",{set:function(t){this._limit=t},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hideHost",{get:function(){return!this.show&&!this._hasContent()},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"noCount",{get:function(){return!0===this._notifications},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"notificationsDisplay",{get:function(){return this._notifications>this._limit?this._limit+"+":this._notifications.toString()},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"show",{get:function(){return!0===this._notifications||!isNaN(this._notifications)&&this._notifications>0},enumerable:!0,configurable:!0}),t.prototype.ngAfterContentInit=function(){this._positionX||(this.positionX=this._hasContent()?e.After:e.Center),this._positionY||(this.positionY=this._hasContent()?i.Top:i.Center)},t.prototype._hasContent=function(){if(this.content){var t=this.content.nativeElement;return t&&(t.children.length>0||!!t.textContent.trim())}return!1},t.decorators=[{type:o.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:o.ChangeDetectionStrategy.OnPush,styles:[":host{position:relative;display:block;text-align:center;min-width:40px;height:40px}:host.td-notification-hidden{min-width:0}.td-notification-count{line-height:21px;width:20px;height:20px;position:absolute;font-size:10px;font-weight:600;border-radius:50%;z-index:1}.td-notification-count.td-notification-center-x{margin-left:auto;margin-right:auto;left:0;right:0}.td-notification-count.td-notification-center-y{margin-top:auto;margin-bottom:auto;top:0;bottom: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{width:8px;height: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{right:0;left:auto}::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{right:8px;left:auto}::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}"]}]}],t.propDecorators={content:[{type:o.ViewChild,args:["content",{static:!0}]}],color:[{type:o.Input}],positionX:[{type:o.Input}],positionY:[{type:o.Input}],notifications:[{type:o.Input}],limit:[{type:o.Input}],hideHost:[{type:o.HostBinding,args:["class.td-notification-hidden"]}]},t}();var r=[c],a=function(){function t(){}return t.decorators=[{type:o.NgModule,args:[{imports:[n.CommonModule],declarations:[r],exports:[r]}]}],t}();t.CovalentNotificationsModule=a,t.DEFAULT_NOTIFICATION_LIMIT=99,t.TdNotificationCountComponent=c,t.TdNotificationCountPositionX=e,t.TdNotificationCountPositionY=i,Object.defineProperty(t,"__esModule",{value:!0})}));
+!function(t,o){"object"==typeof exports&&"undefined"!=typeof module?o(exports,require("@angular/core"),require("@angular/common")):"function"==typeof define&&define.amd?define("@covalent/core/notifications",["exports","@angular/core","@angular/common"],o):o(((t="undefined"!=typeof globalThis?globalThis:t||self).covalent=t.covalent||{},t.covalent.core=t.covalent.core||{},t.covalent.core.notifications={}),t.ng.core,t.ng.common)}(this,(function(t,o,n){"use strict";var i={Top:"top",Bottom:"bottom",Center:"center"},e={Before:"before",After:"after",Center:"center"},c=function(){function t(){this._notifications=0,this._limit=99,this.color="warn"}return Object.defineProperty(t.prototype,"positionX",{get:function(){return this._positionX},set:function(t){this._positionX=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"positionY",{get:function(){return this._positionY},set:function(t){this._positionY=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"notifications",{set:function(t){this._notifications=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"limit",{set:function(t){this._limit=t},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"hideHost",{get:function(){return!this.show&&!this._hasContent()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"noCount",{get:function(){return!0===this._notifications},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"notificationsDisplay",{get:function(){return this._notifications>this._limit?this._limit+"+":this._notifications.toString()},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"show",{get:function(){return!0===this._notifications||!isNaN(this._notifications)&&this._notifications>0},enumerable:!1,configurable:!0}),t.prototype.ngAfterContentInit=function(){this._positionX||(this.positionX=this._hasContent()?e.After:e.Center),this._positionY||(this.positionY=this._hasContent()?i.Top:i.Center)},t.prototype._hasContent=function(){if(this.content){var t=this.content.nativeElement;return t&&(t.children.length>0||!!t.textContent.trim())}return!1},t}();c.decorators=[{type:o.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:o.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}"]}]}],c.propDecorators={content:[{type:o.ViewChild,args:["content",{static:!0}]}],color:[{type:o.Input}],positionX:[{type:o.Input}],positionY:[{type:o.Input}],notifications:[{type:o.Input}],limit:[{type:o.Input}],hideHost:[{type:o.HostBinding,args:["class.td-notification-hidden"]}]};var a=[c],r=function(){};r.decorators=[{type:o.NgModule,args:[{imports:[n.CommonModule],declarations:[a],exports:[a]}]}],t.CovalentNotificationsModule=r,t.DEFAULT_NOTIFICATION_LIMIT=99,t.TdNotificationCountComponent=c,t.TdNotificationCountPositionX=e,t.TdNotificationCountPositionY=i,Object.defineProperty(t,"__esModule",{value:!0})}));
 //# sourceMappingURL=covalent-core-notifications.umd.min.js.map

package/bundles/covalent-core-notifications.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ng://@covalent/core/notifications/notification-count.component.ts","ng://@covalent/core/notifications/notifications.module.ts"],"names":["Top","Bottom","Center","Before","After","TdNotificationCountComponent","this","_notifications","_limit","color","Object","defineProperty","prototype","_positionX","positionX","_positionY","positionY","notifications","limit","show","_hasContent","toString","isNaN","ngAfterContentInit","TdNotificationCountPositionX","TdNotificationCountPositionY","content","contentElement","nativeElement","children","length","textContent","trim","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","ViewChild","static","Input","HostBinding","TD_NOTIFICATIONS","CovalentNotificationsModule","NgModule","imports","CommonModule","declarations","exports"],"mappings":"+aAWEA,IAAM,MACNC,OAAS,SACTC,OAAS,aAITC,OAAS,SACTC,MAAQ,QACRF,OAAS,uBAKX,SAAAG,IAOUC,KAAAC,eAAmC,EAGnCD,KAAAE,OAZwC,GAuBvCF,KAAAG,MAAuC,OAmGlD,OA5FEC,OAAAC,eACIN,EAAAO,UAAA,YAAS,KAGb,WACE,OAAON,KAAKO,gBALd,SACcC,GACZR,KAAKO,WAAaC,mCAWpBJ,OAAAC,eACIN,EAAAO,UAAA,YAAS,KAGb,WACE,OAAON,KAAKS,gBALd,SACcC,GACZV,KAAKS,WAAaC,mCAUpBN,OAAAC,eACIN,EAAAO,UAAA,gBAAa,KADjB,SACkBK,GAChBX,KAAKC,eAAiBU,mCAOxBP,OAAAC,eACIN,EAAAO,UAAA,QAAK,KADT,SACUM,GACRZ,KAAKE,OAASU,mCAGhBR,OAAAC,eACIN,EAAAO,UAAA,WAAQ,KADZ,WAEE,OAAQN,KAAKa,OAASb,KAAKc,+CAO7BV,OAAAC,eAAIN,EAAAO,UAAA,UAAO,KAAX,WACE,OAA+B,IAAxBN,KAAKC,gDAOdG,OAAAC,eAAIN,EAAAO,UAAA,uBAAoB,KAAxB,WACE,OAAIN,KAAKC,eAAiBD,KAAKE,OACnBF,KAAKE,OAAM,IAEhBF,KAAKC,eAAec,4CAM7BX,OAAAC,eAAIN,EAAAO,UAAA,OAAI,KAAR,WACE,OAA+B,IAAxBN,KAAKC,iBAA6Be,MAAWhB,KAAmB,iBAAKA,KAAKC,eAAiB,mCAMpGF,EAAAO,UAAAW,mBAAA,WACOjB,KAAKO,aACRP,KAAKQ,UAAYR,KAAKc,cAAgBI,EAA6BpB,MAAQoB,EAA6BtB,QAErGI,KAAKS,aACRT,KAAKU,UAAYV,KAAKc,cAAgBK,EAA6BzB,IAAMyB,EAA6BvB,SAOlGG,EAAAO,UAAAQ,YAAR,WACE,GAAId,KAAKoB,QAAS,KACVC,EAA8BrB,KAAKoB,QAAQE,cACjD,OAAOD,IAAmBA,EAAeE,SAASC,OAAS,KAAOH,EAAeI,YAAYC,QAE/F,OAAO,uBAtHVC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,wBAEVC,SAAA,inBACAC,gBAAiBC,EAAAA,wBAAwBC,4iDAWxCC,EAAAA,UAASN,KAAA,CAAC,UAAW,CAAEO,QAAQ,mBAM/BC,EAAAA,yBAOAA,EAAAA,yBAaAA,EAAAA,6BAYAA,EAAAA,qBASAA,EAAAA,wBAKAC,EAAAA,YAAWT,KAAA,CAAC,mCAqDf7B,SCzIMuC,EAAgC,CAACvC,gBAEvC,SAAAwC,KAK0C,2BALzCC,EAAAA,SAAQZ,KAAA,CAAC,CACRa,QAAS,CAACC,EAAAA,cACVC,aAAc,CAACL,GACfM,QAAS,CAACN,OAE8BC,kEDQQ","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"]}
+{"version":3,"sources":["../../../../src/platform/core/notifications/notification-count.component.ts","../../../../src/platform/core/notifications/notifications.module.ts"],"names":["TdNotificationCountPositionY","Top","Bottom","Center","TdNotificationCountPositionX","Before","After","TdNotificationCountComponent","this","_notifications","_limit","color","Object","defineProperty","prototype","_positionX","positionX","_positionY","positionY","notifications","limit","show","_hasContent","toString","isNaN","ngAfterContentInit","content","contentElement","nativeElement","children","length","textContent","trim","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","ViewChild","static","Input","HostBinding","TD_NOTIFICATIONS","NgModule","imports","CommonModule","declarations","exports"],"mappings":"sdAUYA,EAA4B,CACtCC,IAAG,MACHC,OAAM,SACNC,OAAM,UAGIC,EAA4B,CACtCC,OAAM,SACNC,MAAK,QACLH,OAAM,uBAKR,SAAAI,IAOUC,KAAAC,eAAmC,EAGnCD,KAAAE,OAZwC,GAuBvCF,KAAAG,MAAuC,cAOhDC,OAAAC,eACIN,EAAAO,UAAA,YAAS,KAGb,WACE,OAAON,KAAKO,gBALd,SACcC,GACZR,KAAKO,WAAaC,mCAWpBJ,OAAAC,eACIN,EAAAO,UAAA,YAAS,KAGb,WACE,OAAON,KAAKS,gBALd,SACcC,GACZV,KAAKS,WAAaC,mCAUpBN,OAAAC,eACIN,EAAAO,UAAA,gBAAa,KADjB,SACkBK,GAChBX,KAAKC,eAAiBU,mCAOxBP,OAAAC,eACIN,EAAAO,UAAA,QAAK,KADT,SACUM,GACRZ,KAAKE,OAASU,mCAGhBR,OAAAC,eACIN,EAAAO,UAAA,WAAQ,KADZ,WAEE,OAAQN,KAAKa,OAASb,KAAKc,+CAO7BV,OAAAC,eAAIN,EAAAO,UAAA,UAAO,KAAX,WACE,OAA+B,IAAxBN,KAAKC,gDAOdG,OAAAC,eAAIN,EAAAO,UAAA,uBAAoB,KAAxB,WACE,OAAIN,KAAKC,eAAiBD,KAAKE,OACnBF,KAAKE,OAAM,IAEhBF,KAAKC,eAAec,4CAM7BX,OAAAC,eAAIN,EAAAO,UAAA,OAAI,KAAR,WACE,OAA+B,IAAxBN,KAAKC,iBAA6Be,MAAWhB,KAAmB,iBAAKA,KAAKC,eAAiB,mCAMpGF,EAAAO,UAAAW,mBAAA,WACOjB,KAAKO,aACRP,KAAKQ,UAAYR,KAAKc,cAAgBlB,EAA6BE,MAAQF,EAA6BD,QAErGK,KAAKS,aACRT,KAAKU,UAAYV,KAAKc,cAAgBtB,EAA6BC,IAAMD,EAA6BG,SAOlGI,EAAAO,UAAAQ,YAAA,WACN,GAAId,KAAKkB,QAAS,KACVC,EAA8BnB,KAAKkB,QAAQE,cACjD,OAAOD,IAAmBA,EAAeE,SAASC,OAAS,KAAOH,EAAeI,YAAYC,QAE/F,OAAO,4BAtHVC,EAAAA,UAASC,KAAA,CAAC,CACTC,SAAU,wBAEVC,SAAA,inBACAC,gBAAiBC,EAAAA,wBAAwBC,4iDAWxCC,EAAAA,UAASN,KAAA,CAAC,UAAW,CAAEO,QAAQ,mBAM/BC,EAAAA,yBAOAA,EAAAA,yBAaAA,EAAAA,6BAYAA,EAAAA,qBASAA,EAAAA,wBAKAC,EAAAA,YAAWT,KAAA,CAAC,uCCpFTU,EAAgC,CAACrC,KAOvC,iCALCsC,EAAAA,SAAQX,KAAA,CAAC,CACRY,QAAS,CAACC,EAAAA,cACVC,aAAc,CAACJ,GACfK,QAAS,CAACL,oEDUsC","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"]}

package/bundles/covalent-core-paging.umd.js

@@ -1,12 +1,13 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('@angular/material/button'), require('@angular/cdk/coercion'), require('@angular/cdk/bidi')) :
     typeof define === 'function' && define.amd ? define('@covalent/core/paging', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@angular/material/button', '@angular/cdk/coercion', '@angular/cdk/bidi'], factory) :
-    (global = global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.paging = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.ng.material.button, global.ng.cdk.coercion, global.ng.cdk.bidi));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.paging = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.ng.material.button, global.ng.cdk.coercion, global.ng.cdk.bidi));
 }(this, (function (exports, core, common, icon, button, coercion, bidi) { 'use strict';
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: paging-bar.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /**
      * @record
@@ -27,6 +28,10 @@
         IPageChangeEvent.prototype.toRow;
     }
     var TdPagingBarComponent = /** @class */ (function () {
+        /**
+         * @param {?} _dir
+         * @param {?} _changeDetectorRef
+         */
         function TdPagingBarComponent(_dir, _changeDetectorRef) {
             this._dir = _dir;
             this._changeDetectorRef = _changeDetectorRef;
@@ -60,48 +65,40 @@
             this.change = new core.EventEmitter();
         }
         Object.defineProperty(TdPagingBarComponent.prototype, "pageLinkCount", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._pageLinkCount;
             },
             /**
-             * pageLinkCount?: number
-             * Amount of page navigation links for the paging bar. Defaults to '0'
-             */
-            set: /**
              * pageLinkCount?: number
              * Amount of page navigation links for the paging bar. Defaults to '0'
              * @param {?} pageLinkCount
              * @return {?}
              */
-            function (pageLinkCount) {
+            set: function (pageLinkCount) {
                 this._pageLinkCount = coercion.coerceNumberProperty(pageLinkCount);
                 this._calculatePageLinks();
                 this._changeDetectorRef.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdPagingBarComponent.prototype, "pageSize", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._pageSize;
             },
             /**
-             * pageSize?: number
-             * Selected page size for the pagination. Defaults 50.
-             */
-            set: /**
              * pageSize?: number
              * Selected page size for the pagination. Defaults 50.
              * @param {?} pageSize
              * @return {?}
              */
-            function (pageSize) {
+            set: function (pageSize) {
                 this._pageSize = coercion.coerceNumberProperty(pageSize);
                 this._page = 1;
                 if (this._initialized) {
@@ -109,142 +106,109 @@
                 }
                 this._changeDetectorRef.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdPagingBarComponent.prototype, "total", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._total;
             },
             /**
-             * total: number
-             * Total rows for the pagination.
-             */
-            set: /**
              * total: number
              * Total rows for the pagination.
              * @param {?} total
              * @return {?}
              */
-            function (total) {
+            set: function (total) {
                 this._total = coercion.coerceNumberProperty(total);
                 this._calculateRows();
                 this._calculatePageLinks();
                 this._changeDetectorRef.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdPagingBarComponent.prototype, "pageLinks", {
             /**
-             * pageLinks: number[]
-             * Returns the pageLinks in an array
-             */
-            get: /**
              * pageLinks: number[]
              * Returns the pageLinks in an array
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._pageLinks;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdPagingBarComponent.prototype, "range", {
             /**
-             * range: string
-             * Returns the range of the rows.
-             */
-            get: /**
              * range: string
              * Returns the range of the rows.
              * @return {?}
              */
-            function () {
+            get: function () {
                 return (!this._toRow ? 0 : this._fromRow) + "-" + this._toRow;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdPagingBarComponent.prototype, "page", {
             /**
-             * page: number
-             * Returns the current page.
-             */
-            get: /**
              * page: number
              * Returns the current page.
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._page;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdPagingBarComponent.prototype, "maxPage", {
             /**
-             * page: number
-             * Returns the max page for the current pageSize and total.
-             */
-            get: /**
              * page: number
              * Returns the max page for the current pageSize and total.
              * @return {?}
              */
-            function () {
+            get: function () {
                 return Math.ceil(this._total / this._pageSize);
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdPagingBarComponent.prototype, "isRTL", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: function () {
                 if (this._dir) {
                     return this._dir.dir === 'rtl';
                 }
                 return false;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         /**
          * @return {?}
          */
-        TdPagingBarComponent.prototype.ngOnInit = /**
-         * @return {?}
-         */
-        function () {
+        TdPagingBarComponent.prototype.ngOnInit = function () {
             this._page = coercion.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'.
-         */
         /**
          * navigateToPage?: function
          * Navigates to a specific valid page. Returns 'true' if page is valid, else 'false'.
          * @param {?} page
          * @return {?}
          */
-        TdPagingBarComponent.prototype.navigateToPage = /**
-         * navigateToPage?: function
-         * Navigates to a specific valid page. Returns 'true' if page is valid, else 'false'.
-         * @param {?} page
-         * @return {?}
-         */
-        function (page) {
+        TdPagingBarComponent.prototype.navigateToPage = function (page) {
             if (page === 1 || (page >= 1 && page <= this.maxPage)) {
                 this._page = coercion.coerceNumberProperty(Math.floor(page));
                 this._handleOnChange();
@@ -253,122 +217,66 @@
             return false;
         };
         /**
-         * firstPage?: function
-         * Navigates to the first page. Returns 'true' if page is valid, else 'false'.
-         */
-        /**
-         * firstPage?: function
-         * Navigates to the first page. Returns 'true' if page is valid, else 'false'.
-         * @return {?}
-         */
-        TdPagingBarComponent.prototype.firstPage = /**
          * firstPage?: function
          * Navigates to the first page. Returns 'true' if page is valid, else 'false'.
          * @return {?}
          */
-        function () {
+        TdPagingBarComponent.prototype.firstPage = function () {
             return this.navigateToPage(1);
         };
         /**
-         * prevPage?: function
-         * Navigates to the previous page. Returns 'true' if page is valid, else 'false'.
-         */
-        /**
-         * prevPage?: function
-         * Navigates to the previous page. Returns 'true' if page is valid, else 'false'.
-         * @return {?}
-         */
-        TdPagingBarComponent.prototype.prevPage = /**
          * prevPage?: function
          * Navigates to the previous page. Returns 'true' if page is valid, else 'false'.
          * @return {?}
          */
-        function () {
+        TdPagingBarComponent.prototype.prevPage = function () {
             return this.navigateToPage(this._page - 1);
         };
-        /**
-         * nextPage?: function
-         * Navigates to the next page. Returns 'true' if page is valid, else 'false'.
-         */
         /**
          * nextPage?: function
          * Navigates to the next page. Returns 'true' if page is valid, else 'false'.
          * @return {?}
          */
-        TdPagingBarComponent.prototype.nextPage = /**
-         * nextPage?: function
-         * Navigates to the next page. Returns 'true' if page is valid, else 'false'.
-         * @return {?}
-         */
-        function () {
+        TdPagingBarComponent.prototype.nextPage = function () {
             return this.navigateToPage(this._page + 1);
         };
-        /**
-         * lastPage?: function
-         * Navigates to the last page. Returns 'true' if page is valid, else 'false'.
-         */
         /**
          * lastPage?: function
          * Navigates to the last page. Returns 'true' if page is valid, else 'false'.
          * @return {?}
          */
-        TdPagingBarComponent.prototype.lastPage = /**
-         * lastPage?: function
-         * Navigates to the last page. Returns 'true' if page is valid, else 'false'.
-         * @return {?}
-         */
-        function () {
+        TdPagingBarComponent.prototype.lastPage = function () {
             return this.navigateToPage(this.maxPage);
         };
         /**
          * @return {?}
          */
-        TdPagingBarComponent.prototype.isMinPage = /**
-         * @return {?}
-         */
-        function () {
+        TdPagingBarComponent.prototype.isMinPage = function () {
             return this._page <= 1;
         };
         /**
          * @return {?}
          */
-        TdPagingBarComponent.prototype.isMaxPage = /**
-         * @return {?}
-         */
-        function () {
+        TdPagingBarComponent.prototype.isMaxPage = function () {
             return this._page >= this.maxPage;
         };
         /**
          * @private
          * @return {?}
          */
-        TdPagingBarComponent.prototype._calculateRows = /**
-         * @private
-         * @return {?}
-         */
-        function () {
+        TdPagingBarComponent.prototype._calculateRows = function () {
             /** @type {?} */
             var 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
-         */
         /**
          * _calculatePageLinks?: function
          * Calculates the page links that should be shown to the user based on the current state of the paginator
          * @private
          * @return {?}
          */
-        TdPagingBarComponent.prototype._calculatePageLinks = /**
-         * _calculatePageLinks?: function
-         * Calculates the page links that should be shown to the user based on the current state of the paginator
-         * @private
-         * @return {?}
-         */
-        function () {
+        TdPagingBarComponent.prototype._calculatePageLinks = function () {
             // special case when 2 pageLinks, detect when hit end of pages so can lead in correct direction
             if (this.isMaxPage()) {
                 this._hitEnd = true;
@@ -418,11 +326,7 @@
          * @private
          * @return {?}
          */
-        TdPagingBarComponent.prototype._handleOnChange = /**
-         * @private
-         * @return {?}
-         */
-        function () {
+        TdPagingBarComponent.prototype._handleOnChange = function () {
             this._calculateRows();
             this._calculatePageLinks();
             /** @type {?} */
@@ -437,29 +341,29 @@
             this._changeDetectorRef.markForCheck();
             this.change.emit(event);
         };
-        TdPagingBarComponent.decorators = [
-            { type: core.Component, args: [{
-                        changeDetection: core.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{height:48px;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:end;justify-content:flex-end}: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 = function () { return [
-            { type: bidi.Dir, decorators: [{ type: core.Optional }] },
-            { type: core.ChangeDetectorRef }
-        ]; };
-        TdPagingBarComponent.propDecorators = {
-            firstLast: [{ type: core.Input }],
-            initialPage: [{ type: core.Input }],
-            pageLinkCount: [{ type: core.Input, args: ['pageLinkCount',] }],
-            pageSize: [{ type: core.Input, args: ['pageSize',] }],
-            total: [{ type: core.Input, args: ['total',] }],
-            change: [{ type: core.Output }]
-        };
         return TdPagingBarComponent;
     }());
+    TdPagingBarComponent.decorators = [
+        { type: core.Component, args: [{
+                    changeDetection: core.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 = function () { return [
+        { type: bidi.Dir, decorators: [{ type: core.Optional }] },
+        { type: core.ChangeDetectorRef }
+    ]; };
+    TdPagingBarComponent.propDecorators = {
+        firstLast: [{ type: core.Input }],
+        initialPage: [{ type: core.Input }],
+        pageLinkCount: [{ type: core.Input, args: ['pageLinkCount',] }],
+        pageSize: [{ type: core.Input, args: ['pageSize',] }],
+        total: [{ type: core.Input, args: ['total',] }],
+        change: [{ type: core.Output }]
+    };
     if (false) {
         /**
          * @type {?}
@@ -544,20 +448,39 @@
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: paging.module.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var CovalentPagingModule = /** @class */ (function () {
         function CovalentPagingModule() {
         }
-        CovalentPagingModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [common.CommonModule, icon.MatIconModule, button.MatButtonModule],
-                        declarations: [TdPagingBarComponent],
-                        exports: [TdPagingBarComponent],
-                    },] }
-        ];
         return CovalentPagingModule;
     }());
+    CovalentPagingModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [common.CommonModule, icon.MatIconModule, button.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
+     */
 
     exports.CovalentPagingModule = CovalentPagingModule;
     exports.TdPagingBarComponent = TdPagingBarComponent;