@duoduo-oba/ng-devui
Version:
DevUI components based on Angular
83 lines • 7.34 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';
export class ModalContainerComponent {
/**
* @param {?} sanitizer
*/
constructor(sanitizer) {
this.sanitizer = sanitizer;
this.dialogtype = 'standard';
}
/**
* @return {?}
*/
ngOnInit() {
if (this.html) {
this.content = (/** @type {?} */ (this.sanitizer.bypassSecurityTrustHtml((/** @type {?} */ (this.content)))));
}
}
/**
* @param {?} event
* @return {?}
*/
close(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 = () => [
{ 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 }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25nLWRldnVpL21vZGFsLyIsInNvdXJjZXMiOlsibW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLFNBQVMsR0FFVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFPekQsTUFBTSxPQUFPLHVCQUF1Qjs7OztJQWlCbEMsWUFBb0IsU0FBdUI7UUFBdkIsY0FBUyxHQUFULFNBQVMsQ0FBYztRQUZsQyxlQUFVLEdBQUcsVUFBVSxDQUFDO0lBRWEsQ0FBQzs7OztJQUUvQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ1gsSUFBSSxDQUFDLE9BQU8sR0FBRyxtQkFBYSxJQUFJLENBQUMsU0FBUyxDQUFDLHVCQUF1QixDQUFDLG1CQUFRLElBQUksQ0FBQyxPQUFPLEVBQUEsQ0FBQyxFQUFBLENBQUM7U0FDNUY7SUFDSCxDQUFDOzs7OztJQUVELEtBQUssQ0FBQyxLQUFLO1FBQ1QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0QixDQUFDOzs7WUFoQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLDhpQ0FBK0M7O2FBRWhEOzs7O1lBTlEsWUFBWTs7O3dCQVFsQixLQUFLO21CQUNMLEtBQUs7b0JBQ0wsS0FBSztzQkFDTCxLQUFLO3NCQUNMLEtBQUs7bUJBT0wsS0FBSztzQkFDTCxLQUFLOytCQUNMLFNBQVMsU0FBQyxxQkFBcUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7eUJBQ2pELEtBQUs7MkJBQ0wsS0FBSzs7OztJQWZOLDRDQUEyQjs7SUFDM0IsdUNBQW1COztJQUNuQix3Q0FBdUI7O0lBQ3ZCLDBDQUF1Qzs7SUFDdkMsMENBTUc7O0lBQ0gsdUNBQXVCOztJQUN2QiwwQ0FBZ0M7O0lBQ2hDLG1EQUE0Rjs7SUFDNUYsNkNBQWlDOztJQUNqQywrQ0FBK0I7Ozs7O0lBQ25CLDRDQUErQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIFZpZXdDaGlsZCxcclxuICBPbkluaXQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7TW9kYWxDb250ZW50RGlyZWN0aXZlfSBmcm9tICcuL21vZGFsLmRpcmVjdGl2ZSc7XHJcbmltcG9ydCB7IERvbVNhbml0aXplciB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdkLW1vZGFsLWNvbnRhaW5lcicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL21vZGFsLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbW9kYWwtY29udGFpbmVyLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBNb2RhbENvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcbiAgQElucHV0KCkgbWF4SGVpZ2h0OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGF0YTogYW55O1xyXG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY29udGVudDogc3RyaW5nIHwgSFRNTEVsZW1lbnQ7XHJcbiAgQElucHV0KCkgYnV0dG9uczogQXJyYXk8e1xyXG4gICAgY3NzQ2xhc3M/OiBzdHJpbmcsXHJcbiAgICB0ZXh0OiBzdHJpbmcsXHJcbiAgICBoYW5kbGVyOiAoJGV2ZW50OiBFdmVudCkgPT4gdm9pZCxcclxuICAgIGJ0bndpZHRoPzogc3RyaW5nLFxyXG4gICAgYXV0b2ZvY3VzPzogYm9vbGVhblxyXG4gIH0+O1xyXG4gIEBJbnB1dCgpIGh0bWw6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgb25DbG9zZTogRXZlbnRMaXN0ZW5lcjtcclxuICBAVmlld0NoaWxkKE1vZGFsQ29udGVudERpcmVjdGl2ZSwgeyBzdGF0aWM6IHRydWUgfSkgbW9kYWxDb250ZW50SG9zdDogTW9kYWxDb250ZW50RGlyZWN0aXZlO1xyXG4gIEBJbnB1dCgpIGRpYWxvZ3R5cGUgPSAnc3RhbmRhcmQnO1xyXG4gIEBJbnB1dCgpIHNob3dDbG9zZUJ0bjogYm9vbGVhbjtcclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHNhbml0aXplcjogRG9tU2FuaXRpemVyKSB7fVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIGlmICh0aGlzLmh0bWwpIHtcclxuICAgICAgICB0aGlzLmNvbnRlbnQgPSA8SFRNTEVsZW1lbnQ+dGhpcy5zYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdEh0bWwoPHN0cmluZz50aGlzLmNvbnRlbnQpO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2xvc2UoZXZlbnQpIHtcclxuICAgIHRoaXMub25DbG9zZShldmVudCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==