@covalent/core 2.0.2 → 2.1.0

package/bundles/covalent-core-expansion-panel.umd.js

@@ -297,7 +297,7 @@
                             common$1.tdCollapseAnimation,
                             common$1.tdRotateAnimation,
                         ],
-                        styles: [":host{display:block}:host .td-expansion-panel-header{position:relative;outline:0}:host .td-expansion-panel-header:focus:not(.mat-disabled),:host .td-expansion-panel-header:hover:not(.mat-disabled){cursor:pointer}:host .td-expansion-panel-header .td-expansion-panel-header-content{height:48px;padding:0 24px;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%}:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-label,:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-sublabel{-ms-flex:1;flex:1}:host .td-expansion-content.ng-animating,:host .td-expansion-summary.ng-animating{overflow:hidden}.td-expansion-label,.td-expansion-sublabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:16px}::ng-deep [dir=rtl] .td-expansion-label,::ng-deep [dir=rtl] .td-expansion-sublabel{margin-left:16px;margin-right:inherit}"]
+                        styles: [":host{display:block}:host .td-expansion-panel-header{position:relative;outline:0}:host .td-expansion-panel-header:focus:not(.mat-disabled),:host .td-expansion-panel-header:hover:not(.mat-disabled){cursor:pointer}:host .td-expansion-panel-header .td-expansion-panel-header-content{height:48px;padding:0 24px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%}:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-label,:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-sublabel{-webkit-box-flex:1;-ms-flex:1;flex:1}:host .td-expansion-content.ng-animating,:host .td-expansion-summary.ng-animating{overflow:hidden}.td-expansion-label,.td-expansion-sublabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:16px}::ng-deep [dir=rtl] .td-expansion-label,::ng-deep [dir=rtl] .td-expansion-sublabel{margin-left:16px;margin-right:inherit}"]
                     }] }
         ];
         /** @nocollapse */

package/bundles/covalent-core-expansion-panel.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/common"),require("@angular/material/core"),require("@angular/material/icon"),require("@angular/cdk/portal"),require("@covalent/core/common"),require("@angular/core"),require("@angular/cdk/coercion"),require("rxjs/operators"),require("rxjs")):"function"==typeof define&&define.amd?define("@covalent/core/expansion-panel",["exports","@angular/common","@angular/material/core","@angular/material/icon","@angular/cdk/portal","@covalent/core/common","@angular/core","@angular/cdk/coercion","rxjs/operators","rxjs"],n):n((e.covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core["expansion-panel"]={}),e.ng.common,e.ng.material.core,e.ng.material.icon,e.ng.cdk.portal,e.covalent.core.common,e.ng.core,e.ng.cdk.coercion,e.rxjs.operators,e.rxjs)}(this,function(e,n,t,a,o,i,s,l,r,p){"use strict";var d=function(e,n){return(d=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)};function c(e,n){function t(){this.constructor=e}d(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}var u,x=(c(h,u=o.TemplatePortalDirective),h.decorators=[{type:s.Directive,args:[{selector:"[td-expansion-panel-header]ng-template"}]}],h.ctorParameters=function(){return[{type:s.TemplateRef},{type:s.ViewContainerRef}]},h);function h(e,n){return u.call(this,e,n)||this}var m,f=(c(g,m=o.TemplatePortalDirective),g.decorators=[{type:s.Directive,args:[{selector:"[td-expansion-panel-label]ng-template"}]}],g.ctorParameters=function(){return[{type:s.TemplateRef},{type:s.ViewContainerRef}]},g);function g(e,n){return m.call(this,e,n)||this}var b,_=(c(y,b=o.TemplatePortalDirective),y.decorators=[{type:s.Directive,args:[{selector:"[td-expansion-panel-sublabel]ng-template"}]}],y.ctorParameters=function(){return[{type:s.TemplateRef},{type:s.ViewContainerRef}]},y);function y(e,n){return b.call(this,e,n)||this}var P=(v.decorators=[{type:s.Component,args:[{selector:"td-expansion-summary",template:"<ng-content></ng-content>"}]}],v);function v(){}function E(){}var C,O=i.mixinDisableRipple(i.mixinDisabled(E)),R=(c(k,C=O),Object.defineProperty(k.prototype,"expand",{get:function(){return this._expand},set:function(e){this._setExpand(l.coerceBooleanProperty(e))},enumerable:!0,configurable:!0}),k.prototype.clickEvent=function(){this._setExpand(!this._expand)},k.prototype.toggle=function(){return this._setExpand(!this._expand)},k.prototype.open=function(){return this._setExpand(!0)},k.prototype.close=function(){return this._setExpand(!1)},k.prototype.onDisabledChange=function(e){e&&this._expand&&(this._expand=!1,this._onCollapsed())},k.prototype._setExpand=function(e){return!this.disabled&&this._expand!==e&&((this._expand=e)?(this._renderer.addClass(this._elementRef.nativeElement,"td-expanded"),this._onExpanded()):(this._renderer.removeClass(this._elementRef.nativeElement,"td-expanded"),this._onCollapsed()),!0)},k.prototype._onExpanded=function(){this.expanded.emit(undefined)},k.prototype._onCollapsed=function(){this.collapsed.emit(undefined)},k.decorators=[{type:s.Component,args:[{selector:"td-expansion-panel",template:'<div class="td-expansion-panel-header"\n      [class.mat-disabled]="disabled"\n      matRipple\n      [matRippleDisabled]="disabled || disableRipple"\n      [tabIndex]="disabled? -1 : 0"\n      (keydown.enter)="clickEvent()"\n      (click)="clickEvent()">\n  <ng-template [cdkPortalOutlet]="expansionPanelHeader"></ng-template>\n  <div class="td-expansion-panel-header-content"\n        [class.mat-disabled]="disabled"\n        *ngIf="!expansionPanelHeader">\n    <div *ngIf="label || expansionPanelLabel" class="td-expansion-label">\n      <ng-template [cdkPortalOutlet]="expansionPanelLabel"></ng-template>\n      <ng-template [ngIf]="!expansionPanelLabel">{{label}}</ng-template>\n    </div>\n    <div *ngIf="sublabel || expansionPanelSublabel" class="td-expansion-sublabel">\n      <ng-template [cdkPortalOutlet]="expansionPanelSublabel"></ng-template>\n      <ng-template [ngIf]="!expansionPanelSublabel">{{sublabel}}</ng-template>\n    </div>\n    <mat-icon class="td-expand-icon" *ngIf="!disabled" [@tdRotate]="expand">keyboard_arrow_down</mat-icon>\n  </div>\n</div>\n<div class="td-expansion-content"\n      [@tdCollapse]="!expand">\n  <ng-content></ng-content>\n</div>\n<div class="td-expansion-summary"\n      [@tdCollapse]="expand">\n  <ng-content select="td-expansion-summary"></ng-content>\n</div>\n',inputs:["disabled","disableRipple"],animations:[i.tdCollapseAnimation,i.tdRotateAnimation],styles:[":host{display:block}:host .td-expansion-panel-header{position:relative;outline:0}:host .td-expansion-panel-header:focus:not(.mat-disabled),:host .td-expansion-panel-header:hover:not(.mat-disabled){cursor:pointer}:host .td-expansion-panel-header .td-expansion-panel-header-content{height:48px;padding:0 24px;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex:1;flex:1;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%}:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-label,:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-sublabel{-ms-flex:1;flex:1}:host .td-expansion-content.ng-animating,:host .td-expansion-summary.ng-animating{overflow:hidden}.td-expansion-label,.td-expansion-sublabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:16px}::ng-deep [dir=rtl] .td-expansion-label,::ng-deep [dir=rtl] .td-expansion-sublabel{margin-left:16px;margin-right:inherit}"]}]}],k.ctorParameters=function(){return[{type:s.Renderer2},{type:s.ElementRef}]},k.propDecorators={expansionPanelHeader:[{type:s.ContentChild,args:[x]}],expansionPanelLabel:[{type:s.ContentChild,args:[f]}],expansionPanelSublabel:[{type:s.ContentChild,args:[_]}],label:[{type:s.Input}],sublabel:[{type:s.Input}],expand:[{type:s.Input,args:["expand"]}],expanded:[{type:s.Output}],collapsed:[{type:s.Output}]},k);function k(e,n){var t=C.call(this)||this;return t._renderer=e,t._elementRef=n,t._expand=!1,t.expanded=new s.EventEmitter,t.collapsed=new s.EventEmitter,t._renderer.addClass(t._elementRef.nativeElement,"td-expansion-panel"),t}var w=(Object.defineProperty(j.prototype,"multi",{set:function(e){this._multi=l.coerceBooleanProperty(e),!1===this._multi&&0<this._lastOpenedPanels.length&&this._closeAllExcept(this._lastOpenedPanels[this._lastOpenedPanels.length-1])},enumerable:!0,configurable:!0}),j.prototype.ngOnDestroy=function(){this._destroyed.next(!0),this._destroyed.unsubscribe(),this._stopWatchingPanels.next(!0),this._stopWatchingPanels.unsubscribe()},j.prototype.ngAfterContentInit=function(){var n=this;if(!this._multi){var e=this.expansionPanels.filter(function(e){return e.expand}),t=e.length;1<t&&this._closeAllExcept(e[t-1])}this._attachListeners(this.expansionPanels),this.expansionPanels.changes.pipe(r.takeUntil(this._destroyed)).subscribe(function(e){n._stopWatchingPanels.next(!0),n._stopWatchingPanels.unsubscribe(),n._stopWatchingPanels=new p.Subject,n._attachListeners(e)})},j.prototype.openAll=function(){this._multi&&this.expansionPanels.forEach(function(e){e.open()})},j.prototype.closeAll=function(){this.expansionPanels.forEach(function(e){e.close()})},j.prototype._attachListeners=function(e){var t=this;this._lastOpenedPanels=[],e.forEach(function(n){n.expanded.pipe(r.takeUntil(t._stopWatchingPanels)).subscribe(function(){var e=t._lastOpenedPanels.indexOf(n);-1!==e&&t._lastOpenedPanels.splice(e,1),t._lastOpenedPanels.push(n),t._multi||t._closeAllExcept(n)}),n.collapsed.pipe(r.takeUntil(t._stopWatchingPanels)).subscribe(function(){var e=t._lastOpenedPanels.indexOf(n);-1!==e&&t._lastOpenedPanels.splice(e,1)})})},j.prototype._closeAllExcept=function(n){this.expansionPanels.forEach(function(e){e!==n&&e.close()})},j.decorators=[{type:s.Component,args:[{selector:"td-expansion-panel-group",template:"<ng-content></ng-content>",styles:[""]}]}],j.ctorParameters=function(){return[{type:s.Renderer2},{type:s.ElementRef}]},j.propDecorators={multi:[{type:s.Input,args:["multi"]}],expansionPanels:[{type:s.ContentChildren,args:[R]}]},j);function j(e,n){this._renderer=e,this._elementRef=n,this._multi=!1,this._lastOpenedPanels=[],this._destroyed=new p.Subject,this._stopWatchingPanels=new p.Subject,this._renderer.addClass(this._elementRef.nativeElement,"td-expansion-panel-group")}var D=[w,R,x,f,_,P],T=(I.decorators=[{type:s.NgModule,args:[{imports:[n.CommonModule,t.MatRippleModule,a.MatIconModule,o.PortalModule],declarations:[D],exports:[D]}]}],I);function I(){}e.CovalentExpansionPanelModule=T,e.TdExpansionPanelHeaderDirective=x,e.TdExpansionPanelLabelDirective=f,e.TdExpansionPanelSublabelDirective=_,e.TdExpansionPanelSummaryComponent=P,e.TdExpansionPanelBase=E,e._TdExpansionPanelMixinBase=O,e.TdExpansionPanelComponent=R,e.TdExpansionPanelGroupComponent=w,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/common"),require("@angular/material/core"),require("@angular/material/icon"),require("@angular/cdk/portal"),require("@covalent/core/common"),require("@angular/core"),require("@angular/cdk/coercion"),require("rxjs/operators"),require("rxjs")):"function"==typeof define&&define.amd?define("@covalent/core/expansion-panel",["exports","@angular/common","@angular/material/core","@angular/material/icon","@angular/cdk/portal","@covalent/core/common","@angular/core","@angular/cdk/coercion","rxjs/operators","rxjs"],n):n((e.covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core["expansion-panel"]={}),e.ng.common,e.ng.material.core,e.ng.material.icon,e.ng.cdk.portal,e.covalent.core.common,e.ng.core,e.ng.cdk.coercion,e.rxjs.operators,e.rxjs)}(this,function(e,n,t,a,o,i,s,l,r,p){"use strict";var d=function(e,n){return(d=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,n){e.__proto__=n}||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t])})(e,n)};function c(e,n){function t(){this.constructor=e}d(e,n),e.prototype=null===n?Object.create(n):(t.prototype=n.prototype,new t)}var u,x=(c(h,u=o.TemplatePortalDirective),h.decorators=[{type:s.Directive,args:[{selector:"[td-expansion-panel-header]ng-template"}]}],h.ctorParameters=function(){return[{type:s.TemplateRef},{type:s.ViewContainerRef}]},h);function h(e,n){return u.call(this,e,n)||this}var m,f=(c(b,m=o.TemplatePortalDirective),b.decorators=[{type:s.Directive,args:[{selector:"[td-expansion-panel-label]ng-template"}]}],b.ctorParameters=function(){return[{type:s.TemplateRef},{type:s.ViewContainerRef}]},b);function b(e,n){return m.call(this,e,n)||this}var g,_=(c(y,g=o.TemplatePortalDirective),y.decorators=[{type:s.Directive,args:[{selector:"[td-expansion-panel-sublabel]ng-template"}]}],y.ctorParameters=function(){return[{type:s.TemplateRef},{type:s.ViewContainerRef}]},y);function y(e,n){return g.call(this,e,n)||this}var P=(v.decorators=[{type:s.Component,args:[{selector:"td-expansion-summary",template:"<ng-content></ng-content>"}]}],v);function v(){}function E(){}var C,k=i.mixinDisableRipple(i.mixinDisabled(E)),w=(c(O,C=k),Object.defineProperty(O.prototype,"expand",{get:function(){return this._expand},set:function(e){this._setExpand(l.coerceBooleanProperty(e))},enumerable:!0,configurable:!0}),O.prototype.clickEvent=function(){this._setExpand(!this._expand)},O.prototype.toggle=function(){return this._setExpand(!this._expand)},O.prototype.open=function(){return this._setExpand(!0)},O.prototype.close=function(){return this._setExpand(!1)},O.prototype.onDisabledChange=function(e){e&&this._expand&&(this._expand=!1,this._onCollapsed())},O.prototype._setExpand=function(e){return!this.disabled&&this._expand!==e&&((this._expand=e)?(this._renderer.addClass(this._elementRef.nativeElement,"td-expanded"),this._onExpanded()):(this._renderer.removeClass(this._elementRef.nativeElement,"td-expanded"),this._onCollapsed()),!0)},O.prototype._onExpanded=function(){this.expanded.emit(undefined)},O.prototype._onCollapsed=function(){this.collapsed.emit(undefined)},O.decorators=[{type:s.Component,args:[{selector:"td-expansion-panel",template:'<div class="td-expansion-panel-header"\n      [class.mat-disabled]="disabled"\n      matRipple\n      [matRippleDisabled]="disabled || disableRipple"\n      [tabIndex]="disabled? -1 : 0"\n      (keydown.enter)="clickEvent()"\n      (click)="clickEvent()">\n  <ng-template [cdkPortalOutlet]="expansionPanelHeader"></ng-template>\n  <div class="td-expansion-panel-header-content"\n        [class.mat-disabled]="disabled"\n        *ngIf="!expansionPanelHeader">\n    <div *ngIf="label || expansionPanelLabel" class="td-expansion-label">\n      <ng-template [cdkPortalOutlet]="expansionPanelLabel"></ng-template>\n      <ng-template [ngIf]="!expansionPanelLabel">{{label}}</ng-template>\n    </div>\n    <div *ngIf="sublabel || expansionPanelSublabel" class="td-expansion-sublabel">\n      <ng-template [cdkPortalOutlet]="expansionPanelSublabel"></ng-template>\n      <ng-template [ngIf]="!expansionPanelSublabel">{{sublabel}}</ng-template>\n    </div>\n    <mat-icon class="td-expand-icon" *ngIf="!disabled" [@tdRotate]="expand">keyboard_arrow_down</mat-icon>\n  </div>\n</div>\n<div class="td-expansion-content"\n      [@tdCollapse]="!expand">\n  <ng-content></ng-content>\n</div>\n<div class="td-expansion-summary"\n      [@tdCollapse]="expand">\n  <ng-content select="td-expansion-summary"></ng-content>\n</div>\n',inputs:["disabled","disableRipple"],animations:[i.tdCollapseAnimation,i.tdRotateAnimation],styles:[":host{display:block}:host .td-expansion-panel-header{position:relative;outline:0}:host .td-expansion-panel-header:focus:not(.mat-disabled),:host .td-expansion-panel-header:hover:not(.mat-disabled){cursor:pointer}:host .td-expansion-panel-header .td-expansion-panel-header-content{height:48px;padding:0 24px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%}:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-label,:host .td-expansion-panel-header .td-expansion-panel-header-content .td-expansion-sublabel{-webkit-box-flex:1;-ms-flex:1;flex:1}:host .td-expansion-content.ng-animating,:host .td-expansion-summary.ng-animating{overflow:hidden}.td-expansion-label,.td-expansion-sublabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:16px}::ng-deep [dir=rtl] .td-expansion-label,::ng-deep [dir=rtl] .td-expansion-sublabel{margin-left:16px;margin-right:inherit}"]}]}],O.ctorParameters=function(){return[{type:s.Renderer2},{type:s.ElementRef}]},O.propDecorators={expansionPanelHeader:[{type:s.ContentChild,args:[x]}],expansionPanelLabel:[{type:s.ContentChild,args:[f]}],expansionPanelSublabel:[{type:s.ContentChild,args:[_]}],label:[{type:s.Input}],sublabel:[{type:s.Input}],expand:[{type:s.Input,args:["expand"]}],expanded:[{type:s.Output}],collapsed:[{type:s.Output}]},O);function O(e,n){var t=C.call(this)||this;return t._renderer=e,t._elementRef=n,t._expand=!1,t.expanded=new s.EventEmitter,t.collapsed=new s.EventEmitter,t._renderer.addClass(t._elementRef.nativeElement,"td-expansion-panel"),t}var R=(Object.defineProperty(j.prototype,"multi",{set:function(e){this._multi=l.coerceBooleanProperty(e),!1===this._multi&&0<this._lastOpenedPanels.length&&this._closeAllExcept(this._lastOpenedPanels[this._lastOpenedPanels.length-1])},enumerable:!0,configurable:!0}),j.prototype.ngOnDestroy=function(){this._destroyed.next(!0),this._destroyed.unsubscribe(),this._stopWatchingPanels.next(!0),this._stopWatchingPanels.unsubscribe()},j.prototype.ngAfterContentInit=function(){var n=this;if(!this._multi){var e=this.expansionPanels.filter(function(e){return e.expand}),t=e.length;1<t&&this._closeAllExcept(e[t-1])}this._attachListeners(this.expansionPanels),this.expansionPanels.changes.pipe(r.takeUntil(this._destroyed)).subscribe(function(e){n._stopWatchingPanels.next(!0),n._stopWatchingPanels.unsubscribe(),n._stopWatchingPanels=new p.Subject,n._attachListeners(e)})},j.prototype.openAll=function(){this._multi&&this.expansionPanels.forEach(function(e){e.open()})},j.prototype.closeAll=function(){this.expansionPanels.forEach(function(e){e.close()})},j.prototype._attachListeners=function(e){var t=this;this._lastOpenedPanels=[],e.forEach(function(n){n.expanded.pipe(r.takeUntil(t._stopWatchingPanels)).subscribe(function(){var e=t._lastOpenedPanels.indexOf(n);-1!==e&&t._lastOpenedPanels.splice(e,1),t._lastOpenedPanels.push(n),t._multi||t._closeAllExcept(n)}),n.collapsed.pipe(r.takeUntil(t._stopWatchingPanels)).subscribe(function(){var e=t._lastOpenedPanels.indexOf(n);-1!==e&&t._lastOpenedPanels.splice(e,1)})})},j.prototype._closeAllExcept=function(n){this.expansionPanels.forEach(function(e){e!==n&&e.close()})},j.decorators=[{type:s.Component,args:[{selector:"td-expansion-panel-group",template:"<ng-content></ng-content>",styles:[""]}]}],j.ctorParameters=function(){return[{type:s.Renderer2},{type:s.ElementRef}]},j.propDecorators={multi:[{type:s.Input,args:["multi"]}],expansionPanels:[{type:s.ContentChildren,args:[w]}]},j);function j(e,n){this._renderer=e,this._elementRef=n,this._multi=!1,this._lastOpenedPanels=[],this._destroyed=new p.Subject,this._stopWatchingPanels=new p.Subject,this._renderer.addClass(this._elementRef.nativeElement,"td-expansion-panel-group")}var D=[R,w,x,f,_,P],T=(I.decorators=[{type:s.NgModule,args:[{imports:[n.CommonModule,t.MatRippleModule,a.MatIconModule,o.PortalModule],declarations:[D],exports:[D]}]}],I);function I(){}e.CovalentExpansionPanelModule=T,e.TdExpansionPanelHeaderDirective=x,e.TdExpansionPanelLabelDirective=f,e.TdExpansionPanelSublabelDirective=_,e.TdExpansionPanelSummaryComponent=P,e.TdExpansionPanelBase=E,e._TdExpansionPanelMixinBase=k,e.TdExpansionPanelComponent=w,e.TdExpansionPanelGroupComponent=R,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=covalent-core-expansion-panel.umd.min.js.map

