@covalent/core 3.1.2 → 4.0.0

package/fesm2015/covalent-core-expansion-panel.js

@@ -1,528 +0,0 @@
-import { Directive, TemplateRef, ViewContainerRef, Component, EventEmitter, Renderer2, ElementRef, ContentChild, Input, Output, ContentChildren, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { TemplatePortalDirective, PortalModule } from '@angular/cdk/portal';
-import { MatRippleModule } from '@angular/material/core';
-import { MatIconModule } from '@angular/material/icon';
-import { coerceBooleanProperty } from '@angular/cdk/coercion';
-import { mixinDisableRipple, mixinDisabled, tdCollapseAnimation, tdRotateAnimation } from '@covalent/core/common';
-import { takeUntil } from 'rxjs/operators';
-import { Subject } from 'rxjs';
-
-/**
- * @fileoverview added by tsickle
- * Generated from: expansion-panel.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TdExpansionPanelHeaderDirective extends TemplatePortalDirective {
-    /**
-     * @param {?} templateRef
-     * @param {?} viewContainerRef
-     */
-    constructor(templateRef, viewContainerRef) {
-        super(templateRef, viewContainerRef);
-    }
-}
-TdExpansionPanelHeaderDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[td-expansion-panel-header]ng-template',
-            },] }
-];
-/** @nocollapse */
-TdExpansionPanelHeaderDirective.ctorParameters = () => [
-    { type: TemplateRef },
-    { type: ViewContainerRef }
-];
-class TdExpansionPanelLabelDirective extends TemplatePortalDirective {
-    /**
-     * @param {?} templateRef
-     * @param {?} viewContainerRef
-     */
-    constructor(templateRef, viewContainerRef) {
-        super(templateRef, viewContainerRef);
-    }
-}
-TdExpansionPanelLabelDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[td-expansion-panel-label]ng-template',
-            },] }
-];
-/** @nocollapse */
-TdExpansionPanelLabelDirective.ctorParameters = () => [
-    { type: TemplateRef },
-    { type: ViewContainerRef }
-];
-class TdExpansionPanelSublabelDirective extends TemplatePortalDirective {
-    /**
-     * @param {?} templateRef
-     * @param {?} viewContainerRef
-     */
-    constructor(templateRef, viewContainerRef) {
-        super(templateRef, viewContainerRef);
-    }
-}
-TdExpansionPanelSublabelDirective.decorators = [
-    { type: Directive, args: [{
-                selector: '[td-expansion-panel-sublabel]ng-template',
-            },] }
-];
-/** @nocollapse */
-TdExpansionPanelSublabelDirective.ctorParameters = () => [
-    { type: TemplateRef },
-    { type: ViewContainerRef }
-];
-class TdExpansionPanelSummaryComponent {
-}
-TdExpansionPanelSummaryComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-expansion-summary',
-                template: '<ng-content></ng-content>'
-            }] }
-];
-class TdExpansionPanelBase {
-}
-/* tslint:disable-next-line */
-/** @type {?} */
-const _TdExpansionPanelMixinBase = mixinDisableRipple(mixinDisabled(TdExpansionPanelBase));
-class TdExpansionPanelComponent extends _TdExpansionPanelMixinBase {
-    /**
-     * @param {?} _renderer
-     * @param {?} _elementRef
-     */
-    constructor(_renderer, _elementRef) {
-        super();
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        this._expand = false;
-        /**
-         * expanded?: function
-         * Event emitted when [TdExpansionPanelComponent] is expanded.
-         */
-        this.expanded = new EventEmitter();
-        /**
-         * collapsed?: function
-         * Event emitted when [TdExpansionPanelComponent] is collapsed.
-         */
-        this.collapsed = new EventEmitter();
-        this._renderer.addClass(this._elementRef.nativeElement, 'td-expansion-panel');
-    }
-    /**
-     * expand?: boolean
-     * Toggles [TdExpansionPanelComponent] between expand/collapse.
-     * @param {?} expand
-     * @return {?}
-     */
-    set expand(expand) {
-        this._setExpand(coerceBooleanProperty(expand));
-    }
-    /**
-     * @return {?}
-     */
-    get expand() {
-        return this._expand;
-    }
-    /**
-     * Method executed when [TdExpansionPanelComponent] is clicked.
-     * @return {?}
-     */
-    clickEvent() {
-        this._setExpand(!this._expand);
-    }
-    /**
-     * Toggle expand state of [TdExpansionPanelComponent]
-     * retuns 'true' if successful, else 'false'.
-     * @return {?}
-     */
-    toggle() {
-        return this._setExpand(!this._expand);
-    }
-    /**
-     * Opens [TdExpansionPanelComponent]
-     * retuns 'true' if successful, else 'false'.
-     * @return {?}
-     */
-    open() {
-        return this._setExpand(true);
-    }
-    /**
-     * Closes [TdExpansionPanelComponent]
-     * retuns 'true' if successful, else 'false'.
-     * @return {?}
-     */
-    close() {
-        return this._setExpand(false);
-    }
-    /**
-     * Method executed when the disabled value changes
-     * @param {?} v
-     * @return {?}
-     */
-    onDisabledChange(v) {
-        if (v && this._expand) {
-            this._expand = false;
-            this._onCollapsed();
-        }
-    }
-    /**
-     * Method to change expand state internally and emit the [onExpanded] event if 'true' or [onCollapsed]
-     * event if 'false'. (Blocked if [disabled] is 'true')
-     * @private
-     * @param {?} newExpand
-     * @return {?}
-     */
-    _setExpand(newExpand) {
-        if (this.disabled) {
-            return false;
-        }
-        if (this._expand !== newExpand) {
-            this._expand = newExpand;
-            if (newExpand) {
-                this._renderer.addClass(this._elementRef.nativeElement, 'td-expanded');
-                this._onExpanded();
-            }
-            else {
-                this._renderer.removeClass(this._elementRef.nativeElement, 'td-expanded');
-                this._onCollapsed();
-            }
-            return true;
-        }
-        return false;
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    _onExpanded() {
-        this.expanded.emit();
-    }
-    /**
-     * @private
-     * @return {?}
-     */
-    _onCollapsed() {
-        this.collapsed.emit();
-    }
-}
-TdExpansionPanelComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-expansion-panel',
-                template: "<div\n  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>\n  <ng-template [cdkPortalOutlet]=\"expansionPanelHeader\"></ng-template>\n  <div class=\"td-expansion-panel-header-content\" [class.mat-disabled]=\"disabled\" *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\" [@tdCollapse]=\"!expand\">\n  <ng-content></ng-content>\n</div>\n<div class=\"td-expansion-summary\" [@tdCollapse]=\"expand\">\n  <ng-content select=\"td-expansion-summary\"></ng-content>\n</div>\n",
-                inputs: ['disabled', 'disableRipple'],
-                animations: [tdCollapseAnimation, tdRotateAnimation],
-                styles: [":host{display:block}:host .td-expansion-panel-header{outline:none;position:relative}: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{-ms-flex:1;-ms-flex-align:center;-ms-flex-direction:row;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;box-sizing:border-box;display:-ms-flexbox;display:flex;flex:1;flex-direction:row;height:48px;justify-content:flex-start;max-width:100%;padding:0 24px}: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{margin-right:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep [dir=rtl] .td-expansion-label,::ng-deep [dir=rtl] .td-expansion-sublabel{margin-left:16px;margin-right:inherit}"]
-            }] }
-];
-/** @nocollapse */
-TdExpansionPanelComponent.ctorParameters = () => [
-    { type: Renderer2 },
-    { type: ElementRef }
-];
-TdExpansionPanelComponent.propDecorators = {
-    expansionPanelHeader: [{ type: ContentChild, args: [TdExpansionPanelHeaderDirective,] }],
-    expansionPanelLabel: [{ type: ContentChild, args: [TdExpansionPanelLabelDirective,] }],
-    expansionPanelSublabel: [{ type: ContentChild, args: [TdExpansionPanelSublabelDirective,] }],
-    label: [{ type: Input }],
-    sublabel: [{ type: Input }],
-    expand: [{ type: Input, args: ['expand',] }],
-    expanded: [{ type: Output }],
-    collapsed: [{ type: Output }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdExpansionPanelComponent.prototype._expand;
-    /** @type {?} */
-    TdExpansionPanelComponent.prototype.expansionPanelHeader;
-    /** @type {?} */
-    TdExpansionPanelComponent.prototype.expansionPanelLabel;
-    /** @type {?} */
-    TdExpansionPanelComponent.prototype.expansionPanelSublabel;
-    /**
-     * label?: string
-     * Sets label of [TdExpansionPanelComponent] header.
-     * Defaults to 'Click to expand'
-     * @type {?}
-     */
-    TdExpansionPanelComponent.prototype.label;
-    /**
-     * sublabel?: string
-     * Sets sublabel of [TdExpansionPanelComponent] header.
-     * @type {?}
-     */
-    TdExpansionPanelComponent.prototype.sublabel;
-    /**
-     * expanded?: function
-     * Event emitted when [TdExpansionPanelComponent] is expanded.
-     * @type {?}
-     */
-    TdExpansionPanelComponent.prototype.expanded;
-    /**
-     * collapsed?: function
-     * Event emitted when [TdExpansionPanelComponent] is collapsed.
-     * @type {?}
-     */
-    TdExpansionPanelComponent.prototype.collapsed;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdExpansionPanelComponent.prototype._renderer;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdExpansionPanelComponent.prototype._elementRef;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: expansion-panel-group.component.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-class TdExpansionPanelGroupComponent {
-    /**
-     * @param {?} _renderer
-     * @param {?} _elementRef
-     */
-    constructor(_renderer, _elementRef) {
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        this._multi = false;
-        this._lastOpenedPanels = [];
-        this._destroyed = new Subject();
-        this._stopWatchingPanels = new Subject();
-        this._renderer.addClass(this._elementRef.nativeElement, 'td-expansion-panel-group');
-    }
-    /**
-     * multi?: boolean
-     * Sets whether multiple panels can be opened at a given time.
-     * Set to false for accordion mode.
-     * Defaults to false.
-     * @param {?} multi
-     * @return {?}
-     */
-    set multi(multi) {
-        this._multi = coerceBooleanProperty(multi);
-        if (this._multi === false && this._lastOpenedPanels.length > 0) {
-            this._closeAllExcept(this._lastOpenedPanels[this._lastOpenedPanels.length - 1]);
-        }
-    }
-    /**
-     * @return {?}
-     */
-    ngOnDestroy() {
-        this._destroyed.next(true);
-        this._destroyed.unsubscribe();
-        this._stopWatchingPanels.next(true);
-        this._stopWatchingPanels.unsubscribe();
-    }
-    /**
-     * @return {?}
-     */
-    ngAfterContentInit() {
-        if (!this._multi) {
-            /** @type {?} */
-            const openedPanels = this.expansionPanels.filter((/**
-             * @param {?} expansionPanel
-             * @return {?}
-             */
-            (expansionPanel) => expansionPanel.expand));
-            /** @type {?} */
-            const numOpenedPanels = openedPanels.length;
-            if (numOpenedPanels > 1) {
-                this._closeAllExcept(openedPanels[numOpenedPanels - 1]);
-            }
-        }
-        this._attachListeners(this.expansionPanels);
-        this.expansionPanels.changes
-            .pipe(takeUntil(this._destroyed))
-            .subscribe((/**
-         * @param {?} expansionPanels
-         * @return {?}
-         */
-        (expansionPanels) => {
-            this._stopWatchingPanels.next(true);
-            this._stopWatchingPanels.unsubscribe();
-            this._stopWatchingPanels = new Subject();
-            this._attachListeners(expansionPanels);
-        }));
-    }
-    /**
-     * Opens all expansion panels, only if multi set set to true.
-     * @return {?}
-     */
-    openAll() {
-        if (this._multi) {
-            this.expansionPanels.forEach((/**
-             * @param {?} expansionPanel
-             * @return {?}
-             */
-            (expansionPanel) => {
-                expansionPanel.open();
-            }));
-        }
-    }
-    /**
-     * Closes all expansion panels
-     * @return {?}
-     */
-    closeAll() {
-        this.expansionPanels.forEach((/**
-         * @param {?} expansionPanel
-         * @return {?}
-         */
-        (expansionPanel) => {
-            expansionPanel.close();
-        }));
-    }
-    /**
-     * @private
-     * @param {?} expansionPanels
-     * @return {?}
-     */
-    _attachListeners(expansionPanels) {
-        this._lastOpenedPanels = [];
-        expansionPanels.forEach((/**
-         * @param {?} expansionPanel
-         * @return {?}
-         */
-        (expansionPanel) => {
-            expansionPanel.expanded.pipe(takeUntil(this._stopWatchingPanels)).subscribe((/**
-             * @return {?}
-             */
-            () => {
-                /** @type {?} */
-                const indexOfPanel = this._lastOpenedPanels.indexOf(expansionPanel);
-                if (indexOfPanel !== -1) {
-                    this._lastOpenedPanels.splice(indexOfPanel, 1);
-                }
-                this._lastOpenedPanels.push(expansionPanel);
-                if (!this._multi) {
-                    this._closeAllExcept(expansionPanel);
-                }
-            }));
-            expansionPanel.collapsed.pipe(takeUntil(this._stopWatchingPanels)).subscribe((/**
-             * @return {?}
-             */
-            () => {
-                /** @type {?} */
-                const indexOfPanel = this._lastOpenedPanels.indexOf(expansionPanel);
-                if (indexOfPanel !== -1) {
-                    this._lastOpenedPanels.splice(indexOfPanel, 1);
-                }
-            }));
-        }));
-    }
-    /**
-     * @private
-     * @param {?} expansionPanel
-     * @return {?}
-     */
-    _closeAllExcept(expansionPanel) {
-        this.expansionPanels.forEach((/**
-         * @param {?} panel
-         * @return {?}
-         */
-        (panel) => {
-            if (panel !== expansionPanel) {
-                panel.close();
-            }
-        }));
-    }
-}
-TdExpansionPanelGroupComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'td-expansion-panel-group',
-                template: "<ng-content></ng-content>\n",
-                styles: [""]
-            }] }
-];
-/** @nocollapse */
-TdExpansionPanelGroupComponent.ctorParameters = () => [
-    { type: Renderer2 },
-    { type: ElementRef }
-];
-TdExpansionPanelGroupComponent.propDecorators = {
-    multi: [{ type: Input, args: ['multi',] }],
-    expansionPanels: [{ type: ContentChildren, args: [TdExpansionPanelComponent, { descendants: true },] }]
-};
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    TdExpansionPanelGroupComponent.prototype._multi;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdExpansionPanelGroupComponent.prototype._lastOpenedPanels;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdExpansionPanelGroupComponent.prototype._destroyed;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdExpansionPanelGroupComponent.prototype._stopWatchingPanels;
-    /** @type {?} */
-    TdExpansionPanelGroupComponent.prototype.expansionPanels;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdExpansionPanelGroupComponent.prototype._renderer;
-    /**
-     * @type {?}
-     * @private
-     */
-    TdExpansionPanelGroupComponent.prototype._elementRef;
-}
-
-/**
- * @fileoverview added by tsickle
- * Generated from: expansion-panel.module.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-/** @type {?} */
-const TD_EXPANSION_PANEL = [
-    TdExpansionPanelGroupComponent,
-    TdExpansionPanelComponent,
-    TdExpansionPanelHeaderDirective,
-    TdExpansionPanelLabelDirective,
-    TdExpansionPanelSublabelDirective,
-    TdExpansionPanelSummaryComponent,
-];
-class CovalentExpansionPanelModule {
-}
-CovalentExpansionPanelModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule, MatRippleModule, MatIconModule, PortalModule],
-                declarations: [TD_EXPANSION_PANEL],
-                exports: [TD_EXPANSION_PANEL],
-            },] }
-];
-
-/**
- * @fileoverview added by tsickle
- * Generated from: public-api.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: index.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-/**
- * @fileoverview added by tsickle
- * Generated from: covalent-core-expansion-panel.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-
-export { CovalentExpansionPanelModule, TdExpansionPanelBase, TdExpansionPanelComponent, TdExpansionPanelGroupComponent, TdExpansionPanelHeaderDirective, TdExpansionPanelLabelDirective, TdExpansionPanelSublabelDirective, TdExpansionPanelSummaryComponent, _TdExpansionPanelMixinBase };
-//# sourceMappingURL=covalent-core-expansion-panel.js.map

package/fesm2015/covalent-core-expansion-panel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"covalent-core-expansion-panel.js","sources":["../../../../src/platform/core/expansion-panel/expansion-panel.component.ts","../../../../src/platform/core/expansion-panel/expansion-panel-group.component.ts","../../../../src/platform/core/expansion-panel/expansion-panel.module.ts"],"sourcesContent":["import {\n  Component,\n  Directive,\n  Input,\n  Output,\n  TemplateRef,\n  ViewContainerRef,\n  ContentChild,\n  ElementRef,\n  Renderer2,\n} 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: [tdCollapseAnimation, tdRotateAnimation],\n})\nexport class TdExpansionPanelComponent extends _TdExpansionPanelMixinBase implements ICanDisable, ICanDisableRipple {\n  private _expand: boolean = false;\n\n  @ContentChild(TdExpansionPanelHeaderDirective)\n  expansionPanelHeader: TdExpansionPanelHeaderDirective;\n  @ContentChild(TdExpansionPanelLabelDirective) expansionPanelLabel: TdExpansionPanelLabelDirective;\n  @ContentChild(TdExpansionPanelSublabelDirective)\n  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, 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();\n  }\n\n  private _onCollapsed(): void {\n    this.collapsed.emit();\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 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(this._lastOpenedPanels[this._lastOpenedPanels.length - 1]);\n    }\n  }\n\n  @ContentChildren(TdExpansionPanelComponent, { descendants: true })\n  expansionPanels: QueryList<TdExpansionPanelComponent>;\n\n  constructor(private _renderer: Renderer2, private _elementRef: ElementRef) {\n    this._renderer.addClass(this._elementRef.nativeElement, 'td-expansion-panel-group');\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((expansionPanel: TdExpansionPanelComponent) => {\n        expansionPanel.open();\n      });\n    }\n  }\n\n  /**\n   * Closes all expansion panels\n   */\n  public closeAll(): void {\n    this.expansionPanels.forEach((expansionPanel: TdExpansionPanelComponent) => {\n      expansionPanel.close();\n    });\n  }\n\n  private _attachListeners(expansionPanels: QueryList<TdExpansionPanelComponent>): void {\n    this._lastOpenedPanels = [];\n    expansionPanels.forEach((expansionPanel: TdExpansionPanelComponent) => {\n      expansionPanel.expanded.pipe(takeUntil(this._stopWatchingPanels)).subscribe(() => {\n        const indexOfPanel: number = this._lastOpenedPanels.indexOf(expansionPanel);\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.pipe(takeUntil(this._stopWatchingPanels)).subscribe(() => {\n        const indexOfPanel: number = this._lastOpenedPanels.indexOf(expansionPanel);\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 } 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 {\n  TdExpansionPanelComponent,\n  TdExpansionPanelHeaderDirective,\n  TdExpansionPanelLabelDirective,\n  TdExpansionPanelSublabelDirective,\n  TdExpansionPanelSummaryComponent,\n} 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: [CommonModule, MatRippleModule, MatIconModule, PortalModule],\n  declarations: [TD_EXPANSION_PANEL],\n  exports: [TD_EXPANSION_PANEL],\n})\nexport class CovalentExpansionPanelModule {}\n"],"names":[],"mappings":"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"}