@covalent/core 3.1.0 → 3.1.2-beta.6

package/fesm5/covalent-core-nav-links.js

@@ -1,224 +0,0 @@
-import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { RouterModule } from '@angular/router';
-import { MatRippleModule } from '@angular/material/core';
-import { MatListModule } from '@angular/material/list';
-import { MatIconModule } from '@angular/material/icon';
-import { MatDividerModule } from '@angular/material/divider';
-import { MatMenuModule } from '@angular/material/menu';
-import { tdCollapseAnimation, tdRotateAnimation, CovalentCommonModule } from '@covalent/core/common';
-import { CovalentExpansionPanelModule } from '@covalent/core/expansion-panel';
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/**
- * @record
- */
-function ITdNavNode() { }
-if (false) {
-    /** @type {?} */
-    ITdNavNode.prototype.label;
-    /** @type {?|undefined} */
-    ITdNavNode.prototype.show;
-}
-/**
- * @record
- */
-function ITdNavHeader() { }
-if (false) {
-    /** @type {?} */
-    ITdNavHeader.prototype.children;
-}
-/**
- * @record
- */
-function ITdNavExpansion() { }
-if (false) {
-    /** @type {?|undefined} */
-    ITdNavExpansion.prototype.collapsable;
-}
-/**
- * @record
- */
-function ITdLink() { }
-if (false) {
-    /** @type {?} */
-    ITdLink.prototype.link;
-    /** @type {?} */
-    ITdLink.prototype.icon;
-}
-/** @type {?} */
-var nextUniqueId = 0;
-var TdNavLinksComponent = /** @class */ (function () {
-    function TdNavLinksComponent() {
-        this._uniqueId = "td-nav-links-" + ++nextUniqueId;
-        this._collapsedSet = new Set();
-        this.id = this._uniqueId;
-        /**
-         * Event trigger after a navigation click
-         */
-        this.afterNavigation = new EventEmitter();
-    }
-    /**
-     * @param {?} link
-     * @return {?}
-     */
-    TdNavLinksComponent.prototype._linkClicked = /**
-     * @param {?} link
-     * @return {?}
-     */
-    function (link) {
-        this.afterNavigation.emit(link);
-    };
-    /**
-     * @param {?} link
-     * @return {?}
-     */
-    TdNavLinksComponent.prototype._href = /**
-     * @param {?} link
-     * @return {?}
-     */
-    function (link) {
-        return link.link && ((/** @type {?} */ (link.link))).href;
-    };
-    /**
-     * @param {?} link
-     * @return {?}
-     */
-    TdNavLinksComponent.prototype._routerLink = /**
-     * @param {?} link
-     * @return {?}
-     */
-    function (link) {
-        return link.link && ((/** @type {?} */ (link.link))).routerLink;
-    };
-    /**
-     * @param link
-     * Toggles expand/collapse state of expansion link.
-     * Only applied when `collapsable` is true
-     */
-    /**
-     * @param {?} link
-     * Toggles expand/collapse state of expansion link.
-     * Only applied when `collapsable` is true
-     * @return {?}
-     */
-    TdNavLinksComponent.prototype._toggle = /**
-     * @param {?} link
-     * Toggles expand/collapse state of expansion link.
-     * Only applied when `collapsable` is true
-     * @return {?}
-     */
-    function (link) {
-        if (this._isCollapsed(link)) {
-            this._collapsedSet.delete(link);
-        }
-        else {
-            this._collapsedSet.add(link);
-        }
-    };
-    /**
-     * @param link
-     * Returns true if the state of provided expansion link is collapsed.
-     */
-    /**
-     * @param {?} link
-     * Returns true if the state of provided expansion link is collapsed.
-     * @return {?}
-     */
-    TdNavLinksComponent.prototype._isCollapsed = /**
-     * @param {?} link
-     * Returns true if the state of provided expansion link is collapsed.
-     * @return {?}
-     */
-    function (link) {
-        return this._collapsedSet.has(link);
-    };
-    TdNavLinksComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'td-nav-links',
-                    template: "<mat-nav-list dense *ngIf=\"links && links.length > 0\">\n  <ng-template ngFor [ngForOf]=\"links\" let-link let-linkIndex=\"index\">\n    <ng-container *ngIf=\"link.show === undefined || link.show\">\n      <ng-container *ngIf=\"link.children?.length && !link.link\">\n        <h3\n          [class.td-nav-link-cursor]=\"link.collapsable\"\n          matSubheader\n          matRipple\n          [matRippleDisabled]=\"!link.collapsable\"\n          (click)=\"link.collapsable && _toggle(link)\"\n        >\n          <mat-icon *ngIf=\"link.icon\" [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n          <span [style.width.%]=\"100\">{{ link.label }}</span>\n          <mat-icon [@tdRotate]=\"!_isCollapsed(link)\" *ngIf=\"link.collapsable\">keyboard_arrow_down</mat-icon>\n        </h3>\n        <td-nav-links\n          [id]=\"id + '-' + linkIndex\"\n          [@tdCollapse]=\"!!_isCollapsed(link)\"\n          [links]=\"link.children\"\n        ></td-nav-links>\n      </ng-container>\n      <ng-container *ngIf=\"link.link\">\n        <a\n          mat-list-item\n          *ngIf=\"_href(link)\"\n          [href]=\"_href(link)\"\n          [target]=\"link.link.openInNewTab ? '_blank' : undefined\"\n          id=\"{{ id }}-{{ linkIndex }}\"\n          class=\"td-nav-link\"\n          (click)=\"_linkClicked(link)\"\n        >\n          <mat-icon matListIcon [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n          <span matLine>{{ link.label }}</span>\n          <mat-icon *ngIf=\"link.link.openInNewTab\">launch</mat-icon>\n        </a>\n        <a\n          mat-list-item\n          *ngIf=\"_routerLink(link)\"\n          [routerLink]=\"_routerLink(link)\"\n          [target]=\"link.link.openInNewTab ? '_blank' : undefined\"\n          id=\"{{ id }}-{{ linkIndex }}\"\n          class=\"td-nav-link\"\n          (click)=\"_linkClicked(link)\"\n        >\n          <mat-icon matListIcon [fontSet]=\"link.icon?.fontSet\">{{ link.icon?.name }}</mat-icon>\n          <span matLine>{{ link.label }}</span>\n          <mat-icon *ngIf=\"link.link.openInNewTab\">launch</mat-icon>\n        </a>\n      </ng-container>\n    </ng-container>\n  </ng-template>\n</mat-nav-list>\n",
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    animations: [tdCollapseAnimation, tdRotateAnimation],
-                    styles: [":host{display:block}:host .mat-nav-list.mat-list-base{padding-top:2px}:host .mat-nav-list.mat-list-base .td-nav-link-cursor{cursor:pointer}:host .mat-nav-list.mat-list-base .mat-list-item{height:40px}:host .mat-icon{margin-right:0}"]
-                }] }
-    ];
-    TdNavLinksComponent.propDecorators = {
-        id: [{ type: Input }],
-        links: [{ type: Input }],
-        afterNavigation: [{ type: Output }]
-    };
-    return TdNavLinksComponent;
-}());
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdNavLinksComponent.prototype._uniqueId;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdNavLinksComponent.prototype._collapsedSet;
-    /** @type {?} */
-    TdNavLinksComponent.prototype.id;
-    /**
-     * Links to be rendered by component.
-     * @type {?}
-     */
-    TdNavLinksComponent.prototype.links;
-    /**
-     * Event trigger after a navigation click
-     * @type {?}
-     */
-    TdNavLinksComponent.prototype.afterNavigation;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var CovalentNavLinksModule = /** @class */ (function () {
-    function CovalentNavLinksModule() {
-    }
-    CovalentNavLinksModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [TdNavLinksComponent],
-                    // directives, components, and pipes owned by this NgModule
-                    exports: [TdNavLinksComponent],
-                    imports: [
-                        CommonModule,
-                        CovalentCommonModule,
-                        CovalentExpansionPanelModule,
-                        MatRippleModule,
-                        MatMenuModule,
-                        MatListModule,
-                        MatIconModule,
-                        MatDividerModule,
-                        RouterModule,
-                    ],
-                },] }
-    ];
-    return CovalentNavLinksModule;
-}());
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentNavLinksModule, TdNavLinksComponent };
-//# sourceMappingURL=covalent-core-nav-links.js.map