package/bundles/covalent-core-expansion-panel.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["node_modules/tslib/tslib.es6.js","ng://@covalent/core/expansion-panel/expansion-panel.component.ts","ng://@covalent/core/expansion-panel/expansion-panel-group.component.ts","ng://@covalent/core/expansion-panel/expansion-panel.module.ts"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__extends","__","this","constructor","prototype","create","tslib_1.__extends","TemplatePortalDirective","Directive","args","selector","TemplateRef","ViewContainerRef","TdExpansionPanelHeaderDirective","templateRef","viewContainerRef","_super","call","TdExpansionPanelLabelDirective","TdExpansionPanelSublabelDirective","Component","template","TdExpansionPanelSummaryComponent","_TdExpansionPanelMixinBase","mixinDisableRipple","mixinDisabled","TdExpansionPanelBase","TdExpansionPanelComponent","defineProperty","_expand","expand","_setExpand","coerceBooleanProperty","clickEvent","toggle","open","close","onDisabledChange","v","_onCollapsed","newExpand","disabled","_renderer","addClass","_elementRef","nativeElement","_onExpanded","removeClass","expanded","emit","undefined","collapsed","inputs","animations","tdCollapseAnimation","tdRotateAnimation","Renderer2","ElementRef","ContentChild","Input","Output","_this","EventEmitter","TdExpansionPanelGroupComponent","multi","_multi","_lastOpenedPanels","length","_closeAllExcept","ngOnDestroy","_destroyed","next","unsubscribe","_stopWatchingPanels","ngAfterContentInit","openedPanels","expansionPanels","filter","expansionPanel","numOpenedPanels","_attachListeners","changes","pipe","takeUntil","subscribe","Subject","openAll","forEach","closeAll","indexOfPanel","indexOf","splice","push","panel","ContentChildren","TD_EXPANSION_PANEL","CovalentExpansionPanelModule","NgModule","imports","CommonModule","MatRippleModule","MatIconModule","PortalModule","declarations","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\r\n            t[p[i]] = s[p[i]];\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator], i = 0;\r\n    if (m) return m.call(o);\r\n    return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n","import { Component, Directive, Input, Output, TemplateRef, ViewContainerRef, ContentChild,\n         ElementRef, Renderer2 } from '@angular/core';\nimport { EventEmitter } from '@angular/core';\nimport { TemplatePortalDirective } from '@angular/cdk/portal';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport {\n  tdCollapseAnimation,\n  ICanDisable,\n  mixinDisabled,\n  ICanDisableRipple,\n  mixinDisableRipple,\n  tdRotateAnimation,\n} from '@covalent/core/common';\n\n@Directive({\n  selector: '[td-expansion-panel-header]ng-template',\n})\nexport class TdExpansionPanelHeaderDirective extends TemplatePortalDirective {\n  constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef) {\n    super(templateRef, viewContainerRef);\n  }\n}\n\n@Directive({\n  selector: '[td-expansion-panel-label]ng-template',\n})\nexport class TdExpansionPanelLabelDirective extends TemplatePortalDirective {\n  constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef) {\n    super(templateRef, viewContainerRef);\n  }\n}\n\n@Directive({\n  selector: '[td-expansion-panel-sublabel]ng-template',\n})\nexport class TdExpansionPanelSublabelDirective extends TemplatePortalDirective {\n  constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef) {\n    super(templateRef, viewContainerRef);\n  }\n}\n\n@Component({\n  selector: 'td-expansion-summary',\n  template: '<ng-content></ng-content>',\n})\nexport class TdExpansionPanelSummaryComponent {}\n\nexport class TdExpansionPanelBase {}\n\n/* tslint:disable-next-line */\nexport const _TdExpansionPanelMixinBase = mixinDisableRipple(mixinDisabled(TdExpansionPanelBase));\n\n@Component({\n  selector: 'td-expansion-panel',\n  styleUrls: ['./expansion-panel.component.scss' ],\n  templateUrl: './expansion-panel.component.html',\n  inputs: ['disabled', 'disableRipple'],\n  animations: [\n    tdCollapseAnimation,\n    tdRotateAnimation,\n  ],\n})\nexport class TdExpansionPanelComponent extends _TdExpansionPanelMixinBase implements ICanDisable, ICanDisableRipple {\n\n  private _expand: boolean = false;\n\n  @ContentChild(TdExpansionPanelHeaderDirective) expansionPanelHeader: TdExpansionPanelHeaderDirective;\n  @ContentChild(TdExpansionPanelLabelDirective) expansionPanelLabel: TdExpansionPanelLabelDirective;\n  @ContentChild(TdExpansionPanelSublabelDirective) expansionPanelSublabel: TdExpansionPanelSublabelDirective;\n\n  /**\n   * label?: string\n   * Sets label of [TdExpansionPanelComponent] header.\n   * Defaults to 'Click to expand'\n   */\n  @Input() label: string;\n\n  /**\n   * sublabel?: string\n   * Sets sublabel of [TdExpansionPanelComponent] header.\n   */\n  @Input() sublabel: string;\n\n  /**\n   * expand?: boolean\n   * Toggles [TdExpansionPanelComponent] between expand/collapse.\n   */\n  @Input('expand')\n  set expand(expand: boolean) {\n    this._setExpand(coerceBooleanProperty(expand));\n  }\n  get expand(): boolean {\n    return this._expand;\n  }\n\n  /**\n   * expanded?: function\n   * Event emitted when [TdExpansionPanelComponent] is expanded.\n   */\n  @Output() expanded: EventEmitter<void> = new EventEmitter<void>();\n\n  /**\n   * collapsed?: function\n   * Event emitted when [TdExpansionPanelComponent] is collapsed.\n   */\n  @Output() collapsed: EventEmitter<void> = new EventEmitter<void>();\n\n  constructor(private _renderer: Renderer2,\n              private _elementRef: ElementRef) {\n    super();\n    this._renderer.addClass(this._elementRef.nativeElement, 'td-expansion-panel');\n  }\n\n  /**\n   * Method executed when [TdExpansionPanelComponent] is clicked.\n   */\n  clickEvent(): void {\n    this._setExpand(!this._expand);\n  }\n\n  /**\n   * Toggle expand state of [TdExpansionPanelComponent]\n   * retuns 'true' if successful, else 'false'.\n   */\n  toggle(): boolean {\n    return this._setExpand(!this._expand);\n  }\n\n  /**\n   * Opens [TdExpansionPanelComponent]\n   * retuns 'true' if successful, else 'false'.\n   */\n  open(): boolean {\n    return this._setExpand(true);\n  }\n\n  /**\n   * Closes [TdExpansionPanelComponent]\n   * retuns 'true' if successful, else 'false'.\n   */\n  close(): boolean {\n    return this._setExpand(false);\n  }\n\n  /** Method executed when the disabled value changes */\n  onDisabledChange(v: boolean): void {\n    if (v && this._expand) {\n      this._expand = false;\n      this._onCollapsed();\n    }\n  }\n\n  /**\n   * Method to change expand state internally and emit the [onExpanded] event if 'true' or [onCollapsed]\n   * event if 'false'. (Blocked if [disabled] is 'true')\n   */\n  private _setExpand(newExpand: boolean): boolean {\n    if (this.disabled) {\n      return false;\n    }\n    if (this._expand !== newExpand) {\n      this._expand = newExpand;\n      if (newExpand) {\n        this._renderer.addClass(this._elementRef.nativeElement, 'td-expanded');\n        this._onExpanded();\n      } else {\n        this._renderer.removeClass(this._elementRef.nativeElement, 'td-expanded');\n        this._onCollapsed();\n      }\n      return true;\n    }\n    return false;\n  }\n\n  private _onExpanded(): void {\n    this.expanded.emit(undefined);\n  }\n\n  private _onCollapsed(): void {\n    this.collapsed.emit(undefined);\n  }\n}\n","import {\n  Component,\n  Renderer2,\n  ElementRef,\n  QueryList,\n  ContentChildren,\n  AfterContentInit,\n  Input,\n  OnDestroy,\n} from '@angular/core';\nimport { TdExpansionPanelComponent } from './expansion-panel.component';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'td-expansion-panel-group',\n  styleUrls: ['./expansion-panel-group.component.scss'],\n  templateUrl: './expansion-panel-group.component.html',\n})\nexport class TdExpansionPanelGroupComponent\n  implements AfterContentInit, OnDestroy {\n  private _multi: boolean = false;\n\n  private _lastOpenedPanels: TdExpansionPanelComponent[] = [];\n\n  private _destroyed: Subject<boolean> = new Subject<boolean>();\n  private _stopWatchingPanels: Subject<boolean> = new Subject<boolean>();\n\n  /**\n   * multi?: boolean\n   * Sets whether multiple panels can be opened at a given time.\n   * Set to false for accordion mode.\n   * Defaults to false.\n   */\n  @Input('multi')\n  set multi(multi: boolean) {\n    this._multi = coerceBooleanProperty(multi);\n    if (this._multi === false && this._lastOpenedPanels.length > 0) {\n      this._closeAllExcept(\n        this._lastOpenedPanels[this._lastOpenedPanels.length - 1],\n      );\n    }\n  }\n\n  @ContentChildren(TdExpansionPanelComponent) expansionPanels: QueryList<\n    TdExpansionPanelComponent\n  >;\n\n  constructor(private _renderer: Renderer2, private _elementRef: ElementRef) {\n    this._renderer.addClass(\n      this._elementRef.nativeElement,\n      'td-expansion-panel-group',\n    );\n  }\n\n  ngOnDestroy(): void {\n    this._destroyed.next(true);\n    this._destroyed.unsubscribe();\n    this._stopWatchingPanels.next(true);\n    this._stopWatchingPanels.unsubscribe();\n  }\n\n  public ngAfterContentInit(): void {\n    if (!this._multi) {\n      const openedPanels: TdExpansionPanelComponent[] = this.expansionPanels.filter(\n        (expansionPanel: TdExpansionPanelComponent) => expansionPanel.expand,\n      );\n      const numOpenedPanels: number = openedPanels.length;\n      if (numOpenedPanels > 1) {\n        this._closeAllExcept(openedPanels[numOpenedPanels - 1]);\n      }\n    }\n\n    this._attachListeners(this.expansionPanels);\n\n    this.expansionPanels.changes\n      .pipe(takeUntil(this._destroyed))\n      .subscribe((expansionPanels: QueryList<TdExpansionPanelComponent>) => {\n        this._stopWatchingPanels.next(true);\n        this._stopWatchingPanels.unsubscribe();\n        this._stopWatchingPanels = new Subject<boolean>();\n        this._attachListeners(expansionPanels);\n      });\n  }\n\n  /**\n   * Opens all expansion panels, only if multi set set to true.\n   */\n  public openAll(): void {\n    if (this._multi) {\n      this.expansionPanels.forEach(\n        (expansionPanel: TdExpansionPanelComponent) => {\n          expansionPanel.open();\n        },\n      );\n    }\n  }\n\n  /**\n   * Closes all expansion panels\n   */\n  public closeAll(): void {\n    this.expansionPanels.forEach(\n      (expansionPanel: TdExpansionPanelComponent) => {\n        expansionPanel.close();\n      },\n    );\n  }\n\n  private _attachListeners(\n    expansionPanels: QueryList<TdExpansionPanelComponent>,\n  ): void {\n    this._lastOpenedPanels = [];\n    expansionPanels.forEach((expansionPanel: TdExpansionPanelComponent) => {\n      expansionPanel.expanded\n        .pipe(takeUntil(this._stopWatchingPanels))\n        .subscribe(() => {\n          const indexOfPanel: number = this._lastOpenedPanels.indexOf(\n            expansionPanel,\n          );\n          if (indexOfPanel !== -1) {\n            this._lastOpenedPanels.splice(indexOfPanel, 1);\n          }\n          this._lastOpenedPanels.push(expansionPanel);\n\n          if (!this._multi) {\n            this._closeAllExcept(expansionPanel);\n          }\n        });\n\n      expansionPanel.collapsed\n        .pipe(takeUntil(this._stopWatchingPanels))\n        .subscribe(() => {\n          const indexOfPanel: number = this._lastOpenedPanels.indexOf(\n            expansionPanel,\n          );\n          if (indexOfPanel !== -1) {\n            this._lastOpenedPanels.splice(indexOfPanel, 1);\n          }\n        });\n    });\n  }\n\n  private _closeAllExcept(expansionPanel: TdExpansionPanelComponent): void {\n    this.expansionPanels.forEach((panel: TdExpansionPanelComponent) => {\n      if (panel !== expansionPanel) {\n        panel.close();\n      }\n    });\n  }\n}\n","import { Type } from '@angular/core';\nimport { NgModule, ModuleWithProviders } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdExpansionPanelComponent, TdExpansionPanelHeaderDirective, TdExpansionPanelLabelDirective,\n         TdExpansionPanelSublabelDirective, TdExpansionPanelSummaryComponent } from './expansion-panel.component';\nimport { TdExpansionPanelGroupComponent } from './expansion-panel-group.component';\n\nconst TD_EXPANSION_PANEL: Type<any>[] = [\n  TdExpansionPanelGroupComponent,\n  TdExpansionPanelComponent,\n  TdExpansionPanelHeaderDirective,\n  TdExpansionPanelLabelDirective,\n  TdExpansionPanelSublabelDirective,\n  TdExpansionPanelSummaryComponent,\n];\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatRippleModule,\n    MatIconModule,\n    PortalModule,\n  ],\n  declarations: [\n    TD_EXPANSION_PANEL,\n  ],\n  exports: [\n    TD_EXPANSION_PANEL,\n  ],\n})\nexport class CovalentExpansionPanelModule {\n\n}\n"]}
+{"version":3,"sources":["node_modules/tslib/tslib.es6.js","ng://@covalent/core/expansion-panel/expansion-panel.component.ts","ng://@covalent/core/expansion-panel/expansion-panel-group.component.ts","ng://@covalent/core/expansion-panel/expansion-panel.module.ts"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__extends","__","this","constructor","prototype","create","tslib_1.__extends","TemplatePortalDirective","Directive","args","selector","TemplateRef","ViewContainerRef","TdExpansionPanelHeaderDirective","templateRef","viewContainerRef","_super","call","TdExpansionPanelLabelDirective","TdExpansionPanelSublabelDirective","Component","template","TdExpansionPanelSummaryComponent","_TdExpansionPanelMixinBase","mixinDisableRipple","mixinDisabled","TdExpansionPanelBase","TdExpansionPanelComponent","defineProperty","_expand","expand","_setExpand","coerceBooleanProperty","clickEvent","toggle","open","close","onDisabledChange","v","_onCollapsed","newExpand","disabled","_renderer","addClass","_elementRef","nativeElement","_onExpanded","removeClass","expanded","emit","undefined","collapsed","inputs","animations","tdCollapseAnimation","tdRotateAnimation","Renderer2","ElementRef","ContentChild","Input","Output","_this","EventEmitter","TdExpansionPanelGroupComponent","multi","_multi","_lastOpenedPanels","length","_closeAllExcept","ngOnDestroy","_destroyed","next","unsubscribe","_stopWatchingPanels","ngAfterContentInit","openedPanels","expansionPanels","filter","expansionPanel","numOpenedPanels","_attachListeners","changes","pipe","takeUntil","subscribe","Subject","openAll","forEach","closeAll","indexOfPanel","indexOf","splice","push","panel","ContentChildren","TD_EXPANSION_PANEL","CovalentExpansionPanelModule","NgModule","imports","CommonModule","MatRippleModule","MatIconModule","PortalModule","declarations","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)\r\n            t[p[i]] = s[p[i]];\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator], i = 0;\r\n    if (m) return m.call(o);\r\n    return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n","import { Component, Directive, Input, Output, TemplateRef, ViewContainerRef, ContentChild,\n         ElementRef, Renderer2 } from '@angular/core';\nimport { EventEmitter } from '@angular/core';\nimport { TemplatePortalDirective } from '@angular/cdk/portal';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\n\nimport {\n  tdCollapseAnimation,\n  ICanDisable,\n  mixinDisabled,\n  ICanDisableRipple,\n  mixinDisableRipple,\n  tdRotateAnimation,\n} from '@covalent/core/common';\n\n@Directive({\n  selector: '[td-expansion-panel-header]ng-template',\n})\nexport class TdExpansionPanelHeaderDirective extends TemplatePortalDirective {\n  constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef) {\n    super(templateRef, viewContainerRef);\n  }\n}\n\n@Directive({\n  selector: '[td-expansion-panel-label]ng-template',\n})\nexport class TdExpansionPanelLabelDirective extends TemplatePortalDirective {\n  constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef) {\n    super(templateRef, viewContainerRef);\n  }\n}\n\n@Directive({\n  selector: '[td-expansion-panel-sublabel]ng-template',\n})\nexport class TdExpansionPanelSublabelDirective extends TemplatePortalDirective {\n  constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef) {\n    super(templateRef, viewContainerRef);\n  }\n}\n\n@Component({\n  selector: 'td-expansion-summary',\n  template: '<ng-content></ng-content>',\n})\nexport class TdExpansionPanelSummaryComponent {}\n\nexport class TdExpansionPanelBase {}\n\n/* tslint:disable-next-line */\nexport const _TdExpansionPanelMixinBase = mixinDisableRipple(mixinDisabled(TdExpansionPanelBase));\n\n@Component({\n  selector: 'td-expansion-panel',\n  styleUrls: ['./expansion-panel.component.scss' ],\n  templateUrl: './expansion-panel.component.html',\n  inputs: ['disabled', 'disableRipple'],\n  animations: [\n    tdCollapseAnimation,\n    tdRotateAnimation,\n  ],\n})\nexport class TdExpansionPanelComponent extends _TdExpansionPanelMixinBase implements ICanDisable, ICanDisableRipple {\n\n  private _expand: boolean = false;\n\n  @ContentChild(TdExpansionPanelHeaderDirective) expansionPanelHeader: TdExpansionPanelHeaderDirective;\n  @ContentChild(TdExpansionPanelLabelDirective) expansionPanelLabel: TdExpansionPanelLabelDirective;\n  @ContentChild(TdExpansionPanelSublabelDirective) expansionPanelSublabel: TdExpansionPanelSublabelDirective;\n\n  /**\n   * label?: string\n   * Sets label of [TdExpansionPanelComponent] header.\n   * Defaults to 'Click to expand'\n   */\n  @Input() label: string;\n\n  /**\n   * sublabel?: string\n   * Sets sublabel of [TdExpansionPanelComponent] header.\n   */\n  @Input() sublabel: string;\n\n  /**\n   * expand?: boolean\n   * Toggles [TdExpansionPanelComponent] between expand/collapse.\n   */\n  @Input('expand')\n  set expand(expand: boolean) {\n    this._setExpand(coerceBooleanProperty(expand));\n  }\n  get expand(): boolean {\n    return this._expand;\n  }\n\n  /**\n   * expanded?: function\n   * Event emitted when [TdExpansionPanelComponent] is expanded.\n   */\n  @Output() expanded: EventEmitter<void> = new EventEmitter<void>();\n\n  /**\n   * collapsed?: function\n   * Event emitted when [TdExpansionPanelComponent] is collapsed.\n   */\n  @Output() collapsed: EventEmitter<void> = new EventEmitter<void>();\n\n  constructor(private _renderer: Renderer2,\n              private _elementRef: ElementRef) {\n    super();\n    this._renderer.addClass(this._elementRef.nativeElement, 'td-expansion-panel');\n  }\n\n  /**\n   * Method executed when [TdExpansionPanelComponent] is clicked.\n   */\n  clickEvent(): void {\n    this._setExpand(!this._expand);\n  }\n\n  /**\n   * Toggle expand state of [TdExpansionPanelComponent]\n   * retuns 'true' if successful, else 'false'.\n   */\n  toggle(): boolean {\n    return this._setExpand(!this._expand);\n  }\n\n  /**\n   * Opens [TdExpansionPanelComponent]\n   * retuns 'true' if successful, else 'false'.\n   */\n  open(): boolean {\n    return this._setExpand(true);\n  }\n\n  /**\n   * Closes [TdExpansionPanelComponent]\n   * retuns 'true' if successful, else 'false'.\n   */\n  close(): boolean {\n    return this._setExpand(false);\n  }\n\n  /** Method executed when the disabled value changes */\n  onDisabledChange(v: boolean): void {\n    if (v && this._expand) {\n      this._expand = false;\n      this._onCollapsed();\n    }\n  }\n\n  /**\n   * Method to change expand state internally and emit the [onExpanded] event if 'true' or [onCollapsed]\n   * event if 'false'. (Blocked if [disabled] is 'true')\n   */\n  private _setExpand(newExpand: boolean): boolean {\n    if (this.disabled) {\n      return false;\n    }\n    if (this._expand !== newExpand) {\n      this._expand = newExpand;\n      if (newExpand) {\n        this._renderer.addClass(this._elementRef.nativeElement, 'td-expanded');\n        this._onExpanded();\n      } else {\n        this._renderer.removeClass(this._elementRef.nativeElement, 'td-expanded');\n        this._onCollapsed();\n      }\n      return true;\n    }\n    return false;\n  }\n\n  private _onExpanded(): void {\n    this.expanded.emit(undefined);\n  }\n\n  private _onCollapsed(): void {\n    this.collapsed.emit(undefined);\n  }\n}\n","import {\n  Component,\n  Renderer2,\n  ElementRef,\n  QueryList,\n  ContentChildren,\n  AfterContentInit,\n  Input,\n  OnDestroy,\n} from '@angular/core';\nimport { TdExpansionPanelComponent } from './expansion-panel.component';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { takeUntil } from 'rxjs/operators';\nimport { Subject } from 'rxjs';\n\n@Component({\n  selector: 'td-expansion-panel-group',\n  styleUrls: ['./expansion-panel-group.component.scss'],\n  templateUrl: './expansion-panel-group.component.html',\n})\nexport class TdExpansionPanelGroupComponent\n  implements AfterContentInit, OnDestroy {\n  private _multi: boolean = false;\n\n  private _lastOpenedPanels: TdExpansionPanelComponent[] = [];\n\n  private _destroyed: Subject<boolean> = new Subject<boolean>();\n  private _stopWatchingPanels: Subject<boolean> = new Subject<boolean>();\n\n  /**\n   * multi?: boolean\n   * Sets whether multiple panels can be opened at a given time.\n   * Set to false for accordion mode.\n   * Defaults to false.\n   */\n  @Input('multi')\n  set multi(multi: boolean) {\n    this._multi = coerceBooleanProperty(multi);\n    if (this._multi === false && this._lastOpenedPanels.length > 0) {\n      this._closeAllExcept(\n        this._lastOpenedPanels[this._lastOpenedPanels.length - 1],\n      );\n    }\n  }\n\n  @ContentChildren(TdExpansionPanelComponent) expansionPanels: QueryList<\n    TdExpansionPanelComponent\n  >;\n\n  constructor(private _renderer: Renderer2, private _elementRef: ElementRef) {\n    this._renderer.addClass(\n      this._elementRef.nativeElement,\n      'td-expansion-panel-group',\n    );\n  }\n\n  ngOnDestroy(): void {\n    this._destroyed.next(true);\n    this._destroyed.unsubscribe();\n    this._stopWatchingPanels.next(true);\n    this._stopWatchingPanels.unsubscribe();\n  }\n\n  public ngAfterContentInit(): void {\n    if (!this._multi) {\n      const openedPanels: TdExpansionPanelComponent[] = this.expansionPanels.filter(\n        (expansionPanel: TdExpansionPanelComponent) => expansionPanel.expand,\n      );\n      const numOpenedPanels: number = openedPanels.length;\n      if (numOpenedPanels > 1) {\n        this._closeAllExcept(openedPanels[numOpenedPanels - 1]);\n      }\n    }\n\n    this._attachListeners(this.expansionPanels);\n\n    this.expansionPanels.changes\n      .pipe(takeUntil(this._destroyed))\n      .subscribe((expansionPanels: QueryList<TdExpansionPanelComponent>) => {\n        this._stopWatchingPanels.next(true);\n        this._stopWatchingPanels.unsubscribe();\n        this._stopWatchingPanels = new Subject<boolean>();\n        this._attachListeners(expansionPanels);\n      });\n  }\n\n  /**\n   * Opens all expansion panels, only if multi set set to true.\n   */\n  public openAll(): void {\n    if (this._multi) {\n      this.expansionPanels.forEach(\n        (expansionPanel: TdExpansionPanelComponent) => {\n          expansionPanel.open();\n        },\n      );\n    }\n  }\n\n  /**\n   * Closes all expansion panels\n   */\n  public closeAll(): void {\n    this.expansionPanels.forEach(\n      (expansionPanel: TdExpansionPanelComponent) => {\n        expansionPanel.close();\n      },\n    );\n  }\n\n  private _attachListeners(\n    expansionPanels: QueryList<TdExpansionPanelComponent>,\n  ): void {\n    this._lastOpenedPanels = [];\n    expansionPanels.forEach((expansionPanel: TdExpansionPanelComponent) => {\n      expansionPanel.expanded\n        .pipe(takeUntil(this._stopWatchingPanels))\n        .subscribe(() => {\n          const indexOfPanel: number = this._lastOpenedPanels.indexOf(\n            expansionPanel,\n          );\n          if (indexOfPanel !== -1) {\n            this._lastOpenedPanels.splice(indexOfPanel, 1);\n          }\n          this._lastOpenedPanels.push(expansionPanel);\n\n          if (!this._multi) {\n            this._closeAllExcept(expansionPanel);\n          }\n        });\n\n      expansionPanel.collapsed\n        .pipe(takeUntil(this._stopWatchingPanels))\n        .subscribe(() => {\n          const indexOfPanel: number = this._lastOpenedPanels.indexOf(\n            expansionPanel,\n          );\n          if (indexOfPanel !== -1) {\n            this._lastOpenedPanels.splice(indexOfPanel, 1);\n          }\n        });\n    });\n  }\n\n  private _closeAllExcept(expansionPanel: TdExpansionPanelComponent): void {\n    this.expansionPanels.forEach((panel: TdExpansionPanelComponent) => {\n      if (panel !== expansionPanel) {\n        panel.close();\n      }\n    });\n  }\n}\n","import { Type } from '@angular/core';\nimport { NgModule, ModuleWithProviders } from '@angular/core';\n\nimport { CommonModule } from '@angular/common';\nimport { PortalModule } from '@angular/cdk/portal';\nimport { MatRippleModule } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdExpansionPanelComponent, TdExpansionPanelHeaderDirective, TdExpansionPanelLabelDirective,\n         TdExpansionPanelSublabelDirective, TdExpansionPanelSummaryComponent } from './expansion-panel.component';\nimport { TdExpansionPanelGroupComponent } from './expansion-panel-group.component';\n\nconst TD_EXPANSION_PANEL: Type<any>[] = [\n  TdExpansionPanelGroupComponent,\n  TdExpansionPanelComponent,\n  TdExpansionPanelHeaderDirective,\n  TdExpansionPanelLabelDirective,\n  TdExpansionPanelSublabelDirective,\n  TdExpansionPanelSummaryComponent,\n];\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatRippleModule,\n    MatIconModule,\n    PortalModule,\n  ],\n  declarations: [\n    TD_EXPANSION_PANEL,\n  ],\n  exports: [\n    TD_EXPANSION_PANEL,\n  ],\n})\nexport class CovalentExpansionPanelModule {\n\n}\n"]}

