@covalent/core 4.0.0 → 4.1.0-develop.2

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

@@ -1,375 +0,0 @@
-(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 = 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
-     * 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;
-        }
-        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;
-            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
-             * @return {?}
-             */
-            get: function () {
-                return { value: !this._opened, duration: 100 };
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdMessageComponent.prototype, "hidden", {
-            /**
-             * Binding host to display style when hidden
-             * @return {?}
-             */
-            get: function () {
-                return this._hidden ? 'none' : undefined;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(TdMessageComponent.prototype, "color", {
-            /**
-             * @return {?}
-             */
-            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.
-             * @param {?} color
-             * @return {?}
-             */
-            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');
-                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: false,
-            configurable: true
-        });
-        Object.defineProperty(TdMessageComponent.prototype, "opened", {
-            /**
-             * @return {?}
-             */
-            get: function () {
-                return this._opened;
-            },
-            /**
-             * opened?: boolean
-             *
-             * Shows or hiddes the message depending on its value.
-             * Defaults to 'true'.
-             * @param {?} opened
-             * @return {?}
-             */
-            set: function (opened) {
-                if (this._initialized) {
-                    if (opened) {
-                        this.open();
-                    }
-                    else {
-                        this.close();
-                    }
-                }
-                else {
-                    this._opened = opened;
-                }
-            },
-            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
-         * @return {?}
-         */
-        TdMessageComponent.prototype.animationDoneListener = function () {
-            if (!this._opened) {
-                this._hidden = true;
-                this._detach();
-            }
-            this._animating = false;
-            this._changeDetectorRef.markForCheck();
-        };
-        /**
-         * Initializes the component and attaches the content.
-         * @return {?}
-         */
-        TdMessageComponent.prototype.ngAfterViewInit = 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
-         * @return {?}
-         */
-        TdMessageComponent.prototype.open = 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
-         * @return {?}
-         */
-        TdMessageComponent.prototype.close = function () {
-            if (this._opened && !this._animating) {
-                this._opened = false;
-                this._startAnimationState();
-            }
-        };
-        /**
-         * Toggles between open and close depending on state.
-         * @return {?}
-         */
-        TdMessageComponent.prototype.toggle = function () {
-            if (this._opened) {
-                this.close();
-            }
-            else {
-                this.open();
-            }
-        };
-        /**
-         * Method to set the state before starting an animation
-         * @private
-         * @return {?}
-         */
-        TdMessageComponent.prototype._startAnimationState = function () {
-            this._animating = true;
-            this._hidden = false;
-            this._changeDetectorRef.markForCheck();
-        };
-        /**
-         * Method to attach template to DOM
-         * @private
-         * @return {?}
-         */
-        TdMessageComponent.prototype._attach = function () {
-            this._childElement.viewContainer.createEmbeddedView(this._template);
-            this._changeDetectorRef.markForCheck();
-        };
-        /**
-         * Method to detach template from DOM
-         * @private
-         * @return {?}
-         */
-        TdMessageComponent.prototype._detach = function () {
-            this._childElement.viewContainer.clear();
-            this._changeDetectorRef.markForCheck();
-        };
-        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 {?}
-         * @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
-     * 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() {
-        }
-        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;
-    exports.TdMessageContainerDirective = TdMessageContainerDirective;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=covalent-core-message.umd.js.map

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

@@ -1 +0,0 @@
-{"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 +0,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 +0,0 @@
-{"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"]}