package/fesm5/covalent-core-nav-links.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-nav-links.js","sources":["ng://@covalent/core/nav-links/nav-links.component.ts","ng://@covalent/core/nav-links/nav-links.module.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\n\nimport { tdCollapseAnimation, tdRotateAnimation } from '@covalent/core/common';\n\nexport interface ITdNavNode {\n  label: string;\n  show?: boolean;\n}\n\nexport interface ITdNavHeader extends ITdNavNode {\n  children: ITdLink[];\n}\n\nexport interface ITdNavExpansion extends ITdNavHeader {\n  collapsable?: boolean;\n}\n\nexport interface ITdLink extends ITdNavNode {\n  link: { href: string; openInNewTab?: boolean } | { routerLink: string | string[]; openInNewTab?: boolean };\n  icon: { fontSet?: string; name: string };\n}\n\nlet nextUniqueId: number = 0;\n\n@Component({\n  selector: 'td-nav-links',\n  templateUrl: './nav-links.component.html',\n  styleUrls: ['./nav-links.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [tdCollapseAnimation, tdRotateAnimation],\n})\nexport class TdNavLinksComponent {\n  private _uniqueId: string = `td-nav-links-${++nextUniqueId}`;\n\n  private _collapsedSet: Set<ITdNavExpansion> = new Set<ITdNavExpansion>();\n\n  @Input() id: string = this._uniqueId;\n\n  /**\n   * Links to be rendered by component.\n   */\n  /* tslint:disable-next-line */\n  @Input() links: Array<ITdNavExpansion | ITdNavHeader | ITdLink>;\n\n  /**\n   * Event trigger after a navigation click\n   */\n  @Output() afterNavigation: EventEmitter<ITdLink> = new EventEmitter<ITdLink>();\n\n  _linkClicked(link: ITdLink): void {\n    this.afterNavigation.emit(link);\n  }\n\n  _href(link: ITdLink): string {\n    return link.link && (<{ href?: string }>link.link).href;\n  }\n\n  _routerLink(link: ITdLink): string | string[] {\n    return link.link && (<{ routerLink?: string | string[] }>link.link).routerLink;\n  }\n\n  /**\n   * @param link\n   * Toggles expand/collapse state of expansion link.\n   * Only applied when `collapsable` is true\n   */\n  _toggle(link: ITdNavExpansion): void {\n    if (this._isCollapsed(link)) {\n      this._collapsedSet.delete(link);\n    } else {\n      this._collapsedSet.add(link);\n    }\n  }\n\n  /**\n   * @param link\n   * Returns true if the state of provided expansion link is collapsed.\n   */\n  _isCollapsed(link: ITdNavExpansion): boolean {\n    return this._collapsedSet.has(link);\n  }\n}\n","import { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatListModule } from '@angular/material/list';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatDividerModule } from '@angular/material/divider';\nimport { MatMenuModule } from '@angular/material/menu';\n\nimport { CovalentCommonModule } from '@covalent/core/common';\nimport { CovalentExpansionPanelModule } from '@covalent/core/expansion-panel';\n\nimport { TdNavLinksComponent } from './nav-links.component';\n\n@NgModule({\n  declarations: [TdNavLinksComponent], // directives, components, and pipes owned by this NgModule\n  exports: [TdNavLinksComponent],\n  imports: [\n    CommonModule,\n    CovalentCommonModule,\n    CovalentExpansionPanelModule,\n    MatRippleModule,\n    MatMenuModule,\n    MatListModule,\n    MatIconModule,\n    MatDividerModule,\n    RouterModule,\n  ], // modules needed to run this module\n})\nexport class CovalentNavLinksModule {}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;yBAOC;;;IAFC,2BAAc;;IACd,0BAAe;;;;;2BAKhB;;;IADC,gCAAoB;;;;;8BAKrB;;;IADC,sCAAsB;;;;;sBAMvB;;;IAFC,uBAA2G;;IAC3G,uBAAyC;;;IAGvC,YAAY,GAAW,CAAC;;IAE5B;QAQU,cAAS,GAAW,kBAAgB,EAAE,YAAc,CAAC;QAErD,kBAAa,GAAyB,IAAI,GAAG,EAAmB,CAAC;QAEhE,OAAE,GAAW,IAAI,CAAC,SAAS,CAAC;;;;QAW3B,oBAAe,GAA0B,IAAI,YAAY,EAAW,CAAC;KAkChF;;;;;IAhCC,0CAAY;;;;IAAZ,UAAa,IAAa;QACxB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACjC;;;;;IAED,mCAAK;;;;IAAL,UAAM,IAAa;QACjB,OAAO,IAAI,CAAC,IAAI,IAAI,oBAAoB,IAAI,CAAC,IAAI,IAAE,IAAI,CAAC;KACzD;;;;;IAED,yCAAW;;;;IAAX,UAAY,IAAa;QACvB,OAAO,IAAI,CAAC,IAAI,IAAI,oBAAqC,IAAI,CAAC,IAAI,IAAE,UAAU,CAAC;KAChF;;;;;;;;;;;;IAOD,qCAAO;;;;;;IAAP,UAAQ,IAAqB;QAC3B,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE;YAC3B,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SACjC;aAAM;YACL,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SAC9B;KACF;;;;;;;;;;IAMD,0CAAY;;;;;IAAZ,UAAa,IAAqB;QAChC,OAAO,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;KACrC;;gBAxDF,SAAS,SAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,0rEAAyC;oBAEzC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,UAAU,EAAE,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;iBACrD;;;qBAME,KAAK;wBAML,KAAK;kCAKL,MAAM;;IAkCT,0BAAC;CAzDD,IAyDC;;;;;;IAjDC,wCAA6D;;;;;IAE7D,4CAAyE;;IAEzE,iCAAqC;;;;;IAMrC,oCAAgE;;;;;IAKhE,8CAA+E;;;;;;;;IC/BjF;KAesC;;gBAfrC,QAAQ,SAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;;oBACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,OAAO,EAAE;wBACP,YAAY;wBACZ,oBAAoB;wBACpB,4BAA4B;wBAC5B,eAAe;wBACf,aAAa;wBACb,aAAa;wBACb,aAAa;wBACb,gBAAgB;wBAChB,YAAY;qBACb;iBACF;;IACoC,6BAAC;CAftC;;;;;;;;;;;;;;;;;;;"}