package/bundles/covalent-core-json-formatter.umd.js

@@ -348,7 +348,7 @@
                         animations: [
                             common$1.tdCollapseAnimation,
                         ],
-                        styles: [":host{display:block}.td-json-formatter-wrapper{padding-top:2px;padding-bottom:2px}.td-json-formatter-wrapper .td-key{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}.td-json-formatter-wrapper .td-key.td-key-node:hover{cursor:pointer}.td-json-formatter-wrapper .td-object-children.ng-animating{overflow:hidden}.td-json-formatter-wrapper .td-object-children .td-key,.td-json-formatter-wrapper .td-object-children .td-object-children{padding-left:24px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children{padding-right:24px;padding-left:0}.td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,.td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-left:48px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-right:48px;padding-left:0}.td-json-formatter-wrapper .value{margin-left:5px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .value{padding-right:5px;padding-left:0}.td-json-formatter-wrapper .value .td-empty{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper .value .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]
+                        styles: [":host{display:block}.td-json-formatter-wrapper{padding-top:2px;padding-bottom:2px}.td-json-formatter-wrapper .td-key{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.td-json-formatter-wrapper .td-key.td-key-node:hover{cursor:pointer}.td-json-formatter-wrapper .td-object-children.ng-animating{overflow:hidden}.td-json-formatter-wrapper .td-object-children .td-key,.td-json-formatter-wrapper .td-object-children .td-object-children{padding-left:24px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children{padding-right:24px;padding-left:0}.td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,.td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-left:48px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-right:48px;padding-left:0}.td-json-formatter-wrapper .value{margin-left:5px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .value{padding-right:5px;padding-left:0}.td-json-formatter-wrapper .value .td-empty{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper .value .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]
                     }] }
         ];
         /** @nocollapse */

