ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
256 lines (244 loc) • 11.8 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('ng-zorro-antd/core'), require('ng-zorro-antd/icon')) :
typeof define === 'function' && define.amd ? define('ng-zorro-antd/collapse', ['exports', '@angular/common', '@angular/core', 'ng-zorro-antd/core', 'ng-zorro-antd/icon'], factory) :
(factory((global['ng-zorro-antd'] = global['ng-zorro-antd'] || {}, global['ng-zorro-antd'].collapse = {}),global.ng.common,global.ng.core,global['ng-zorro-antd'].core,global['ng-zorro-antd'].icon));
}(this, (function (exports,common,core,core$1,icon) { 'use strict';
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0
THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.
See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
function __decorate(decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
r = Reflect.decorate(decorators, target, key, desc);
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;
return c > 3 && r && Object.defineProperty(target, key, r), r;
}
function __metadata(metadataKey, metadataValue) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
return Reflect.metadata(metadataKey, metadataValue);
}
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzCollapseComponent = /** @class */ (function () {
function NzCollapseComponent() {
this.listOfNzCollapsePanelComponent = [];
this.nzAccordion = false;
this.nzBordered = true;
}
/**
* @param {?} value
* @return {?}
*/
NzCollapseComponent.prototype.addPanel = /**
* @param {?} value
* @return {?}
*/
function (value) {
this.listOfNzCollapsePanelComponent.push(value);
};
/**
* @param {?} value
* @return {?}
*/
NzCollapseComponent.prototype.removePanel = /**
* @param {?} value
* @return {?}
*/
function (value) {
this.listOfNzCollapsePanelComponent.splice(this.listOfNzCollapsePanelComponent.indexOf(value), 1);
};
/**
* @param {?} collapse
* @return {?}
*/
NzCollapseComponent.prototype.click = /**
* @param {?} collapse
* @return {?}
*/
function (collapse) {
if (this.nzAccordion && !collapse.nzActive) {
this.listOfNzCollapsePanelComponent
.filter(( /**
* @param {?} item
* @return {?}
*/function (item) { return item !== collapse; }))
.forEach(( /**
* @param {?} item
* @return {?}
*/function (item) {
if (item.nzActive) {
item.nzActive = false;
item.nzActiveChange.emit(item.nzActive);
item.markForCheck();
}
}));
}
collapse.nzActive = !collapse.nzActive;
collapse.nzActiveChange.emit(collapse.nzActive);
};
NzCollapseComponent.decorators = [
{ type: core.Component, args: [{
selector: 'nz-collapse',
exportAs: 'nzCollapse',
template: "<div class=\"ant-collapse\" [class.ant-collapse-borderless]=\"!nzBordered\">\n <ng-content></ng-content>\n</div>",
changeDetection: core.ChangeDetectionStrategy.OnPush,
encapsulation: core.ViewEncapsulation.None,
styles: ["\n nz-collapse {\n display: block;\n }\n "]
}] }
];
NzCollapseComponent.propDecorators = {
nzAccordion: [{ type: core.Input }],
nzBordered: [{ type: core.Input }]
};
__decorate([
core$1.InputBoolean(),
__metadata("design:type", Object)
], NzCollapseComponent.prototype, "nzAccordion", void 0);
__decorate([
core$1.InputBoolean(),
__metadata("design:type", Object)
], NzCollapseComponent.prototype, "nzBordered", void 0);
return NzCollapseComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzCollapsePanelComponent = /** @class */ (function () {
function NzCollapsePanelComponent(cdr, nzCollapseComponent, elementRef, renderer) {
this.cdr = cdr;
this.nzCollapseComponent = nzCollapseComponent;
this.nzActive = false;
this.nzDisabled = false;
this.nzShowArrow = true;
this.nzActiveChange = new core.EventEmitter();
renderer.addClass(elementRef.nativeElement, 'ant-collapse-item');
}
/**
* @return {?}
*/
NzCollapsePanelComponent.prototype.clickHeader = /**
* @return {?}
*/
function () {
if (!this.nzDisabled) {
this.nzCollapseComponent.click(this);
}
};
/**
* @return {?}
*/
NzCollapsePanelComponent.prototype.markForCheck = /**
* @return {?}
*/
function () {
this.cdr.markForCheck();
};
/**
* @return {?}
*/
NzCollapsePanelComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.nzCollapseComponent.addPanel(this);
};
/**
* @return {?}
*/
NzCollapsePanelComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
this.nzCollapseComponent.removePanel(this);
};
NzCollapsePanelComponent.decorators = [
{ type: core.Component, args: [{
selector: 'nz-collapse-panel',
exportAs: 'nzCollapsePanel',
template: "<div role=\"tab\" [attr.aria-expanded]=\"nzActive\" class=\"ant-collapse-header\" (click)=\"clickHeader()\">\n <ng-container *ngIf=\"nzShowArrow\">\n <ng-container *nzStringTemplateOutlet=\"nzExpandedIcon\">\n <i nz-icon [type]=\"nzExpandedIcon || 'right'\" class=\"ant-collapse-arrow\" [nzRotate]=\"nzActive ? 90 : 0\"></i>\n </ng-container>\n </ng-container>\n <ng-container *nzStringTemplateOutlet=\"nzHeader\">{{ nzHeader }}</ng-container>\n <div class=\"ant-collapse-extra\" *ngIf=\"nzExtra\">\n <ng-container *nzStringTemplateOutlet=\"nzExtra\">{{ nzExtra }}</ng-container>\n </div>\n</div>\n<div class=\"ant-collapse-content\"\n [class.ant-collapse-content-active]=\"nzActive\"\n [@collapseMotion]=\"nzActive ? 'expanded' : 'hidden' \">\n <div class=\"ant-collapse-content-box\">\n <ng-content></ng-content>\n </div>\n</div>\n",
changeDetection: core.ChangeDetectionStrategy.OnPush,
encapsulation: core.ViewEncapsulation.None,
animations: [core$1.collapseMotion],
host: {
'[class.ant-collapse-no-arrow]': '!nzShowArrow'
},
styles: ["\n nz-collapse-panel {\n display: block;\n }\n "]
}] }
];
/** @nocollapse */
NzCollapsePanelComponent.ctorParameters = function () {
return [
{ type: core.ChangeDetectorRef },
{ type: NzCollapseComponent, decorators: [{ type: core.Host }] },
{ type: core.ElementRef },
{ type: core.Renderer2 }
];
};
NzCollapsePanelComponent.propDecorators = {
nzActive: [{ type: core.Input }, { type: core.HostBinding, args: ['class.ant-collapse-item-active',] }],
nzDisabled: [{ type: core.Input }, { type: core.HostBinding, args: ['class.ant-collapse-item-disabled',] }],
nzShowArrow: [{ type: core.Input }],
nzExtra: [{ type: core.Input }],
nzHeader: [{ type: core.Input }],
nzExpandedIcon: [{ type: core.Input }],
nzActiveChange: [{ type: core.Output }]
};
__decorate([
core$1.InputBoolean(),
__metadata("design:type", Object)
], NzCollapsePanelComponent.prototype, "nzActive", void 0);
__decorate([
core$1.InputBoolean(),
__metadata("design:type", Object)
], NzCollapsePanelComponent.prototype, "nzDisabled", void 0);
__decorate([
core$1.InputBoolean(),
__metadata("design:type", Object)
], NzCollapsePanelComponent.prototype, "nzShowArrow", void 0);
return NzCollapsePanelComponent;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
var NzCollapseModule = /** @class */ (function () {
function NzCollapseModule() {
}
NzCollapseModule.decorators = [
{ type: core.NgModule, args: [{
declarations: [NzCollapsePanelComponent, NzCollapseComponent],
exports: [NzCollapsePanelComponent, NzCollapseComponent],
imports: [common.CommonModule, icon.NzIconModule, core$1.NzAddOnModule]
},] }
];
return NzCollapseModule;
}());
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
exports.NzCollapsePanelComponent = NzCollapsePanelComponent;
exports.NzCollapseComponent = NzCollapseComponent;
exports.NzCollapseModule = NzCollapseModule;
Object.defineProperty(exports, '__esModule', { value: true });
})));
//# sourceMappingURL=ng-zorro-antd-collapse.umd.js.map