@covalent/core 3.1.0 → 3.1.2-beta.6

package/fesm5/covalent-core-menu.js

@@ -1,58 +0,0 @@
-import { Component, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatMenuModule } from '@angular/material/menu';
-import { MatDividerModule } from '@angular/material/divider';
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var TdMenuComponent = /** @class */ (function () {
-    function TdMenuComponent() {
-    }
-    TdMenuComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'td-menu',
-                    template: "<ng-content select=\"[td-menu-header]\"></ng-content>\n<mat-divider></mat-divider>\n<div class=\"td-menu-content\">\n  <ng-content></ng-content>\n</div>\n<mat-divider></mat-divider>\n<ng-content select=\"[td-menu-footer]\"></ng-content>\n",
-                    styles: [":host{margin-top:-8px;margin-bottom:-8px;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host ::ng-deep [td-menu-header]{padding:8px;text-align:center}:host ::ng-deep mat-list a[mat-list-item].mat-2-line,:host ::ng-deep mat-list mat-list-item.mat-2-line,:host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line,:host ::ng-deep mat-list[dense] mat-list-item.mat-2-line,:host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line,:host ::ng-deep mat-nav-list mat-list-item.mat-2-line,:host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line,:host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line{height:auto}:host ::ng-deep mat-list a[mat-list-item].mat-2-line .mat-list-item-content,:host ::ng-deep mat-list mat-list-item.mat-2-line .mat-list-item-content,:host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content,:host ::ng-deep mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content,:host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content,:host ::ng-deep mat-nav-list mat-list-item.mat-2-line .mat-list-item-content,:host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content,:host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content{height:auto;padding:8px}:host ::ng-deep mat-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-nav-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,:host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text{padding-right:0}[dir=rtl] :host ::ng-deep mat-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-nav-list mat-list-item.mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content .mat-list-text,[dir=rtl] :host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content .mat-list-text{padding-left:0;padding-right:16px}:host ::ng-deep mat-list a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-list mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-list[dense] mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-nav-list a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-nav-list mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-nav-list[dense] a[mat-list-item].mat-2-line .mat-list-item-content [matLine]+[matLine],:host ::ng-deep mat-nav-list[dense] mat-list-item.mat-2-line .mat-list-item-content [matLine]+[matLine]{margin-top:4px}.td-menu-content{max-height:calc(50vh);overflow-y:auto}"]
-                }] }
-    ];
-    return TdMenuComponent;
-}());
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-var TD_MENU = [TdMenuComponent];
-var CovalentMenuModule = /** @class */ (function () {
-    function CovalentMenuModule() {
-    }
-    CovalentMenuModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, MatMenuModule, MatDividerModule],
-                    declarations: [TD_MENU],
-                    exports: [TD_MENU],
-                },] }
-    ];
-    return CovalentMenuModule;
-}());
-
-/**
- * @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 { CovalentMenuModule, TdMenuComponent };
-//# sourceMappingURL=covalent-core-menu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-menu.js","sources":["ng://@covalent/core/menu/menu.component.ts","ng://@covalent/core/menu/menu.module.ts"],"sourcesContent":["import { Component } from '@angular/core';\n\n@Component({\n  selector: 'td-menu',\n  templateUrl: './menu.component.html',\n  styleUrls: ['./menu.component.scss'],\n})\nexport class TdMenuComponent {}\n","import { Type } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { MatDividerModule } from '@angular/material/divider';\n\nimport { TdMenuComponent } from './menu.component';\n\nconst TD_MENU: Type<any>[] = [TdMenuComponent];\n\n@NgModule({\n  imports: [CommonModule, MatMenuModule, MatDividerModule],\n  declarations: [TD_MENU],\n  exports: [TD_MENU],\n})\nexport class CovalentMenuModule {}\n"],"names":[],"mappings":";;;;;;;;;;IAEA;KAK+B;;gBAL9B,SAAS,SAAC;oBACT,QAAQ,EAAE,SAAS;oBACnB,0PAAoC;;iBAErC;;IAC6B,sBAAC;CAL/B;;;;;;;ICOM,OAAO,GAAgB,CAAC,eAAe,CAAC;;IAE9C;KAKkC;;gBALjC,QAAQ,SAAC;oBACR,OAAO,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,gBAAgB,CAAC;oBACxD,YAAY,EAAE,CAAC,OAAO,CAAC;oBACvB,OAAO,EAAE,CAAC,OAAO,CAAC;iBACnB;;IACgC,yBAAC;CALlC;;;;;;;;;;;;;;;;;;;"}

package/fesm5/covalent-core-message.js

@@ -1,439 +0,0 @@
-import { Directive, ViewContainerRef, Component, Renderer2, ChangeDetectorRef, ElementRef, ViewChild, TemplateRef, HostBinding, Input, HostListener, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatIconModule } from '@angular/material/icon';
-import { tdCollapseAnimation } from '@covalent/core/common';
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var TdMessageContainerDirective = /** @class */ (function () {
-    function TdMessageContainerDirective(viewContainer) {
-        this.viewContainer = viewContainer;
-    }
-    TdMessageContainerDirective.decorators = [
-        { type: Directive, args: [{
-                    selector: '[tdMessageContainer]',
-                },] }
-    ];
-    /** @nocollapse */
-    TdMessageContainerDirective.ctorParameters = function () { return [
-        { type: ViewContainerRef }
-    ]; };
-    return TdMessageContainerDirective;
-}());
-if (false) {
-    /** @type {?} */
-    TdMessageContainerDirective.prototype.viewContainer;
-}
-var TdMessageComponent = /** @class */ (function () {
-    function TdMessageComponent(_renderer, _changeDetectorRef, _elementRef) {
-        this._renderer = _renderer;
-        this._changeDetectorRef = _changeDetectorRef;
-        this._elementRef = _elementRef;
-        this._opened = true;
-        this._hidden = false;
-        this._animating = false;
-        this._initialized = false;
-        /**
-         * icon?: string
-         *
-         * The icon to be displayed before the title.
-         * Defaults to `info_outline` icon
-         */
-        this.icon = 'info_outline';
-        this._renderer.addClass(this._elementRef.nativeElement, 'td-message');
-    }
-    Object.defineProperty(TdMessageComponent.prototype, "collapsedAnimation", {
-        /**
-         * Binding host to tdCollapse animation
-         */
-        get: /**
-         * Binding host to tdCollapse animation
-         * @return {?}
-         */
-        function () {
-            return { value: !this._opened, duration: 100 };
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdMessageComponent.prototype, "hidden", {
-        /**
-         * Binding host to display style when hidden
-         */
-        get: /**
-         * Binding host to display style when hidden
-         * @return {?}
-         */
-        function () {
-            return this._hidden ? 'none' : undefined;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdMessageComponent.prototype, "color", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._color;
-        },
-        /**
-         * color?: primary | accent | warn
-         *
-         * Sets the color of the message.
-         * Can also use any material color: purple | light-blue, etc.
-         */
-        set: /**
-         * color?: primary | accent | warn
-         *
-         * Sets the color of the message.
-         * Can also use any material color: purple | light-blue, etc.
-         * @param {?} color
-         * @return {?}
-         */
-        function (color) {
-            this._renderer.removeClass(this._elementRef.nativeElement, 'mat-' + this._color);
-            this._renderer.removeClass(this._elementRef.nativeElement, 'bgc-' + this._color + '-100');
-            this._renderer.removeClass(this._elementRef.nativeElement, 'tc-' + this._color + '-700');
-            if (color === 'primary' || color === 'accent' || color === 'warn') {
-                this._renderer.addClass(this._elementRef.nativeElement, 'mat-' + color);
-            }
-            else {
-                this._renderer.addClass(this._elementRef.nativeElement, 'bgc-' + color + '-100');
-                this._renderer.addClass(this._elementRef.nativeElement, 'tc-' + color + '-700');
-            }
-            this._color = color;
-            this._changeDetectorRef.markForCheck();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TdMessageComponent.prototype, "opened", {
-        get: /**
-         * @return {?}
-         */
-        function () {
-            return this._opened;
-        },
-        /**
-         * opened?: boolean
-         *
-         * Shows or hiddes the message depending on its value.
-         * Defaults to 'true'.
-         */
-        set: /**
-         * opened?: boolean
-         *
-         * Shows or hiddes the message depending on its value.
-         * Defaults to 'true'.
-         * @param {?} opened
-         * @return {?}
-         */
-        function (opened) {
-            if (this._initialized) {
-                if (opened) {
-                    this.open();
-                }
-                else {
-                    this.close();
-                }
-            }
-            else {
-                this._opened = opened;
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * Detach element when close animation is finished to set animating state to false
-     * hidden state to true and detach element from DOM
-     */
-    /**
-     * Detach element when close animation is finished to set animating state to false
-     * hidden state to true and detach element from DOM
-     * @return {?}
-     */
-    TdMessageComponent.prototype.animationDoneListener = /**
-     * Detach element when close animation is finished to set animating state to false
-     * hidden state to true and detach element from DOM
-     * @return {?}
-     */
-    function () {
-        if (!this._opened) {
-            this._hidden = true;
-            this._detach();
-        }
-        this._animating = false;
-        this._changeDetectorRef.markForCheck();
-    };
-    /**
-     * Initializes the component and attaches the content.
-     */
-    /**
-     * Initializes the component and attaches the content.
-     * @return {?}
-     */
-    TdMessageComponent.prototype.ngAfterViewInit = /**
-     * Initializes the component and attaches the content.
-     * @return {?}
-     */
-    function () {
-        var _this = this;
-        Promise.resolve(undefined).then((/**
-         * @return {?}
-         */
-        function () {
-            if (_this._opened) {
-                _this._attach();
-            }
-            _this._initialized = true;
-        }));
-    };
-    /**
-     * Renders the message on screen
-     * Validates if there is an animation currently and if its already opened
-     */
-    /**
-     * Renders the message on screen
-     * Validates if there is an animation currently and if its already opened
-     * @return {?}
-     */
-    TdMessageComponent.prototype.open = /**
-     * Renders the message on screen
-     * Validates if there is an animation currently and if its already opened
-     * @return {?}
-     */
-    function () {
-        if (!this._opened && !this._animating) {
-            this._opened = true;
-            this._attach();
-            this._startAnimationState();
-        }
-    };
-    /**
-     * Removes the message content from screen.
-     * Validates if there is an animation currently and if its already closed
-     */
-    /**
-     * Removes the message content from screen.
-     * Validates if there is an animation currently and if its already closed
-     * @return {?}
-     */
-    TdMessageComponent.prototype.close = /**
-     * Removes the message content from screen.
-     * Validates if there is an animation currently and if its already closed
-     * @return {?}
-     */
-    function () {
-        if (this._opened && !this._animating) {
-            this._opened = false;
-            this._startAnimationState();
-        }
-    };
-    /**
-     * Toggles between open and close depending on state.
-     */
-    /**
-     * Toggles between open and close depending on state.
-     * @return {?}
-     */
-    TdMessageComponent.prototype.toggle = /**
-     * Toggles between open and close depending on state.
-     * @return {?}
-     */
-    function () {
-        if (this._opened) {
-            this.close();
-        }
-        else {
-            this.open();
-        }
-    };
-    /**
-     * Method to set the state before starting an animation
-     */
-    /**
-     * Method to set the state before starting an animation
-     * @private
-     * @return {?}
-     */
-    TdMessageComponent.prototype._startAnimationState = /**
-     * Method to set the state before starting an animation
-     * @private
-     * @return {?}
-     */
-    function () {
-        this._animating = true;
-        this._hidden = false;
-        this._changeDetectorRef.markForCheck();
-    };
-    /**
-     * Method to attach template to DOM
-     */
-    /**
-     * Method to attach template to DOM
-     * @private
-     * @return {?}
-     */
-    TdMessageComponent.prototype._attach = /**
-     * Method to attach template to DOM
-     * @private
-     * @return {?}
-     */
-    function () {
-        this._childElement.viewContainer.createEmbeddedView(this._template);
-        this._changeDetectorRef.markForCheck();
-    };
-    /**
-     * Method to detach template from DOM
-     */
-    /**
-     * Method to detach template from DOM
-     * @private
-     * @return {?}
-     */
-    TdMessageComponent.prototype._detach = /**
-     * Method to detach template from DOM
-     * @private
-     * @return {?}
-     */
-    function () {
-        this._childElement.viewContainer.clear();
-        this._changeDetectorRef.markForCheck();
-    };
-    TdMessageComponent.decorators = [
-        { type: Component, args: [{
-                    selector: 'td-message',
-                    template: "<div tdMessageContainer></div>\n<ng-template>\n  <div class=\"td-message-wrapper\">\n    <mat-icon class=\"td-message-icon\">{{ icon }}</mat-icon>\n    <div class=\"td-message-labels\">\n      <div *ngIf=\"label\" class=\"td-message-label\">{{ label }}</div>\n      <div *ngIf=\"sublabel\" class=\"td-message-sublabel\">{{ sublabel }}</div>\n    </div>\n    <ng-content select=\"[td-message-actions]\"></ng-content>\n  </div>\n</ng-template>\n",
-                    animations: [tdCollapseAnimation],
-                    styles: [":host{display:block}:host .td-message-wrapper{padding:8px 16px;min-height:52px;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:start;justify-content:flex-start}:host .td-message-wrapper .td-message-labels{-ms-flex:1;flex:1}.td-message-icon{margin-right:16px}::ng-deep [dir=rtl] .td-message-icon{margin-left:16px;margin-right:0}"]
-                }] }
-    ];
-    /** @nocollapse */
-    TdMessageComponent.ctorParameters = function () { return [
-        { type: Renderer2 },
-        { type: ChangeDetectorRef },
-        { type: ElementRef }
-    ]; };
-    TdMessageComponent.propDecorators = {
-        _childElement: [{ type: ViewChild, args: [TdMessageContainerDirective, { static: true },] }],
-        _template: [{ type: ViewChild, args: [TemplateRef,] }],
-        collapsedAnimation: [{ type: HostBinding, args: ['@tdCollapse',] }],
-        hidden: [{ type: HostBinding, args: ['style.display',] }],
-        label: [{ type: Input }],
-        sublabel: [{ type: Input }],
-        icon: [{ type: Input }],
-        color: [{ type: Input, args: ['color',] }],
-        opened: [{ type: Input, args: ['opened',] }],
-        animationDoneListener: [{ type: HostListener, args: ['@tdCollapse.done',] }]
-    };
-    return TdMessageComponent;
-}());
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._color;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._opened;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._hidden;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._animating;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._initialized;
-    /** @type {?} */
-    TdMessageComponent.prototype._childElement;
-    /** @type {?} */
-    TdMessageComponent.prototype._template;
-    /**
-     * label: string
-     *
-     * Sets the label of the message.
-     * @type {?}
-     */
-    TdMessageComponent.prototype.label;
-    /**
-     * sublabel?: string
-     *
-     * Sets the sublabel of the message.
-     * @type {?}
-     */
-    TdMessageComponent.prototype.sublabel;
-    /**
-     * icon?: string
-     *
-     * The icon to be displayed before the title.
-     * Defaults to `info_outline` icon
-     * @type {?}
-     */
-    TdMessageComponent.prototype.icon;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._renderer;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._changeDetectorRef;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdMessageComponent.prototype._elementRef;
-}
-
-/**
- * @fileoverview added by tsickle
- * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-var TD_MESSAGE = [TdMessageComponent, TdMessageContainerDirective];
-var CovalentMessageModule = /** @class */ (function () {
-    function CovalentMessageModule() {
-    }
-    CovalentMessageModule.decorators = [
-        { type: NgModule, args: [{
-                    imports: [CommonModule, MatIconModule],
-                    declarations: [TD_MESSAGE],
-                    exports: [TD_MESSAGE],
-                },] }
-    ];
-    return CovalentMessageModule;
-}());
-
-/**
- * @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 { CovalentMessageModule, TdMessageComponent, TdMessageContainerDirective };
-//# sourceMappingURL=covalent-core-message.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-message.js","sources":["ng://@covalent/core/message/message.component.ts","ng://@covalent/core/message/message.module.ts"],"sourcesContent":["import {\n  Component,\n  Directive,\n  Input,\n  Renderer2,\n  ElementRef,\n  AfterViewInit,\n  ViewContainerRef,\n  TemplateRef,\n  ViewChild,\n  HostBinding,\n  HostListener,\n  ChangeDetectorRef,\n} from '@angular/core';\n\nimport { tdCollapseAnimation } from '@covalent/core/common';\n\n@Directive({\n  selector: '[tdMessageContainer]',\n})\nexport class TdMessageContainerDirective {\n  constructor(public viewContainer: ViewContainerRef) {}\n}\n\n@Component({\n  selector: 'td-message',\n  templateUrl: './message.component.html',\n  styleUrls: ['./message.component.scss'],\n  animations: [tdCollapseAnimation],\n})\nexport class TdMessageComponent implements AfterViewInit {\n  private _color: string;\n  private _opened: boolean = true;\n  private _hidden: boolean = false;\n  private _animating: boolean = false;\n  private _initialized: boolean = false;\n\n  @ViewChild(TdMessageContainerDirective, { static: true }) _childElement: TdMessageContainerDirective;\n  @ViewChild(TemplateRef) _template: TemplateRef<any>;\n\n  /**\n   * Binding host to tdCollapse animation\n   */\n  @HostBinding('@tdCollapse')\n  get collapsedAnimation(): any {\n    return { value: !this._opened, duration: 100 };\n  }\n\n  /**\n   * Binding host to display style when hidden\n   */\n  @HostBinding('style.display')\n  get hidden(): string {\n    return this._hidden ? 'none' : undefined;\n  }\n\n  /**\n   * label: string\n   *\n   * Sets the label of the message.\n   */\n  @Input() label: string;\n\n  /**\n   * sublabel?: string\n   *\n   * Sets the sublabel of the message.\n   */\n  @Input() sublabel: string;\n\n  /**\n   * icon?: string\n   *\n   * The icon to be displayed before the title.\n   * Defaults to `info_outline` icon\n   */\n  @Input() icon: string = 'info_outline';\n\n  /**\n   * color?: primary | accent | warn\n   *\n   * Sets the color of the message.\n   * Can also use any material color: purple | light-blue, etc.\n   */\n  @Input('color')\n  set color(color: string) {\n    this._renderer.removeClass(this._elementRef.nativeElement, 'mat-' + this._color);\n    this._renderer.removeClass(this._elementRef.nativeElement, 'bgc-' + this._color + '-100');\n    this._renderer.removeClass(this._elementRef.nativeElement, 'tc-' + this._color + '-700');\n    if (color === 'primary' || color === 'accent' || color === 'warn') {\n      this._renderer.addClass(this._elementRef.nativeElement, 'mat-' + color);\n    } else {\n      this._renderer.addClass(this._elementRef.nativeElement, 'bgc-' + color + '-100');\n      this._renderer.addClass(this._elementRef.nativeElement, 'tc-' + color + '-700');\n    }\n    this._color = color;\n    this._changeDetectorRef.markForCheck();\n  }\n  get color(): string {\n    return this._color;\n  }\n\n  /**\n   * opened?: boolean\n   *\n   * Shows or hiddes the message depending on its value.\n   * Defaults to 'true'.\n   */\n  @Input('opened')\n  set opened(opened: boolean) {\n    if (this._initialized) {\n      if (opened) {\n        this.open();\n      } else {\n        this.close();\n      }\n    } else {\n      this._opened = opened;\n    }\n  }\n  get opened(): boolean {\n    return this._opened;\n  }\n\n  constructor(\n    private _renderer: Renderer2,\n    private _changeDetectorRef: ChangeDetectorRef,\n    private _elementRef: ElementRef,\n  ) {\n    this._renderer.addClass(this._elementRef.nativeElement, 'td-message');\n  }\n\n  /**\n   * Detach element when close animation is finished to set animating state to false\n   * hidden state to true and detach element from DOM\n   */\n  @HostListener('@tdCollapse.done')\n  animationDoneListener(): void {\n    if (!this._opened) {\n      this._hidden = true;\n      this._detach();\n    }\n    this._animating = false;\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Initializes the component and attaches the content.\n   */\n  ngAfterViewInit(): void {\n    Promise.resolve(undefined).then(() => {\n      if (this._opened) {\n        this._attach();\n      }\n      this._initialized = true;\n    });\n  }\n\n  /**\n   * Renders the message on screen\n   * Validates if there is an animation currently and if its already opened\n   */\n  open(): void {\n    if (!this._opened && !this._animating) {\n      this._opened = true;\n      this._attach();\n      this._startAnimationState();\n    }\n  }\n\n  /**\n   * Removes the message content from screen.\n   * Validates if there is an animation currently and if its already closed\n   */\n  close(): void {\n    if (this._opened && !this._animating) {\n      this._opened = false;\n      this._startAnimationState();\n    }\n  }\n\n  /**\n   * Toggles between open and close depending on state.\n   */\n  toggle(): void {\n    if (this._opened) {\n      this.close();\n    } else {\n      this.open();\n    }\n  }\n\n  /**\n   * Method to set the state before starting an animation\n   */\n  private _startAnimationState(): void {\n    this._animating = true;\n    this._hidden = false;\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Method to attach template to DOM\n   */\n  private _attach(): void {\n    this._childElement.viewContainer.createEmbeddedView(this._template);\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Method to detach template from DOM\n   */\n  private _detach(): void {\n    this._childElement.viewContainer.clear();\n    this._changeDetectorRef.markForCheck();\n  }\n}\n","import { Type } from '@angular/core';\nimport { NgModule } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdMessageComponent, TdMessageContainerDirective } from './message.component';\n\nconst TD_MESSAGE: Type<any>[] = [TdMessageComponent, TdMessageContainerDirective];\n\n@NgModule({\n  imports: [CommonModule, MatIconModule],\n  declarations: [TD_MESSAGE],\n  exports: [TD_MESSAGE],\n})\nexport class CovalentMessageModule {}\n"],"names":[],"mappings":"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"}