package/bundles/covalent-core-json-formatter.umd.min.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/material/tooltip"),require("@angular/material/icon"),require("@angular/core"),require("@angular/cdk/bidi"),require("@covalent/core/common")):"function"==typeof define&&define.amd?define("@covalent/core/json-formatter",["exports","@angular/common","@angular/material/tooltip","@angular/material/icon","@angular/core","@angular/cdk/bidi","@covalent/core/common"],t):t((e.covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core["json-formatter"]={}),e.ng.common,e.ng.material.tooltip,e.ng.material.icon,e.ng.core,e.ng.cdk.bidi,e.covalent.core.common)}(this,function(e,t,r,n,o,a,i){"use strict";var d=(Object.defineProperty(s.prototype,"levelsOpen",{get:function(){return this._levelsOpen},set:function(e){if(!Number.isInteger(e))throw new Error("[levelsOpen] needs to be an integer.");this._levelsOpen=e,this._open=0<e},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"open",{get:function(){return this._open},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"key",{get:function(){var e=this._key&&this._key.length>s.KEY_MAX_LENGTH?"…":"";return this._key?this._key.substring(0,s.KEY_MAX_LENGTH)+e:this._key},set:function(e){this._key=e},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e,this.parseChildren()},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"children",{get:function(){return this._children},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"isRTL",{get:function(){return!!this._dir&&"rtl"===this._dir.dir},enumerable:!0,configurable:!0}),s.prototype.refresh=function(){this._changeDetectorRef.markForCheck()},s.prototype.toggle=function(){this._open=!this._open},s.prototype.isObject=function(){return"object"===this.getType(this._data)},s.prototype.isArray=function(){return Array.isArray(this._data)},s.prototype.hasChildren=function(){return this._children&&0<this._children.length},s.prototype.getValue=function(e){var t=this.getType(e);if("undefined"===t||"null"===t)return t;if("date"===t)e=new Date(e).toString();else if("string"===t)e='"'+e+'"';else{if("function"===t)return e.toString().replace(/[\r\n]/g,"").replace(/\{.*\}/,"")+"{…}";if(Array.isArray(e))return this.getObjectName()+" ["+e.length+"]"}return e},s.prototype.getType=function(e){if("object"==typeof e){if(!e)return"null";if(Array.isArray(e))return"object";var t=new Date(e);if("[object Date]"===Object.prototype.toString.call(t)&&!Number.isNaN(t.getTime()))return"date"}return typeof e},s.prototype.getObjectName=function(){var e=this._data;if(this.isObject()&&!e.constructor)return"Object";var t=/function (.{1,})\(/.exec(e.constructor.toString());return t&&1<t.length?t[1]:""},s.prototype.getPreview=function(){var e,t=this,r="{ ",n=" }";this.isArray()?(e=this._data.slice(0,s.PREVIEW_LIMIT).map(function(e){return t.getValue(e)}),r="[",n="]"):e=this._children.slice(0,s.PREVIEW_LIMIT).map(function(e){return e+": "+t.getValue(t._data[e])});var o=e.join(", "),a=e.length>=s.PREVIEW_LIMIT||o.length>s.PREVIEW_STRING_MAX_LENGTH?"…":"";return r+o.substring(0,s.PREVIEW_STRING_MAX_LENGTH)+a+n},s.prototype.parseChildren=function(){if(this.isObject())for(var e in this._children=[],this._data)this._children.push(e)},s.KEY_MAX_LENGTH=30,s.PREVIEW_STRING_MAX_LENGTH=80,s.PREVIEW_LIMIT=5,s.decorators=[{type:o.Component,args:[{changeDetection:o.ChangeDetectionStrategy.OnPush,selector:"td-json-formatter",template:'<div class="td-json-formatter-wrapper">\n  <a class="td-key"\n     [class.td-key-node]="hasChildren()"\n     [class.td-key-leaf]="!hasChildren()"\n     [tabIndex]="isObject()? 0 : -1"\n     (keydown.enter)="toggle()"\n     (click)="toggle()">\n    <mat-icon class="td-node-icon" *ngIf="hasChildren()">{{open? \'keyboard_arrow_down\' : (isRTL ? \'keyboard_arrow_left\' : \'keyboard_arrow_right\')}}</mat-icon>\n    <span *ngIf="key" class="key">{{key}}:</span>\n    <span class="value">\n      <span [class.td-empty]="!hasChildren()" *ngIf="isObject()" [matTooltip]="getPreview()" matTooltipPosition="after">\n        <span class="td-object-name">{{getObjectName()}}</span>\n        <span class="td-array-length" *ngIf="isArray()">[{{data.length}}]</span>\n      </span>\n      <span *ngIf="!isObject()" [class]="getType(data)">{{getValue(data)}}</span>\n    </span>\n  </a>\n  <div class="td-object-children" [@tdCollapse]="!(hasChildren() && open)">\n    <ng-template let-key ngFor [ngForOf]="children">\n      <td-json-formatter [key]="key" [data]="data[key]" [levelsOpen]="levelsOpen - 1"></td-json-formatter>\n    </ng-template>\n  </div>\n</div>',animations:[i.tdCollapseAnimation],styles:[":host{display:block}.td-json-formatter-wrapper{padding-top:2px;padding-bottom:2px}.td-json-formatter-wrapper .td-key{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;align-content:center;max-width:100%;-ms-flex-pack:start;justify-content:flex-start}.td-json-formatter-wrapper .td-key.td-key-node:hover{cursor:pointer}.td-json-formatter-wrapper .td-object-children.ng-animating{overflow:hidden}.td-json-formatter-wrapper .td-object-children .td-key,.td-json-formatter-wrapper .td-object-children .td-object-children{padding-left:24px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children{padding-right:24px;padding-left:0}.td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,.td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-left:48px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-right:48px;padding-left:0}.td-json-formatter-wrapper .value{margin-left:5px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .value{padding-right:5px;padding-left:0}.td-json-formatter-wrapper .value .td-empty{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper .value .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]}]}],s.ctorParameters=function(){return[{type:o.ChangeDetectorRef},{type:a.Dir,decorators:[{type:o.Optional}]}]},s.propDecorators={levelsOpen:[{type:o.Input,args:["levelsOpen"]}],key:[{type:o.Input,args:["key"]}],data:[{type:o.Input,args:["data"]}]},s);function s(e,t){this._changeDetectorRef=e,this._dir=t,this._open=!1,this._levelsOpen=0}var l=(p.decorators=[{type:o.NgModule,args:[{imports:[t.CommonModule,r.MatTooltipModule,n.MatIconModule],declarations:[d],exports:[d]}]}],p);function p(){}e.CovalentJsonFormatterModule=l,e.TdJsonFormatterComponent=d,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/material/tooltip"),require("@angular/material/icon"),require("@angular/core"),require("@angular/cdk/bidi"),require("@covalent/core/common")):"function"==typeof define&&define.amd?define("@covalent/core/json-formatter",["exports","@angular/common","@angular/material/tooltip","@angular/material/icon","@angular/core","@angular/cdk/bidi","@covalent/core/common"],t):t((e.covalent=e.covalent||{},e.covalent.core=e.covalent.core||{},e.covalent.core["json-formatter"]={}),e.ng.common,e.ng.material.tooltip,e.ng.material.icon,e.ng.core,e.ng.cdk.bidi,e.covalent.core.common)}(this,function(e,t,r,n,o,a,i){"use strict";var d=(Object.defineProperty(s.prototype,"levelsOpen",{get:function(){return this._levelsOpen},set:function(e){if(!Number.isInteger(e))throw new Error("[levelsOpen] needs to be an integer.");this._levelsOpen=e,this._open=0<e},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"open",{get:function(){return this._open},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"key",{get:function(){var e=this._key&&this._key.length>s.KEY_MAX_LENGTH?"…":"";return this._key?this._key.substring(0,s.KEY_MAX_LENGTH)+e:this._key},set:function(e){this._key=e},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e,this.parseChildren()},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"children",{get:function(){return this._children},enumerable:!0,configurable:!0}),Object.defineProperty(s.prototype,"isRTL",{get:function(){return!!this._dir&&"rtl"===this._dir.dir},enumerable:!0,configurable:!0}),s.prototype.refresh=function(){this._changeDetectorRef.markForCheck()},s.prototype.toggle=function(){this._open=!this._open},s.prototype.isObject=function(){return"object"===this.getType(this._data)},s.prototype.isArray=function(){return Array.isArray(this._data)},s.prototype.hasChildren=function(){return this._children&&0<this._children.length},s.prototype.getValue=function(e){var t=this.getType(e);if("undefined"===t||"null"===t)return t;if("date"===t)e=new Date(e).toString();else if("string"===t)e='"'+e+'"';else{if("function"===t)return e.toString().replace(/[\r\n]/g,"").replace(/\{.*\}/,"")+"{…}";if(Array.isArray(e))return this.getObjectName()+" ["+e.length+"]"}return e},s.prototype.getType=function(e){if("object"==typeof e){if(!e)return"null";if(Array.isArray(e))return"object";var t=new Date(e);if("[object Date]"===Object.prototype.toString.call(t)&&!Number.isNaN(t.getTime()))return"date"}return typeof e},s.prototype.getObjectName=function(){var e=this._data;if(this.isObject()&&!e.constructor)return"Object";var t=/function (.{1,})\(/.exec(e.constructor.toString());return t&&1<t.length?t[1]:""},s.prototype.getPreview=function(){var e,t=this,r="{ ",n=" }";this.isArray()?(e=this._data.slice(0,s.PREVIEW_LIMIT).map(function(e){return t.getValue(e)}),r="[",n="]"):e=this._children.slice(0,s.PREVIEW_LIMIT).map(function(e){return e+": "+t.getValue(t._data[e])});var o=e.join(", "),a=e.length>=s.PREVIEW_LIMIT||o.length>s.PREVIEW_STRING_MAX_LENGTH?"…":"";return r+o.substring(0,s.PREVIEW_STRING_MAX_LENGTH)+a+n},s.prototype.parseChildren=function(){if(this.isObject())for(var e in this._children=[],this._data)this._children.push(e)},s.KEY_MAX_LENGTH=30,s.PREVIEW_STRING_MAX_LENGTH=80,s.PREVIEW_LIMIT=5,s.decorators=[{type:o.Component,args:[{changeDetection:o.ChangeDetectionStrategy.OnPush,selector:"td-json-formatter",template:'<div class="td-json-formatter-wrapper">\n  <a class="td-key"\n     [class.td-key-node]="hasChildren()"\n     [class.td-key-leaf]="!hasChildren()"\n     [tabIndex]="isObject()? 0 : -1"\n     (keydown.enter)="toggle()"\n     (click)="toggle()">\n    <mat-icon class="td-node-icon" *ngIf="hasChildren()">{{open? \'keyboard_arrow_down\' : (isRTL ? \'keyboard_arrow_left\' : \'keyboard_arrow_right\')}}</mat-icon>\n    <span *ngIf="key" class="key">{{key}}:</span>\n    <span class="value">\n      <span [class.td-empty]="!hasChildren()" *ngIf="isObject()" [matTooltip]="getPreview()" matTooltipPosition="after">\n        <span class="td-object-name">{{getObjectName()}}</span>\n        <span class="td-array-length" *ngIf="isArray()">[{{data.length}}]</span>\n      </span>\n      <span *ngIf="!isObject()" [class]="getType(data)">{{getValue(data)}}</span>\n    </span>\n  </a>\n  <div class="td-object-children" [@tdCollapse]="!(hasChildren() && open)">\n    <ng-template let-key ngFor [ngForOf]="children">\n      <td-json-formatter [key]="key" [data]="data[key]" [levelsOpen]="levelsOpen - 1"></td-json-formatter>\n    </ng-template>\n  </div>\n</div>',animations:[i.tdCollapseAnimation],styles:[":host{display:block}.td-json-formatter-wrapper{padding-top:2px;padding-bottom:2px}.td-json-formatter-wrapper .td-key{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.td-json-formatter-wrapper .td-key.td-key-node:hover{cursor:pointer}.td-json-formatter-wrapper .td-object-children.ng-animating{overflow:hidden}.td-json-formatter-wrapper .td-object-children .td-key,.td-json-formatter-wrapper .td-object-children .td-object-children{padding-left:24px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children{padding-right:24px;padding-left:0}.td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,.td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-left:48px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-key.td-key-leaf,::ng-deep [dir=rtl] .td-json-formatter-wrapper .td-object-children .td-object-children.td-key-leaf{padding-right:48px;padding-left:0}.td-json-formatter-wrapper .value{margin-left:5px}::ng-deep [dir=rtl] .td-json-formatter-wrapper .value{padding-right:5px;padding-left:0}.td-json-formatter-wrapper .value .td-empty{opacity:.5;text-decoration:line-through}.td-json-formatter-wrapper .value .date,.td-json-formatter-wrapper .value .string{word-break:break-word}"]}]}],s.ctorParameters=function(){return[{type:o.ChangeDetectorRef},{type:a.Dir,decorators:[{type:o.Optional}]}]},s.propDecorators={levelsOpen:[{type:o.Input,args:["levelsOpen"]}],key:[{type:o.Input,args:["key"]}],data:[{type:o.Input,args:["data"]}]},s);function s(e,t){this._changeDetectorRef=e,this._dir=t,this._open=!1,this._levelsOpen=0}var l=(p.decorators=[{type:o.NgModule,args:[{imports:[t.CommonModule,r.MatTooltipModule,n.MatIconModule],declarations:[d],exports:[d]}]}],p);function p(){}e.CovalentJsonFormatterModule=l,e.TdJsonFormatterComponent=d,Object.defineProperty(e,"__esModule",{value:!0})});
 //# sourceMappingURL=covalent-core-json-formatter.umd.min.js.map

package/bundles/covalent-core-json-formatter.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ng://@covalent/core/json-formatter/json-formatter.component.ts","ng://@covalent/core/json-formatter/json-formatter.module.ts"],"names":["TdJsonFormatterComponent","Object","defineProperty","prototype","this","_levelsOpen","levelsOpen","Number","isInteger","Error","_open","elipsis","_key","length","KEY_MAX_LENGTH","substring","key","_data","data","parseChildren","_children","_dir","dir","refresh","_changeDetectorRef","markForCheck","toggle","isObject","getType","isArray","Array","hasChildren","getValue","value","type","Date","toString","replace","getObjectName","object","date","call","isNaN","getTime","constructor","results","exec","getPreview","previewData","_this","startChar","endChar","slice","PREVIEW_LIMIT","map","obj","previewString","join","ellipsis","PREVIEW_STRING_MAX_LENGTH","push","Component","args","changeDetection","ChangeDetectionStrategy","OnPush","selector","template","animations","tdCollapseAnimation","ChangeDetectorRef","Dir","decorators","Optional","Input","CovalentJsonFormatterModule","NgModule","imports","CommonModule","MatTooltipModule","MatIconModule","declarations","exports"],"mappings":"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","sourcesContent":["import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef, Optional } from '@angular/core';\nimport { Dir } from '@angular/cdk/bidi';\nimport { tdCollapseAnimation } from '@covalent/core/common';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'td-json-formatter',\n  styleUrls: ['./json-formatter.component.scss' ],\n  templateUrl: './json-formatter.component.html',\n  animations: [\n    tdCollapseAnimation,\n  ],\n})\nexport class TdJsonFormatterComponent {\n\n  /**\n   * Max length for property names. Any names bigger than this get trunctated.\n   */\n  private static KEY_MAX_LENGTH: number = 30;\n\n  /**\n   * Max length for preview string. Any names bigger than this get trunctated.\n   */\n  private static PREVIEW_STRING_MAX_LENGTH: number = 80;\n\n  /**\n   * Max tooltip preview elements.\n   */\n  private static PREVIEW_LIMIT: number = 5;\n\n  private _key: string;\n  private _data: any;\n  private _children: string[];\n  private _open: boolean = false;\n  private _levelsOpen: number = 0;\n\n  /**\n   * levelsOpen?: number\n   * Levels opened by default when JS object is formatted and rendered.\n   */\n  @Input('levelsOpen')\n  set levelsOpen(levelsOpen: number) {\n    if (!Number.isInteger(levelsOpen)) {\n      throw new Error('[levelsOpen] needs to be an integer.');\n    }\n    this._levelsOpen = levelsOpen;\n    this._open = levelsOpen > 0;\n  }\n  get levelsOpen(): number {\n    return this._levelsOpen;\n  }\n\n  get open(): boolean {\n    return this._open;\n  }\n\n  /**\n   * key?: string\n   * Tag to be displayed next to formatted object.\n   */\n  @Input('key')\n  set key(key: string) {\n    this._key = key;\n  }\n  get key(): string {\n    let elipsis: string = this._key && this._key.length > TdJsonFormatterComponent.KEY_MAX_LENGTH ? '…' : '';\n    return this._key ? this._key.substring(0, TdJsonFormatterComponent.KEY_MAX_LENGTH) + elipsis : this._key;\n  }\n\n  /**\n   * data: any\n   * JS object to be formatted.\n   */\n  @Input('data')\n  set data(data: any) {\n    this._data = data;\n    this.parseChildren();\n  }\n  get data(): any {\n    return this._data;\n  }\n\n  get children(): string[] {\n    return this._children;\n  }\n\n  get isRTL(): boolean {\n    if (this._dir) {\n      return this._dir.dir === 'rtl';\n    }\n    return false;\n  }\n\n  constructor(private _changeDetectorRef: ChangeDetectorRef,\n              @Optional() private _dir: Dir) {\n  }\n\n  /**\n   * Refreshes json-formatter and rerenders [data]\n   */\n  refresh(): void {\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Toggles collapse/expanded state of component.\n   */\n  toggle(): void {\n    this._open = !this._open;\n  }\n\n  isObject(): boolean {\n    return this.getType(this._data) === 'object';\n  }\n\n  isArray(): boolean {\n    return Array.isArray(this._data);\n  }\n\n  hasChildren(): boolean {\n    return this._children && this._children.length > 0;\n  }\n\n  /**\n   * Gets parsed value depending on value type.\n   */\n  getValue(value: any): string {\n    let type: string = this.getType(value);\n    if (type === 'undefined' || (type === 'null')) {\n      return type;\n    } else if (type === 'date') {\n      value = new Date(value).toString();\n    } else if (type === 'string') {\n      value = '\"' + value + '\"';\n    } else if (type === 'function') {\n      // Remove content of the function\n      return value.toString()\n          .replace(/[\\r\\n]/g, '')\n          .replace(/\\{.*\\}/, '') + '{…}';\n    } else if (Array.isArray(value)) {\n      return this.getObjectName() + ' [' + value.length + ']';\n    }\n    return value;\n  }\n\n  /**\n   * Gets type of object.\n   * returns 'null' if object is null and 'date' if value is object and can be parsed to a date.\n   */\n  getType(object: any): string {\n    if (typeof object === 'object') {\n      if (!object) {\n        return 'null';\n      }\n      if (Array.isArray(object)) {\n        return 'object';\n      }\n      let date: Date = new Date(object);\n      if (Object.prototype.toString.call(date) === '[object Date]') {\n        if (!Number.isNaN(date.getTime())) {\n          return 'date';\n        }\n      }\n    }\n    return typeof object;\n  }\n\n  /**\n   * Generates string representation depending if its an object or function.\n   * see: http://stackoverflow.com/a/332429\n   */\n  getObjectName(): string {\n    let object: any = this._data;\n    if (this.isObject() && !object.constructor) {\n        return 'Object';\n    }\n    let funcNameRegex: RegExp = /function (.{1,})\\(/;\n    let results: RegExpExecArray = (funcNameRegex).exec((object).constructor.toString());\n    if (results && results.length > 1) {\n      return results[1];\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * Creates preview of nodes children to render in tooltip depending if its an array or an object.\n   */\n  getPreview(): string {\n    let previewData: string[];\n    let startChar: string = '{ ';\n    let endChar: string = ' }';\n    if (this.isArray()) {\n      let previewArray: any[] = this._data.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);\n      previewData = previewArray.map((obj: any) => {\n        return this.getValue(obj);\n      });\n      startChar = '[';\n      endChar = ']';\n    } else {\n      let previewKeys: string[] = this._children.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);\n      previewData = previewKeys.map((key: string) => {\n        return key + ': ' + this.getValue(this._data[key]);\n      });\n    }\n    let previewString: string =  previewData.join(', ');\n    let ellipsis: string = previewData.length >= TdJsonFormatterComponent.PREVIEW_LIMIT ||\n                           previewString.length > TdJsonFormatterComponent.PREVIEW_STRING_MAX_LENGTH ? '…' : '';\n    return startChar + previewString.substring(0, TdJsonFormatterComponent.PREVIEW_STRING_MAX_LENGTH) +\n           ellipsis + endChar;\n  }\n\n  private parseChildren(): void {\n    if (this.isObject()) {\n      this._children = [];\n      for (let key in this._data) {\n        this._children.push(key);\n      }\n    }\n  }\n\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdJsonFormatterComponent } from './json-formatter.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatTooltipModule,\n    MatIconModule,\n  ],\n  declarations: [\n    TdJsonFormatterComponent,\n  ],\n  exports: [\n    TdJsonFormatterComponent,\n  ],\n})\nexport class CovalentJsonFormatterModule {\n\n}\n"]}
+{"version":3,"sources":["ng://@covalent/core/json-formatter/json-formatter.component.ts","ng://@covalent/core/json-formatter/json-formatter.module.ts"],"names":["TdJsonFormatterComponent","Object","defineProperty","prototype","this","_levelsOpen","levelsOpen","Number","isInteger","Error","_open","elipsis","_key","length","KEY_MAX_LENGTH","substring","key","_data","data","parseChildren","_children","_dir","dir","refresh","_changeDetectorRef","markForCheck","toggle","isObject","getType","isArray","Array","hasChildren","getValue","value","type","Date","toString","replace","getObjectName","object","date","call","isNaN","getTime","constructor","results","exec","getPreview","previewData","_this","startChar","endChar","slice","PREVIEW_LIMIT","map","obj","previewString","join","ellipsis","PREVIEW_STRING_MAX_LENGTH","push","Component","args","changeDetection","ChangeDetectionStrategy","OnPush","selector","template","animations","tdCollapseAnimation","ChangeDetectorRef","Dir","decorators","Optional","Input","CovalentJsonFormatterModule","NgModule","imports","CommonModule","MatTooltipModule","MatIconModule","declarations","exports"],"mappings":"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","sourcesContent":["import { Component, Input, ChangeDetectionStrategy, ChangeDetectorRef, Optional } from '@angular/core';\nimport { Dir } from '@angular/cdk/bidi';\nimport { tdCollapseAnimation } from '@covalent/core/common';\n\n@Component({\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  selector: 'td-json-formatter',\n  styleUrls: ['./json-formatter.component.scss' ],\n  templateUrl: './json-formatter.component.html',\n  animations: [\n    tdCollapseAnimation,\n  ],\n})\nexport class TdJsonFormatterComponent {\n\n  /**\n   * Max length for property names. Any names bigger than this get trunctated.\n   */\n  private static KEY_MAX_LENGTH: number = 30;\n\n  /**\n   * Max length for preview string. Any names bigger than this get trunctated.\n   */\n  private static PREVIEW_STRING_MAX_LENGTH: number = 80;\n\n  /**\n   * Max tooltip preview elements.\n   */\n  private static PREVIEW_LIMIT: number = 5;\n\n  private _key: string;\n  private _data: any;\n  private _children: string[];\n  private _open: boolean = false;\n  private _levelsOpen: number = 0;\n\n  /**\n   * levelsOpen?: number\n   * Levels opened by default when JS object is formatted and rendered.\n   */\n  @Input('levelsOpen')\n  set levelsOpen(levelsOpen: number) {\n    if (!Number.isInteger(levelsOpen)) {\n      throw new Error('[levelsOpen] needs to be an integer.');\n    }\n    this._levelsOpen = levelsOpen;\n    this._open = levelsOpen > 0;\n  }\n  get levelsOpen(): number {\n    return this._levelsOpen;\n  }\n\n  get open(): boolean {\n    return this._open;\n  }\n\n  /**\n   * key?: string\n   * Tag to be displayed next to formatted object.\n   */\n  @Input('key')\n  set key(key: string) {\n    this._key = key;\n  }\n  get key(): string {\n    let elipsis: string = this._key && this._key.length > TdJsonFormatterComponent.KEY_MAX_LENGTH ? '…' : '';\n    return this._key ? this._key.substring(0, TdJsonFormatterComponent.KEY_MAX_LENGTH) + elipsis : this._key;\n  }\n\n  /**\n   * data: any\n   * JS object to be formatted.\n   */\n  @Input('data')\n  set data(data: any) {\n    this._data = data;\n    this.parseChildren();\n  }\n  get data(): any {\n    return this._data;\n  }\n\n  get children(): string[] {\n    return this._children;\n  }\n\n  get isRTL(): boolean {\n    if (this._dir) {\n      return this._dir.dir === 'rtl';\n    }\n    return false;\n  }\n\n  constructor(private _changeDetectorRef: ChangeDetectorRef,\n              @Optional() private _dir: Dir) {\n  }\n\n  /**\n   * Refreshes json-formatter and rerenders [data]\n   */\n  refresh(): void {\n    this._changeDetectorRef.markForCheck();\n  }\n\n  /**\n   * Toggles collapse/expanded state of component.\n   */\n  toggle(): void {\n    this._open = !this._open;\n  }\n\n  isObject(): boolean {\n    return this.getType(this._data) === 'object';\n  }\n\n  isArray(): boolean {\n    return Array.isArray(this._data);\n  }\n\n  hasChildren(): boolean {\n    return this._children && this._children.length > 0;\n  }\n\n  /**\n   * Gets parsed value depending on value type.\n   */\n  getValue(value: any): string {\n    let type: string = this.getType(value);\n    if (type === 'undefined' || (type === 'null')) {\n      return type;\n    } else if (type === 'date') {\n      value = new Date(value).toString();\n    } else if (type === 'string') {\n      value = '\"' + value + '\"';\n    } else if (type === 'function') {\n      // Remove content of the function\n      return value.toString()\n          .replace(/[\\r\\n]/g, '')\n          .replace(/\\{.*\\}/, '') + '{…}';\n    } else if (Array.isArray(value)) {\n      return this.getObjectName() + ' [' + value.length + ']';\n    }\n    return value;\n  }\n\n  /**\n   * Gets type of object.\n   * returns 'null' if object is null and 'date' if value is object and can be parsed to a date.\n   */\n  getType(object: any): string {\n    if (typeof object === 'object') {\n      if (!object) {\n        return 'null';\n      }\n      if (Array.isArray(object)) {\n        return 'object';\n      }\n      let date: Date = new Date(object);\n      if (Object.prototype.toString.call(date) === '[object Date]') {\n        if (!Number.isNaN(date.getTime())) {\n          return 'date';\n        }\n      }\n    }\n    return typeof object;\n  }\n\n  /**\n   * Generates string representation depending if its an object or function.\n   * see: http://stackoverflow.com/a/332429\n   */\n  getObjectName(): string {\n    let object: any = this._data;\n    if (this.isObject() && !object.constructor) {\n        return 'Object';\n    }\n    let funcNameRegex: RegExp = /function (.{1,})\\(/;\n    let results: RegExpExecArray = (funcNameRegex).exec((object).constructor.toString());\n    if (results && results.length > 1) {\n      return results[1];\n    } else {\n      return '';\n    }\n  }\n\n  /**\n   * Creates preview of nodes children to render in tooltip depending if its an array or an object.\n   */\n  getPreview(): string {\n    let previewData: string[];\n    let startChar: string = '{ ';\n    let endChar: string = ' }';\n    if (this.isArray()) {\n      let previewArray: any[] = this._data.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);\n      previewData = previewArray.map((obj: any) => {\n        return this.getValue(obj);\n      });\n      startChar = '[';\n      endChar = ']';\n    } else {\n      let previewKeys: string[] = this._children.slice(0, TdJsonFormatterComponent.PREVIEW_LIMIT);\n      previewData = previewKeys.map((key: string) => {\n        return key + ': ' + this.getValue(this._data[key]);\n      });\n    }\n    let previewString: string =  previewData.join(', ');\n    let ellipsis: string = previewData.length >= TdJsonFormatterComponent.PREVIEW_LIMIT ||\n                           previewString.length > TdJsonFormatterComponent.PREVIEW_STRING_MAX_LENGTH ? '…' : '';\n    return startChar + previewString.substring(0, TdJsonFormatterComponent.PREVIEW_STRING_MAX_LENGTH) +\n           ellipsis + endChar;\n  }\n\n  private parseChildren(): void {\n    if (this.isObject()) {\n      this._children = [];\n      for (let key in this._data) {\n        this._children.push(key);\n      }\n    }\n  }\n\n}\n","import { NgModule, ModuleWithProviders } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { MatIconModule } from '@angular/material/icon';\n\nimport { TdJsonFormatterComponent } from './json-formatter.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    MatTooltipModule,\n    MatIconModule,\n  ],\n  declarations: [\n    TdJsonFormatterComponent,\n  ],\n  exports: [\n    TdJsonFormatterComponent,\n  ],\n})\nexport class CovalentJsonFormatterModule {\n\n}\n"]}

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

@@ -113,7 +113,7 @@
             { type: core.Component, args: [{
                         selector: 'td-layout',
                         template: "<mat-sidenav-container fullscreen [autosize]=\"containerAutosize\">\n  <mat-sidenav #sidenav\n              class=\"td-layout-sidenav\"\n              [mode]=\"mode\"\n              [opened]=\"opened\"\n              [style.max-width]=\"sidenavWidth\"\n              [style.min-width]=\"sidenavWidth\"\n              [disableClose]=\"disableClose\">\n    <ng-content select=\"td-navigation-drawer\"></ng-content>\n    <ng-content select=\"[td-sidenav-content]\"></ng-content>\n  </mat-sidenav>\n  <ng-content></ng-content>\n</mat-sidenav-container>\n",
-                        styles: [":host{display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container .mat-drawer>.mat-drawer-inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}"]
+                        styles: [":host{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host ::ng-deep>mat-sidenav-container .mat-drawer>.mat-drawer-inner-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}"]
                     }] }
         ];
         TdLayoutComponent.propDecorators = {
@@ -471,7 +471,7 @@
             { type: core.Component, args: [{
                         selector: 'td-layout-nav',
                         template: "<div class=\"td-layout-nav-wrapper\">\n  <mat-toolbar [color]=\"color\">\n    <ng-content select=\"[td-menu-button]\"></ng-content>\n    <span *ngIf=\"icon || logo || toolbarTitle\"\n          [class.cursor-pointer]=\"routerEnabled\"\n          (click)=\"handleNavigationClick()\"\n          class=\"td-layout-nav-toolbar-content\">\n      <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n      <mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\n      <span *ngIf=\"toolbarTitle\">{{toolbarTitle}}</span>\n    </span>\n    <ng-content select=\"[td-toolbar-content]\"></ng-content>\n  </mat-toolbar>\n  <div class=\"td-layout-nav-content\" cdkScrollable>\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"td-layout-footer\"></ng-content>\n</div>\n",
-                        styles: [".td-menu-button{margin-left:0}::ng-deep [dir=rtl] .td-menu-button{margin-right:0;margin-left:6px}:host{display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .td-layout-nav-wrapper{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-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-layout-nav-wrapper .td-layout-nav-content{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}"]
+                        styles: [".td-menu-button{margin-left:0}::ng-deep [dir=rtl] .td-menu-button{margin-right:0;margin-left:6px}:host{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host .td-layout-nav-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%}:host .td-layout-nav-wrapper .td-layout-nav-toolbar-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}:host .td-layout-nav-wrapper .td-layout-nav-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}"]
                     }] }
         ];
         /** @nocollapse */
@@ -630,7 +630,7 @@
             { type: core.Component, args: [{
                         selector: 'td-layout-nav-list',
                         template: "<div class=\"td-layout-nav-list-wrapper\">\n  <mat-sidenav-container fullscreen [autosize]=\"containerAutosize\" class=\"td-layout-nav-list\">\n    <mat-sidenav #sidenav\n                position=\"start\"\n                [mode]=\"mode\"\n                [opened]=\"opened\"\n                [disableClose]=\"disableClose\"\n                [style.max-width]=\"sidenavWidth\"\n                [style.min-width]=\"sidenavWidth\">\n      <mat-toolbar [color]=\"color\">\n        <ng-content select=\"[td-menu-button]\"></ng-content>\n        <span *ngIf=\"icon || logo || toolbarTitle\"\n              class=\"td-layout-nav-list-toolbar-content\"\n              [class.cursor-pointer]=\"routerEnabled\"\n              (click)=\"handleNavigationClick()\">\n          <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n          <mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\n          <span *ngIf=\"toolbarTitle\">{{toolbarTitle}}</span>\n        </span>\n        <ng-content select=\"[td-sidenav-toolbar-content]\"></ng-content>\n      </mat-toolbar>\n      <div class=\"td-layout-nav-list-content\" cdkScrollable>\n        <ng-content select=\"[td-sidenav-content]\"></ng-content>\n      </div>\n    </mat-sidenav>\n    <div class=\"td-layout-nav-list-main\">\n      <mat-toolbar [color]=\"color\">\n        <ng-content select=\"[td-toolbar-content]\"></ng-content>\n      </mat-toolbar>\n      <div class=\"td-layout-nav-list-content\" cdkScrollable>\n        <ng-content></ng-content>\n      </div>\n      <ng-content select=\"td-layout-footer-inner\"></ng-content>\n    </div>\n  </mat-sidenav-container>\n</div>\n<ng-content select=\"td-layout-footer\"></ng-content>",
-                        styles: [":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-right:0}[dir=rtl] :host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-left:0}:host .td-layout-nav-list-wrapper{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-toolbar-content{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-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-layout-nav-list-wrapper .td-layout-nav-list-content{text-align:start;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main{-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main .td-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list{-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closed,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closing,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opened,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opening{box-shadow:none}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}"]
+                        styles: [":host{margin:0;width:100%;min-height:100%;height:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-right:0}[dir=rtl] :host .td-layout-nav-list-wrapper>.mat-sidenav-container>mat-sidenav.mat-drawer-side{border-left:0}:host .td-layout-nav-list-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-toolbar-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}:host .td-layout-nav-list-wrapper .td-layout-nav-list-content{text-align:start;-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto}:host .td-layout-nav-list-wrapper .td-layout-nav-list-main .td-layout-nav-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list{-webkit-box-flex:1;-ms-flex:1;flex:1}:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closed,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-closing,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opened,:host .td-layout-nav-list-wrapper mat-sidenav-container.td-layout-nav-list>mat-sidenav.mat-drawer-opening{-webkit-box-shadow:none;box-shadow:none}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-nav-list>.mat-drawer>.mat-drawer-inner-container{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}"]
                     }] }
         ];
         /** @nocollapse */