package/fesm5/covalent-core-notifications.js

@@ -1,303 +0,0 @@
-import { Component, ChangeDetectionStrategy, ViewChild, Input, HostBinding, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @enum {string} */
-var TdNotificationCountPositionY = {
-    Top: 'top',
-    Bottom: 'bottom',
-    Center: 'center',
-};
-/** @enum {string} */
-var TdNotificationCountPositionX = {
-    Before: 'before',
-    After: 'after',
-    Center: 'center',
-};
-/** @type {?} */
-var DEFAULT_NOTIFICATION_LIMIT = 99;
-var TdNotificationCountComponent = /** @class */ (function () {
-    function TdNotificationCountComponent() {
-        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';
-    }
-    Object.defineProperty(TdNotificationCountComponent.prototype, "positionX", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._positionX;
-        },
-        /**
-         * 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?: 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 {?}
-         */
-        function (positionX) {
-            this._positionX = positionX;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdNotificationCountComponent.prototype, "positionY", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._positionY;
-        },
-        /**
-         * 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?: 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 {?}
-         */
-        function (positionY) {
-            this._positionY = positionY;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdNotificationCountComponent.prototype, "notifications", {
-        /**
-         * notifications?: number | boolean
-         * Number for the notification count. Shows component only if the input is a positive number or 'true'
-         */
-        set: /**
-         * notifications?: number | boolean
-         * Number for the notification count. Shows component only if the input is a positive number or 'true'
-         * @param {?} notifications
-         * @return {?}
-         */
-        function (notifications) {
-            this._notifications = notifications;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdNotificationCountComponent.prototype, "limit", {
-        /**
-         * limit?: number
-         * Limit for notification count. If the number of notifications is greater than limit, then + will be added. Defaults to 99.
-         */
-        set: /**
-         * 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 {?}
-         */
-        function (limit) {
-            this._limit = limit;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdNotificationCountComponent.prototype, "hideHost", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return !this.show && !this._hasContent();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdNotificationCountComponent.prototype, "noCount", {
-        /**
-         * Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.
-         * Makes the notification tip show without a count.
-         */
-        get: /**
-         * Sets the component in its 'noCount' state if [notifications] is a boolean 'true'.
-         * Makes the notification tip show without a count.
-         * @return {?}
-         */
-        function () {
-            return this._notifications === true;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdNotificationCountComponent.prototype, "notificationsDisplay", {
-        /**
-         * Notification display string when a count is available.
-         * Anything over 99 gets set as 99+
-         */
-        get: /**
-         * Notification display string when a count is available.
-         * Anything over 99 gets set as 99+
-         * @return {?}
-         */
-        function () {
-            if (this._notifications > this._limit) {
-                return this._limit + "+";
-            }
-            return this._notifications.toString();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdNotificationCountComponent.prototype, "show", {
-        /**
-         * Shows notification tip only when [notifications] is true or a positive integer.
-         */
-        get: /**
-         * Shows notification tip only when [notifications] is true or a positive integer.
-         * @return {?}
-         */
-        function () {
-            return this._notifications === true || (!isNaN((/** @type {?} */ (this._notifications))) && this._notifications > 0);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.
-     */
-    /**
-     * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.
-     * @return {?}
-     */
-    TdNotificationCountComponent.prototype.ngAfterContentInit = /**
-     * Check if [positionX] and [positionY] have been set as inputs, else use defaults depending on component content.
-     * @return {?}
-     */
-    function () {
-        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)
-     */
-    /**
-     * Method to check if element has any kind of content (elements or text)
-     * @private
-     * @return {?}
-     */
-    TdNotificationCountComponent.prototype._hasContent = /**
-     * Method to check if element has any kind of content (elements or text)
-     * @private
-     * @return {?}
-     */
-    function () {
-        if (this.content) {
-            /** @type {?} */
-            var 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{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}"]
-                }] }
-    ];
-    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',] }]
-    };
-    return TdNotificationCountComponent;
-}());
-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
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-var TD_NOTIFICATIONS = [TdNotificationCountComponent];
-var CovalentNotificationsModule = /** @class */ (function () {
-    function CovalentNotificationsModule() {
-    }
-    CovalentNotificationsModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule],
-                    declarations: [TD_NOTIFICATIONS],
-                    exports: [TD_NOTIFICATIONS],
-                },] }
-    ];
-    return CovalentNotificationsModule;
-}());
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentNotificationsModule, DEFAULT_NOTIFICATION_LIMIT, TdNotificationCountComponent, TdNotificationCountPositionX, TdNotificationCountPositionY };
-//# sourceMappingURL=covalent-core-notifications.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-notifications.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":[],"mappings":"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"}