@covalent/core 3.1.0 → 3.1.2-beta.6

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

@@ -1,33 +1,42 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/material/icon'), require('@covalent/core/common')) :
     typeof define === 'function' && define.amd ? define('@covalent/core/message', ['exports', '@angular/core', '@angular/common', '@angular/material/icon', '@covalent/core/common'], factory) :
-    (global = global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.message = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.covalent.core.common));
-}(this, (function (exports, core, common, icon, common$1) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.message = {}), global.ng.core, global.ng.common, global.ng.material.icon, global.covalent.core.common));
+}(this, (function (exports, core, common$1, icon, common) { 'use strict';
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: message.component.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     var TdMessageContainerDirective = /** @class */ (function () {
+        /**
+         * @param {?} viewContainer
+         */
         function TdMessageContainerDirective(viewContainer) {
             this.viewContainer = viewContainer;
         }
-        TdMessageContainerDirective.decorators = [
-            { type: core.Directive, args: [{
-                        selector: '[tdMessageContainer]',
-                    },] }
-        ];
-        /** @nocollapse */
-        TdMessageContainerDirective.ctorParameters = function () { return [
-            { type: core.ViewContainerRef }
-        ]; };
         return TdMessageContainerDirective;
     }());
+    TdMessageContainerDirective.decorators = [
+        { type: core.Directive, args: [{
+                    selector: '[tdMessageContainer]',
+                },] }
+    ];
+    /** @nocollapse */
+    TdMessageContainerDirective.ctorParameters = function () { return [
+        { type: core.ViewContainerRef }
+    ]; };
     if (false) {
         /** @type {?} */
         TdMessageContainerDirective.prototype.viewContainer;
     }
     var TdMessageComponent = /** @class */ (function () {
+        /**
+         * @param {?} _renderer
+         * @param {?} _changeDetectorRef
+         * @param {?} _elementRef
+         */
         function TdMessageComponent(_renderer, _changeDetectorRef, _elementRef) {
             this._renderer = _renderer;
             this._changeDetectorRef = _changeDetectorRef;
@@ -47,46 +56,34 @@
         }
         Object.defineProperty(TdMessageComponent.prototype, "collapsedAnimation", {
             /**
-             * Binding host to tdCollapse animation
-             */
-            get: /**
              * Binding host to tdCollapse animation
              * @return {?}
              */
-            function () {
+            get: function () {
                 return { value: !this._opened, duration: 100 };
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdMessageComponent.prototype, "hidden", {
             /**
-             * Binding host to display style when hidden
-             */
-            get: /**
              * Binding host to display style when hidden
              * @return {?}
              */
-            function () {
+            get: function () {
                 return this._hidden ? 'none' : undefined;
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdMessageComponent.prototype, "color", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: 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.
@@ -94,7 +91,7 @@
              * @param {?} color
              * @return {?}
              */
-            function (color) {
+            set: 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');
@@ -108,23 +105,17 @@
                 this._color = color;
                 this._changeDetectorRef.markForCheck();
             },
-            enumerable: true,
+            enumerable: false,
             configurable: true
         });
         Object.defineProperty(TdMessageComponent.prototype, "opened", {
-            get: /**
+            /**
              * @return {?}
              */
-            function () {
+            get: 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.
@@ -132,7 +123,7 @@
              * @param {?} opened
              * @return {?}
              */
-            function (opened) {
+            set: function (opened) {
                 if (this._initialized) {
                     if (opened) {
                         this.open();
@@ -145,24 +136,15 @@
                     this._opened = opened;
                 }
             },
-            enumerable: true,
+            enumerable: false,
             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 () {
+        TdMessageComponent.prototype.animationDoneListener = function () {
             if (!this._opened) {
                 this._hidden = true;
                 this._detach();
@@ -171,43 +153,26 @@
             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 () {
+        TdMessageComponent.prototype.ngAfterViewInit = function () {
             var _this = this;
-            Promise.resolve(undefined).then((/**
+            Promise.resolve(undefined).then(( /**
              * @return {?}
-             */
-            function () {
+             */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 () {
+        TdMessageComponent.prototype.open = function () {
             if (!this._opened && !this._animating) {
                 this._opened = true;
                 this._attach();
@@ -215,37 +180,21 @@
             }
         };
         /**
-         * 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 () {
+        TdMessageComponent.prototype.close = 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 () {
+        TdMessageComponent.prototype.toggle = function () {
             if (this._opened) {
                 this.close();
             }
@@ -254,85 +203,61 @@
             }
         };
         /**
-         * 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 () {
+        TdMessageComponent.prototype._startAnimationState = 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 () {
+        TdMessageComponent.prototype._attach = 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 () {
+        TdMessageComponent.prototype._detach = function () {
             this._childElement.viewContainer.clear();
             this._changeDetectorRef.markForCheck();
         };
-        TdMessageComponent.decorators = [
-            { type: core.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: [common$1.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: core.Renderer2 },
-            { type: core.ChangeDetectorRef },
-            { type: core.ElementRef }
-        ]; };
-        TdMessageComponent.propDecorators = {
-            _childElement: [{ type: core.ViewChild, args: [TdMessageContainerDirective, { static: true },] }],
-            _template: [{ type: core.ViewChild, args: [core.TemplateRef,] }],
-            collapsedAnimation: [{ type: core.HostBinding, args: ['@tdCollapse',] }],
-            hidden: [{ type: core.HostBinding, args: ['style.display',] }],
-            label: [{ type: core.Input }],
-            sublabel: [{ type: core.Input }],
-            icon: [{ type: core.Input }],
-            color: [{ type: core.Input, args: ['color',] }],
-            opened: [{ type: core.Input, args: ['opened',] }],
-            animationDoneListener: [{ type: core.HostListener, args: ['@tdCollapse.done',] }]
-        };
         return TdMessageComponent;
     }());
+    TdMessageComponent.decorators = [
+        { type: core.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: [common.tdCollapseAnimation],
+                    styles: [":host{display:block}:host .td-message-wrapper{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:52px;padding:8px 16px}: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: core.Renderer2 },
+        { type: core.ChangeDetectorRef },
+        { type: core.ElementRef }
+    ]; };
+    TdMessageComponent.propDecorators = {
+        _childElement: [{ type: core.ViewChild, args: [TdMessageContainerDirective, { static: true },] }],
+        _template: [{ type: core.ViewChild, args: [core.TemplateRef,] }],
+        collapsedAnimation: [{ type: core.HostBinding, args: ['@tdCollapse',] }],
+        hidden: [{ type: core.HostBinding, args: ['style.display',] }],
+        label: [{ type: core.Input }],
+        sublabel: [{ type: core.Input }],
+        icon: [{ type: core.Input }],
+        color: [{ type: core.Input, args: ['color',] }],
+        opened: [{ type: core.Input, args: ['opened',] }],
+        animationDoneListener: [{ type: core.HostListener, args: ['@tdCollapse.done',] }]
+    };
     if (false) {
         /**
          * @type {?}
@@ -404,22 +329,41 @@
 
     /**
      * @fileoverview added by tsickle
-     * @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     * Generated from: message.module.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
      */
     /** @type {?} */
     var TD_MESSAGE = [TdMessageComponent, TdMessageContainerDirective];
     var CovalentMessageModule = /** @class */ (function () {
         function CovalentMessageModule() {
         }
-        CovalentMessageModule.decorators = [
-            { type: core.NgModule, args: [{
-                        imports: [common.CommonModule, icon.MatIconModule],
-                        declarations: [TD_MESSAGE],
-                        exports: [TD_MESSAGE],
-                    },] }
-        ];
         return CovalentMessageModule;
     }());
+    CovalentMessageModule.decorators = [
+        { type: core.NgModule, args: [{
+                    imports: [common$1.CommonModule, icon.MatIconModule],
+                    declarations: [TD_MESSAGE],
+                    exports: [TD_MESSAGE],
+                },] }
+    ];
+
+    /**
+     * @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-message.ts
+     * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+     */
 
     exports.CovalentMessageModule = CovalentMessageModule;
     exports.TdMessageComponent = TdMessageComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"covalent-core-message.umd.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":["Directive","ViewContainerRef","Component","tdCollapseAnimation","Renderer2","ChangeDetectorRef","ElementRef","ViewChild","TemplateRef","HostBinding","Input","HostListener","NgModule","CommonModule","MatIconModule"],"mappings":"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"}
+{"version":3,"file":"covalent-core-message.umd.js","sources":["../../../../src/platform/core/message/message.component.ts","../../../../src/platform/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":["Directive","ViewContainerRef","Component","tdCollapseAnimation","Renderer2","ChangeDetectorRef","ElementRef","ViewChild","TemplateRef","HostBinding","Input","HostListener","NgModule","CommonModule","MatIconModule"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@covalent/core/common")):"function"==typeof define&&define.amd?define("@covalent/core/message",["exports","@angular/core","@angular/common","@angular/material/icon","@covalent/core/common"],t):t(((e=e||self).covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core.message={}),e.ng.core,e.ng.common,e.ng.material.icon,e.covalent.core.common)}(this,(function(e,t,n,i,o){"use strict";var a=function(){function e(e){this.viewContainer=e}return e.decorators=[{type:t.Directive,args:[{selector:"[tdMessageContainer]"}]}],e.ctorParameters=function(){return[{type:t.ViewContainerRef}]},e}();var r=function(){function e(e,t,n){this._renderer=e,this._changeDetectorRef=t,this._elementRef=n,this._opened=!0,this._hidden=!1,this._animating=!1,this._initialized=!1,this.icon="info_outline",this._renderer.addClass(this._elementRef.nativeElement,"td-message")}return Object.defineProperty(e.prototype,"collapsedAnimation",{get:function(){return{value:!this._opened,duration:100}},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hidden",{get:function(){return this._hidden?"none":void 0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"color",{get:function(){return this._color},set:function(e){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"),"primary"===e||"accent"===e||"warn"===e?this._renderer.addClass(this._elementRef.nativeElement,"mat-"+e):(this._renderer.addClass(this._elementRef.nativeElement,"bgc-"+e+"-100"),this._renderer.addClass(this._elementRef.nativeElement,"tc-"+e+"-700")),this._color=e,this._changeDetectorRef.markForCheck()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"opened",{get:function(){return this._opened},set:function(e){this._initialized?e?this.open():this.close():this._opened=e},enumerable:!0,configurable:!0}),e.prototype.animationDoneListener=function(){this._opened||(this._hidden=!0,this._detach()),this._animating=!1,this._changeDetectorRef.markForCheck()},e.prototype.ngAfterViewInit=function(){var e=this;Promise.resolve(void 0).then((function(){e._opened&&e._attach(),e._initialized=!0}))},e.prototype.open=function(){this._opened||this._animating||(this._opened=!0,this._attach(),this._startAnimationState())},e.prototype.close=function(){this._opened&&!this._animating&&(this._opened=!1,this._startAnimationState())},e.prototype.toggle=function(){this._opened?this.close():this.open()},e.prototype._startAnimationState=function(){this._animating=!0,this._hidden=!1,this._changeDetectorRef.markForCheck()},e.prototype._attach=function(){this._childElement.viewContainer.createEmbeddedView(this._template),this._changeDetectorRef.markForCheck()},e.prototype._detach=function(){this._childElement.viewContainer.clear(),this._changeDetectorRef.markForCheck()},e.decorators=[{type:t.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:[o.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}"]}]}],e.ctorParameters=function(){return[{type:t.Renderer2},{type:t.ChangeDetectorRef},{type:t.ElementRef}]},e.propDecorators={_childElement:[{type:t.ViewChild,args:[a,{static:!0}]}],_template:[{type:t.ViewChild,args:[t.TemplateRef]}],collapsedAnimation:[{type:t.HostBinding,args:["@tdCollapse"]}],hidden:[{type:t.HostBinding,args:["style.display"]}],label:[{type:t.Input}],sublabel:[{type:t.Input}],icon:[{type:t.Input}],color:[{type:t.Input,args:["color"]}],opened:[{type:t.Input,args:["opened"]}],animationDoneListener:[{type:t.HostListener,args:["@tdCollapse.done"]}]},e}();var s=[r,a],c=function(){function e(){}return e.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,i.MatIconModule],declarations:[s],exports:[s]}]}],e}();e.CovalentMessageModule=c,e.TdMessageComponent=r,e.TdMessageContainerDirective=a,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/material/icon"),require("@covalent/core/common")):"function"==typeof define&&define.amd?define("@covalent/core/message",["exports","@angular/core","@angular/common","@angular/material/icon","@covalent/core/common"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core.message={}),e.ng.core,e.ng.common,e.ng.material.icon,e.covalent.core.common)}(this,(function(e,t,n,i,o){"use strict";var a=function(e){this.viewContainer=e};a.decorators=[{type:t.Directive,args:[{selector:"[tdMessageContainer]"}]}],a.ctorParameters=function(){return[{type:t.ViewContainerRef}]};var r=function(){function e(e,t,n){this._renderer=e,this._changeDetectorRef=t,this._elementRef=n,this._opened=!0,this._hidden=!1,this._animating=!1,this._initialized=!1,this.icon="info_outline",this._renderer.addClass(this._elementRef.nativeElement,"td-message")}return Object.defineProperty(e.prototype,"collapsedAnimation",{get:function(){return{value:!this._opened,duration:100}},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"hidden",{get:function(){return this._hidden?"none":void 0},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"color",{get:function(){return this._color},set:function(e){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"),"primary"===e||"accent"===e||"warn"===e?this._renderer.addClass(this._elementRef.nativeElement,"mat-"+e):(this._renderer.addClass(this._elementRef.nativeElement,"bgc-"+e+"-100"),this._renderer.addClass(this._elementRef.nativeElement,"tc-"+e+"-700")),this._color=e,this._changeDetectorRef.markForCheck()},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"opened",{get:function(){return this._opened},set:function(e){this._initialized?e?this.open():this.close():this._opened=e},enumerable:!1,configurable:!0}),e.prototype.animationDoneListener=function(){this._opened||(this._hidden=!0,this._detach()),this._animating=!1,this._changeDetectorRef.markForCheck()},e.prototype.ngAfterViewInit=function(){var e=this;Promise.resolve(void 0).then((function(){e._opened&&e._attach(),e._initialized=!0}))},e.prototype.open=function(){this._opened||this._animating||(this._opened=!0,this._attach(),this._startAnimationState())},e.prototype.close=function(){this._opened&&!this._animating&&(this._opened=!1,this._startAnimationState())},e.prototype.toggle=function(){this._opened?this.close():this.open()},e.prototype._startAnimationState=function(){this._animating=!0,this._hidden=!1,this._changeDetectorRef.markForCheck()},e.prototype._attach=function(){this._childElement.viewContainer.createEmbeddedView(this._template),this._changeDetectorRef.markForCheck()},e.prototype._detach=function(){this._childElement.viewContainer.clear(),this._changeDetectorRef.markForCheck()},e}();r.decorators=[{type:t.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:[o.tdCollapseAnimation],styles:[":host{display:block}:host .td-message-wrapper{-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:52px;padding:8px 16px}: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}"]}]}],r.ctorParameters=function(){return[{type:t.Renderer2},{type:t.ChangeDetectorRef},{type:t.ElementRef}]},r.propDecorators={_childElement:[{type:t.ViewChild,args:[a,{static:!0}]}],_template:[{type:t.ViewChild,args:[t.TemplateRef]}],collapsedAnimation:[{type:t.HostBinding,args:["@tdCollapse"]}],hidden:[{type:t.HostBinding,args:["style.display"]}],label:[{type:t.Input}],sublabel:[{type:t.Input}],icon:[{type:t.Input}],color:[{type:t.Input,args:["color"]}],opened:[{type:t.Input,args:["opened"]}],animationDoneListener:[{type:t.HostListener,args:["@tdCollapse.done"]}]};var s=[r,a],l=function(){};l.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,i.MatIconModule],declarations:[s],exports:[s]}]}],e.CovalentMessageModule=l,e.TdMessageComponent=r,e.TdMessageContainerDirective=a,Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=covalent-core-message.umd.min.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["ng://@covalent/core/message/message.component.ts","ng://@covalent/core/message/message.module.ts"],"names":["TdMessageContainerDirective","viewContainer","this","Directive","args","selector","ViewContainerRef","TdMessageComponent","_renderer","_changeDetectorRef","_elementRef","_opened","_hidden","_animating","_initialized","icon","addClass","nativeElement","Object","defineProperty","prototype","value","duration","undefined","_color","color","removeClass","markForCheck","opened","open","close","animationDoneListener","_detach","ngAfterViewInit","_this","Promise","resolve","then","_attach","_startAnimationState","toggle","_childElement","createEmbeddedView","_template","clear","Component","template","animations","tdCollapseAnimation","Renderer2","ChangeDetectorRef","ElementRef","ViewChild","static","TemplateRef","HostBinding","Input","HostListener","TD_MESSAGE","CovalentMessageModule","NgModule","imports","CommonModule","MatIconModule","declarations","exports"],"mappings":"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","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"]}
+{"version":3,"sources":["../../../../src/platform/core/message/message.component.ts","../../../../src/platform/core/message/message.module.ts"],"names":["viewContainer","this","Directive","args","selector","ViewContainerRef","TdMessageComponent","_renderer","_changeDetectorRef","_elementRef","_opened","_hidden","_animating","_initialized","icon","addClass","nativeElement","Object","defineProperty","prototype","value","duration","undefined","_color","color","removeClass","markForCheck","opened","open","close","animationDoneListener","_detach","ngAfterViewInit","_this","Promise","resolve","then","_attach","_startAnimationState","toggle","_childElement","createEmbeddedView","_template","clear","Component","template","animations","tdCollapseAnimation","Renderer2","ChangeDetectorRef","ElementRef","ViewChild","TdMessageContainerDirective","static","TemplateRef","HostBinding","Input","HostListener","TD_MESSAGE","NgModule","imports","CommonModule","MatIconModule","declarations","exports"],"mappings":"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","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"]}