@@ -810,7 +810,7 @@
             { type: core.Component, args: [{
                         selector: 'td-layout-card-over',
                         template: "<mat-toolbar [color]=\"color\">\n</mat-toolbar>\n<div class=\"td-layout-card-over-wrapper\">\n  <div class=\"td-layout-card-over\"\n        [style.max-width.%]=\"cardWidth\"\n        [style.flex]=\"'1 1 ' + cardWidth + '%'\"\n        [style.-ms-flex]=\"'1 1 ' + cardWidth + '%'\"\n        [style.-webkit-box-flex]=\"1\">\n    <mat-card>\n      <mat-card-title *ngIf=\"cardTitle\">{{cardTitle}}</mat-card-title>\n      <mat-card-subtitle *ngIf=\"cardSubtitle\">{{cardSubtitle}}</mat-card-subtitle>\n      <mat-divider *ngIf=\"cardTitle || cardSubtitle\"></mat-divider>\n      <ng-content></ng-content>\n    </mat-card>\n    <ng-content select=\"[td-after-card]\"></ng-content>\n  </div>\n</div>\n",
-                        styles: [":host{position:relative;display:block;z-index:2;width:100%;min-height:100%;height:100%}:host [td-after-card]{display:block}.td-layout-card-over-wrapper{margin:-64px 0;width:100%;min-height:100%;height:100%}@media (min-width:600px){.td-layout-card-over-wrapper{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:center;justify-content:center}.td-layout-card-over-wrapper .td-layout-card-over{max-height:100%;box-sizing:border-box}}@media (max-width:599px){.td-layout-card-over-wrapper .td-layout-card-over{max-width:100%!important}}"]
+                        styles: [":host{position:relative;display:block;z-index:2;width:100%;min-height:100%;height:100%}:host [td-after-card]{display:block}.td-layout-card-over-wrapper{margin:-64px 0;width:100%;min-height:100%;height:100%}@media (min-width:600px){.td-layout-card-over-wrapper{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.td-layout-card-over-wrapper .td-layout-card-over{max-height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}}@media (max-width:599px){.td-layout-card-over-wrapper .td-layout-card-over{max-width:100%!important}}"]
                     }] }
         ];
         TdLayoutCardOverComponent.propDecorators = {
@@ -931,7 +931,7 @@
             { type: core.Component, args: [{
                         selector: 'td-layout-manage-list',
                         template: "<mat-sidenav-container fullscreen [autosize]=\"containerAutosize\" class=\"td-layout-manage-list\">\n  <mat-sidenav #sidenav\n              position=\"start\"\n              [mode]=\"mode\"\n              [opened]=\"opened\"\n              [disableClose]=\"disableClose\"\n              [style.max-width]=\"sidenavWidth\"\n              [style.min-width]=\"sidenavWidth\">\n    <ng-content select=\"mat-toolbar[td-sidenav-content]\"></ng-content>\n    <div class=\"td-layout-manage-list-sidenav\" cdkScrollable>\n      <ng-content select=\"[td-sidenav-content]\"></ng-content>\n    </div>\n  </mat-sidenav>\n  <div class=\"td-layout-manage-list-main\">\n    <ng-content select=\"mat-toolbar\"></ng-content>\n    <div class=\"td-layout-manage-list-content\" cdkScrollable>\n      <ng-content></ng-content>\n    </div>\n    <ng-content select=\"td-layout-footer-inner\"></ng-content>\n  </div>\n</mat-sidenav-container>\n",
-                        styles: [":host{display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.td-layout-manage-list{-ms-flex:1;flex:1}:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closed,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closing,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opened,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opening{box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}:host .td-layout-manage-list-sidenav{text-align:start;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;display:-ms-flexbox;display:flex}:host .td-layout-manage-list-main .td-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-ms-flex:1;flex:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer-content{-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host ::ng-deep mat-nav-list a[mat-list-item] .mat-list-item-content{font-size:14px}:host ::ng-deep .mat-toolbar{font-weight:400}"]
+                        styles: [":host{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;width:100%;min-height:100%;height:100%;overflow:hidden}:host mat-sidenav-container.td-layout-manage-list{-webkit-box-flex:1;-ms-flex:1;flex:1}:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closed,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-closing,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opened,:host mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container.mat-drawer-opening{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.2);box-shadow:0 1px 3px 0 rgba(0,0,0,.2)}:host .td-layout-manage-list-sidenav{text-align:start;-webkit-box-flex:1;-ms-flex:1;flex:1;display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}:host .td-layout-manage-list-main{margin:0;width:100%;min-height:100%;height:100%;position:relative;overflow:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}:host .td-layout-manage-list-main .td-layout-manage-list-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch;-webkit-box-flex:1;-ms-flex:1;flex:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer-content{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}:host ::ng-deep mat-sidenav-container.td-layout-manage-list>.mat-drawer>.mat-drawer-inner-container{-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:host ::ng-deep mat-nav-list a[mat-list-item] .mat-list-item-content{font-size:14px}:host ::ng-deep .mat-toolbar{font-weight:400}"]
                     }] }
         ];
         TdLayoutManageListComponent.propDecorators = {
@@ -1352,9 +1352,9 @@
         TdNavigationDrawerComponent.decorators = [
             { type: core.Component, args: [{
                         selector: 'td-navigation-drawer',
-                        template: "<mat-toolbar [color]=\"color\"\n             [style.background-image]=\"backgroundImage\"\n             [class.td-toolbar-background]=\"!!isBackgroundAvailable\"\n             class=\"td-nagivation-drawer-toolbar\">\n  <ng-content select=\"[td-navigation-drawer-toolbar]\"></ng-content>\n  <ng-container *ngIf=\"!isCustomToolbar\">\n    <div *ngIf=\"icon || logo || sidenavTitle\"\n          class=\"td-navigation-drawer-toolbar-content\"\n          [class.cursor-pointer]=\"routerEnabled\"\n          (click)=\"handleNavigationClick()\">\n      <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n      <mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\n      <span *ngIf=\"sidenavTitle\" class=\"td-navigation-drawer-title\">{{sidenavTitle}}</span>\n    </div>\n    <div class=\"td-navigation-drawer-name\" *ngIf=\"email && name\">{{name}}</div>\n    <div class=\"td-navigation-drawer-menu-toggle\"\n        href\n        *ngIf=\"email || name\"\n        (click)=\"toggleMenu()\">\n      <span class=\"td-navigation-drawer-label\">{{email || name}}</span>\n      <button mat-icon-button class=\"td-navigation-drawer-menu-button\" *ngIf=\"isMenuAvailable\">\n        <mat-icon *ngIf=\"!menuToggled\">arrow_drop_down</mat-icon>\n        <mat-icon *ngIf=\"menuToggled\">arrow_drop_up</mat-icon>\n      </button>\n    </div>\n  </ng-container>\n</mat-toolbar>\n<div class=\"td-navigation-drawer-content\" [@tdCollapse]=\"menuToggled\">\n  <ng-content></ng-content>\n</div>\n<div class=\"td-navigation-drawer-menu-content\" [@tdCollapse]=\"!menuToggled\">\n  <ng-content select=\"[td-navigation-drawer-menu]\"></ng-content>\n</div>\n",
+                        template: "<mat-toolbar [color]=\"color\"\n             [style.background-image]=\"backgroundImage\"\n             [class.td-toolbar-background]=\"!!isBackgroundAvailable\"\n             class=\"td-nagivation-drawer-toolbar\">\n  <ng-content select=\"[td-navigation-drawer-toolbar]\"></ng-content>\n  <ng-container *ngIf=\"!isCustomToolbar\">\n    <div *ngIf=\"icon || logo || sidenavTitle || avatar\"\n          class=\"td-navigation-drawer-toolbar-content\"\n          [class.cursor-pointer]=\"routerEnabled\"\n          (click)=\"handleNavigationClick()\">\n      <mat-icon *ngIf=\"icon\">{{icon}}</mat-icon>\n      <mat-icon *ngIf=\"logo && !icon\" class=\"mat-icon-logo\" [svgIcon]=\"logo\"></mat-icon>\n      <img *ngIf=\"avatar && !logo && !icon\" class=\"td-nagivation-drawer-toolbar-avatar\" [attr.src]=\"avatar\" />\n      <span *ngIf=\"sidenavTitle\" class=\"td-navigation-drawer-title\">{{sidenavTitle}}</span>\n    </div>\n    <div class=\"td-navigation-drawer-name\" *ngIf=\"email && name\">{{name}}</div>\n    <div class=\"td-navigation-drawer-menu-toggle\"\n        href\n        *ngIf=\"email || name\"\n        (click)=\"toggleMenu()\">\n      <span class=\"td-navigation-drawer-label\">{{email || name}}</span>\n      <button mat-icon-button class=\"td-navigation-drawer-menu-button\" *ngIf=\"isMenuAvailable\">\n        <mat-icon *ngIf=\"!menuToggled\">arrow_drop_down</mat-icon>\n        <mat-icon *ngIf=\"menuToggled\">arrow_drop_up</mat-icon>\n      </button>\n    </div>\n  </ng-container>\n</mat-toolbar>\n<div class=\"td-navigation-drawer-content\" [@tdCollapse]=\"menuToggled\">\n  <ng-content></ng-content>\n</div>\n<div class=\"td-navigation-drawer-menu-content\" [@tdCollapse]=\"!menuToggled\">\n  <ng-content select=\"[td-navigation-drawer-menu]\"></ng-content>\n</div>\n",
                         animations: [common$1.tdCollapseAnimation],
-                        styles: [":host{width:100%}:host .td-navigation-drawer-content.ng-animating,:host .td-navigation-drawer-menu-content.ng-animating{overflow:hidden}:host mat-toolbar{padding:16px}:host mat-toolbar.td-toolbar-background{background-repeat:no-repeat;background-size:cover}:host mat-toolbar.td-nagivation-drawer-toolbar{-ms-flex-direction:column;flex-direction:column;height:auto!important;display:block!important}:host mat-toolbar .td-navigation-drawer-toolbar-content{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex;-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 mat-toolbar .td-navigation-drawer-menu-toggle{-ms-flex-direction:row;flex-direction:row;box-sizing:border-box;display:-ms-flexbox;display:flex}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-label{-ms-flex:1;flex:1}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-menu-button{height:24px;line-height:24px;width:24px}:host>div{overflow:hidden}"]
+                        styles: [":host{width:100%}:host .td-navigation-drawer-content.ng-animating,:host .td-navigation-drawer-menu-content.ng-animating{overflow:hidden}:host mat-toolbar{padding:16px}:host mat-toolbar.td-toolbar-background{background-repeat:no-repeat;background-size:cover}:host mat-toolbar.td-nagivation-drawer-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto!important;display:block!important}:host mat-toolbar .td-navigation-drawer-toolbar-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}:host mat-toolbar .td-navigation-drawer-toolbar-content .td-nagivation-drawer-toolbar-avatar{border-radius:50%;height:60px;width:60px;margin:0 12px 12px 0}:host mat-toolbar .td-navigation-drawer-menu-toggle{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-label{-webkit-box-flex:1;-ms-flex:1;flex:1}:host mat-toolbar .td-navigation-drawer-menu-toggle .td-navigation-drawer-menu-button{height:24px;line-height:24px;width:24px}:host>div{overflow:hidden}"]
                     }] }
         ];
         /** @nocollapse */
@@ -1371,6 +1371,7 @@
             sidenavTitle: [{ type: core.Input, args: ['sidenavTitle',] }],
             icon: [{ type: core.Input, args: ['icon',] }],
             logo: [{ type: core.Input, args: ['logo',] }],
+            avatar: [{ type: core.Input, args: ['avatar',] }],
             color: [{ type: core.Input, args: ['color',] }],
             navigationRoute: [{ type: core.Input, args: ['navigationRoute',] }],
             backgroundUrl: [{ type: core.Input, args: ['backgroundUrl',] }],