@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
89 lines • 7.77 kB
JavaScript
/**
* @fileoverview added by tsickle
* Generated from: modal-container.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, ViewChild, } from '@angular/core';
import { ModalContentDirective } from './modal.directive';
import { DomSanitizer } from '@angular/platform-browser';
var ModalContainerComponent = /** @class */ (function () {
function ModalContainerComponent(sanitizer) {
this.sanitizer = sanitizer;
this.dialogtype = 'standard';
}
/**
* @return {?}
*/
ModalContainerComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
if (this.html) {
this.content = (/** @type {?} */ (this.sanitizer.bypassSecurityTrustHtml((/** @type {?} */ (this.content)))));
}
};
/**
* @param {?} event
* @return {?}
*/
ModalContainerComponent.prototype.close = /**
* @param {?} event
* @return {?}
*/
function (event) {
this.onClose(event);
};
ModalContainerComponent.decorators = [
{ type: Component, args: [{
selector: 'd-modal-container',
template: "<div>\r\n <d-modal-header\r\n id=\"d-modal-header\"\r\n [title]=\"title\"\r\n (closeEvent)=\"close($event)\"\r\n [dialogtype]=\"dialogtype\"\r\n [showCloseBtn]=\"showCloseBtn\"\r\n ></d-modal-header>\r\n <div\r\n class=\"modal-body devui-scrollbar\"\r\n [ngClass]=\"{\r\n 'flex-content': dialogtype === 'warning' || dialogtype === 'failed' || dialogtype === 'success' || dialogtype === 'info'\r\n }\"\r\n [ngStyle]=\"{ maxHeight: maxHeight, 'overflow-y': 'auto' }\"\r\n >\r\n <div\r\n [ngClass]=\"{\r\n 'display-flex': dialogtype !== '' && dialogtype !== 'standard'\r\n }\"\r\n >\r\n <div class=\"content\" [style.max-height]=\"maxHeight\" *ngIf=\"!!content && !html\">\r\n {{ content }}\r\n </div>\r\n <div class=\"content\" [style.max-height]=\"maxHeight\" *ngIf=\"!!content && html\" [innerHTML]=\"content\"></div>\r\n <ng-template dModalContentHost></ng-template>\r\n </div>\r\n </div>\r\n\r\n <d-modal-footer [buttons]=\"buttons\"></d-modal-footer>\r\n</div>\r\n",
styles: [".modal-body{padding:10px 30px}.display-flex{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;display:-ms-flexbox;-ms-flex-align:center;max-width:100%}.alert-icon{margin-right:10px}div.content{word-break:normal;word-wrap:break-word;width:100%}.alert-icon+div.content{width:'calc(100% - 60px)'}.flex-content ::ng-deep div.content{font-size:14px;word-break:normal;word-wrap:break-word;white-space:pre-wrap}.flex-content{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}"]
}] }
];
/** @nocollapse */
ModalContainerComponent.ctorParameters = function () { return [
{ type: DomSanitizer }
]; };
ModalContainerComponent.propDecorators = {
maxHeight: [{ type: Input }],
data: [{ type: Input }],
title: [{ type: Input }],
content: [{ type: Input }],
buttons: [{ type: Input }],
html: [{ type: Input }],
onClose: [{ type: Input }],
modalContentHost: [{ type: ViewChild, args: [ModalContentDirective, { static: true },] }],
dialogtype: [{ type: Input }],
showCloseBtn: [{ type: Input }]
};
return ModalContainerComponent;
}());
export { ModalContainerComponent };
if (false) {
/** @type {?} */
ModalContainerComponent.prototype.maxHeight;
/** @type {?} */
ModalContainerComponent.prototype.data;
/** @type {?} */
ModalContainerComponent.prototype.title;
/** @type {?} */
ModalContainerComponent.prototype.content;
/** @type {?} */
ModalContainerComponent.prototype.buttons;
/** @type {?} */
ModalContainerComponent.prototype.html;
/** @type {?} */
ModalContainerComponent.prototype.onClose;
/** @type {?} */
ModalContainerComponent.prototype.modalContentHost;
/** @type {?} */
ModalContainerComponent.prototype.dialogtype;
/** @type {?} */
ModalContainerComponent.prototype.showCloseBtn;
/**
* @type {?}
* @private
*/
ModalContainerComponent.prototype.sanitizer;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLWRldnVpL21vZGFsLyIsInNvdXJjZXMiOlsibW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFekQ7SUFzQkUsaUNBQW9CLFNBQXVCO1FBQXZCLGNBQVMsR0FBVCxTQUFTLENBQWM7UUFGbEMsZUFBVSxHQUFHLFVBQVUsQ0FBQztJQUVhLENBQUM7Ozs7SUFFL0MsMENBQVE7OztJQUFSO1FBQ0UsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1gsSUFBSSxDQUFDLE9BQU8sR0FBRyxtQkFBYSxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLG1CQUFRLElBQUksQ0FBQyxPQUFPLEVBQUEsQ0FBQyxFQUFBLENBQUM7U0FDNUY7SUFDSCxDQUFDOzs7OztJQUVELHVDQUFLOzs7O0lBQUwsVUFBTSxLQUFLO1FBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0QixDQUFDOztnQkFoQ0YsU0FBUyxTQUFDO29CQUNULFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLDhpQ0FBK0M7O2lCQUVoRDs7OztnQkFOUSxZQUFZOzs7NEJBUWxCLEtBQUs7dUJBQ0wsS0FBSzt3QkFDTCxLQUFLOzBCQUNMLEtBQUs7MEJBQ0wsS0FBSzt1QkFPTCxLQUFLOzBCQUNMLEtBQUs7bUNBQ0wsU0FBUyxTQUFDLHFCQUFxQixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTs2QkFDakQsS0FBSzsrQkFDTCxLQUFLOztJQVlSLDhCQUFDO0NBQUEsQUFqQ0QsSUFpQ0M7U0E1QlksdUJBQXVCOzs7SUFDbEMsNENBQTJCOztJQUMzQix1Q0FBbUI7O0lBQ25CLHdDQUF1Qjs7SUFDdkIsMENBQXVDOztJQUN2QywwQ0FNRzs7SUFDSCx1Q0FBdUI7O0lBQ3ZCLDBDQUFnQzs7SUFDaEMsbURBQTRGOztJQUM1Riw2Q0FBaUM7O0lBQ2pDLCtDQUErQjs7Ozs7SUFDbkIsNENBQStCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcclxuICBDb21wb25lbnQsXHJcbiAgSW5wdXQsXHJcbiAgVmlld0NoaWxkLFxyXG4gIE9uSW5pdCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtNb2RhbENvbnRlbnREaXJlY3RpdmV9IGZyb20gJy4vbW9kYWwuZGlyZWN0aXZlJztcclxuaW1wb3J0IHsgRG9tU2FuaXRpemVyIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2QtbW9kYWwtY29udGFpbmVyJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1jb250YWluZXIuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIE1vZGFsQ29udGFpbmVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcclxuICBASW5wdXQoKSBtYXhIZWlnaHQ6IHN0cmluZztcclxuICBASW5wdXQoKSBkYXRhOiBhbnk7XHJcbiAgQElucHV0KCkgdGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKSBjb250ZW50OiBzdHJpbmcgfCBIVE1MRWxlbWVudDtcclxuICBASW5wdXQoKSBidXR0b25zOiBBcnJheTx7XHJcbiAgICBjc3NDbGFzcz86IHN0cmluZyxcclxuICAgIHRleHQ6IHN0cmluZyxcclxuICAgIGhhbmRsZXI6ICgkZXZlbnQ6IEV2ZW50KSA9PiB2b2lkLFxyXG4gICAgYnRud2lkdGg/OiBzdHJpbmcsXHJcbiAgICBhdXRvZm9jdXM/OiBib29sZWFuXHJcbiAgfT47XHJcbiAgQElucHV0KCkgaHRtbDogYm9vbGVhbjtcclxuICBASW5wdXQoKSBvbkNsb3NlOiBFdmVudExpc3RlbmVyO1xyXG4gIEBWaWV3Q2hpbGQoTW9kYWxDb250ZW50RGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSB9KSBtb2RhbENvbnRlbnRIb3N0OiBNb2RhbENvbnRlbnREaXJlY3RpdmU7XHJcbiAgQElucHV0KCkgZGlhbG9ndHlwZSA9ICdzdGFuZGFyZCc7XHJcbiAgQElucHV0KCkgc2hvd0Nsb3NlQnRuOiBib29sZWFuO1xyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgc2FuaXRpemVyOiBEb21TYW5pdGl6ZXIpIHt9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgaWYgKHRoaXMuaHRtbCkge1xyXG4gICAgICAgIHRoaXMuY29udGVudCA9IDxIVE1MRWxlbWVudD50aGlzLnNhbml0aXplci5ieXBhc3NTZWN1cml0eVRydXN0SHRtbCg8c3RyaW5nPnRoaXMuY29udGVudCk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjbG9zZShldmVudCkge1xyXG4gICAgdGhpcy5vbkNsb3NlKGV2ZW50KTtcclxuICB9XHJcbn1cclxuIl19