ng-zorro-antd-mobile
Version:
An enterprise-class mobile UI components based on Ant Design and Angular
120 lines • 8.52 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ViewEncapsulation, Input, TemplateRef, NgZone } from '@angular/core';
export class ToastComponent {
/**
* @param {?} _zone
*/
constructor(_zone) {
this._zone = _zone;
this.prefixCls = 'am-toast';
this.isContentString = true;
this.transitionName = 'am-fade-enter am-fade-enter-active';
this._iconType = '';
this._content = '';
this.mask = true;
this.position = 'middle';
}
/**
* @return {?}
*/
get content() {
return this._content;
}
/**
* @param {?} value
* @return {?}
*/
set content(value) {
if (value instanceof TemplateRef) {
this.isContentString = false;
}
else {
this.isContentString = true;
}
this._zone.run((/**
* @return {?}
*/
() => {
this._content = value;
}));
}
/**
* @return {?}
*/
get iconType() {
return this._iconType;
}
/**
* @param {?} value
* @return {?}
*/
set iconType(value) {
this._zone.run((/**
* @return {?}
*/
() => {
this._iconType = value;
}));
}
}
ToastComponent.decorators = [
{ type: Component, args: [{
selector: 'Toast',
encapsulation: ViewEncapsulation.None,
template: "<div class=\"{{ prefixCls }}-notice {{ prefixCls }}-notice-closable {{ transitionName }}\">\n <div class=\"{{ prefixCls }}-notice-content\">\n <div role=\"alert\" *ngIf=\"iconType\" class=\"{{ prefixCls }}-text {{ prefixCls }}-text-icon\" aria-live=\"assertive\">\n <Icon [type]=\"iconType\" [size]=\"'lg'\"></Icon>\n <div *ngIf=\"isContentString\" class=\"{{ prefixCls }}-text-info\">{{ content }}</div>\n </div>\n <div *ngIf=\"!iconType\" class=\"{{ prefixCls }}-text\" role=\"alert\" aria-live=\"assertive\">\n <div *ngIf=\"isContentString\" class=\"{{ prefixCls }}-text-info\">{{ content }}</div>\n <ng-template *ngIf=\"!isContentString\" [ngTemplateOutlet]=\"content\"></ng-template>\n </div>\n </div>\n <a class=\"{{ prefixCls }}-notice-close\">\n <span class=\"{{ prefixCls }}-notice-close-x\"></span>\n </a>\n</div>\n",
host: {
'[class.am-toast]': 'true',
'[class.am-toast-mask]': 'mask',
'[class.am-toast-mask-top]': `mask && position === 'top'`,
'[class.am-toast-mask-middle]': `mask && position === 'middle'`,
'[class.am-toast-mask-bottom]': `mask && position === 'bottom'`,
'[class.am-toast-nomask]': '!mask',
'[class.am-toast-nomask-top]': `!mask && position === 'top'`,
'[class.am-toast-nomask-middle]': `!mask && position === 'middle'`,
'[class.am-toast-nomask-bottom]': `!mask && position === 'bottom'`
}
}] }
];
/** @nocollapse */
ToastComponent.ctorParameters = () => [
{ type: NgZone }
];
ToastComponent.propDecorators = {
mask: [{ type: Input }],
content: [{ type: Input }],
iconType: [{ type: Input }],
position: [{ type: Input }]
};
if (false) {
/** @type {?} */
ToastComponent.prototype.prefixCls;
/** @type {?} */
ToastComponent.prototype.isContentString;
/** @type {?} */
ToastComponent.prototype.maskClassMap;
/** @type {?} */
ToastComponent.prototype.transitionName;
/**
* @type {?}
* @private
*/
ToastComponent.prototype._iconType;
/**
* @type {?}
* @private
*/
ToastComponent.prototype._content;
/** @type {?} */
ToastComponent.prototype.mask;
/** @type {?} */
ToastComponent.prototype.position;
/**
* @type {?}
* @private
*/
ToastComponent.prototype._zone;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmctem9ycm8tYW50ZC1tb2JpbGUvIiwic291cmNlcyI6WyJ0b2FzdC90b2FzdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFrQnpGLE1BQU0sT0FBTyxjQUFjOzs7O0lBcUN6QixZQUFvQixLQUFhO1FBQWIsVUFBSyxHQUFMLEtBQUssQ0FBUTtRQXBDakMsY0FBUyxHQUFXLFVBQVUsQ0FBQztRQUMvQixvQkFBZSxHQUFZLElBQUksQ0FBQztRQUVoQyxtQkFBYyxHQUFHLG9DQUFvQyxDQUFDO1FBRTlDLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFDdkIsYUFBUSxHQUE4QixFQUFFLENBQUM7UUFHakQsU0FBSSxHQUFZLElBQUksQ0FBQztRQXlCckIsYUFBUSxHQUFXLFFBQVEsQ0FBQztJQUVRLENBQUM7Ozs7SUExQnJDLElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUN2QixDQUFDOzs7OztJQUNELElBQUksT0FBTyxDQUFDLEtBQWdDO1FBQzFDLElBQUksS0FBSyxZQUFZLFdBQVcsRUFBRTtZQUNoQyxJQUFJLENBQUMsZUFBZSxHQUFHLEtBQUssQ0FBQztTQUM5QjthQUFNO1lBQ0wsSUFBSSxDQUFDLGVBQWUsR0FBRyxJQUFJLENBQUM7U0FDN0I7UUFDRCxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUc7OztRQUFDLEdBQUcsRUFBRTtZQUNsQixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN4QixDQUFDLEVBQUMsQ0FBQztJQUNMLENBQUM7Ozs7SUFDRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQzs7Ozs7SUFDRCxJQUFJLFFBQVEsQ0FBQyxLQUFhO1FBQ3hCLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRzs7O1FBQUMsR0FBRyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLENBQUMsRUFBQyxDQUFDO0lBQ0wsQ0FBQzs7O1lBakRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsT0FBTztnQkFDakIsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7Z0JBQ3JDLDQyQkFBcUM7Z0JBQ3JDLElBQUksRUFBRTtvQkFDSixrQkFBa0IsRUFBRSxNQUFNO29CQUMxQix1QkFBdUIsRUFBRSxNQUFNO29CQUMvQiwyQkFBMkIsRUFBRSw0QkFBNEI7b0JBQ3pELDhCQUE4QixFQUFFLCtCQUErQjtvQkFDL0QsOEJBQThCLEVBQUUsK0JBQStCO29CQUMvRCx5QkFBeUIsRUFBRSxPQUFPO29CQUNsQyw2QkFBNkIsRUFBRSw2QkFBNkI7b0JBQzVELGdDQUFnQyxFQUFFLGdDQUFnQztvQkFDbEUsZ0NBQWdDLEVBQUUsZ0NBQWdDO2lCQUNuRTthQUNGOzs7O1lBakIwRCxNQUFNOzs7bUJBMkI5RCxLQUFLO3NCQUVMLEtBQUs7dUJBY0wsS0FBSzt1QkFTTCxLQUFLOzs7O0lBakNOLG1DQUErQjs7SUFDL0IseUNBQWdDOztJQUNoQyxzQ0FBYTs7SUFDYix3Q0FBc0Q7Ozs7O0lBRXRELG1DQUErQjs7Ozs7SUFDL0Isa0NBQWlEOztJQUVqRCw4QkFDcUI7O0lBd0JyQixrQ0FDNEI7Ozs7O0lBRWhCLCtCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIElucHV0LCBUZW1wbGF0ZVJlZiwgTmdab25lIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ1RvYXN0JyxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuYW0tdG9hc3RdJzogJ3RydWUnLFxuICAgICdbY2xhc3MuYW0tdG9hc3QtbWFza10nOiAnbWFzaycsXG4gICAgJ1tjbGFzcy5hbS10b2FzdC1tYXNrLXRvcF0nOiBgbWFzayAmJiBwb3NpdGlvbiA9PT0gJ3RvcCdgLFxuICAgICdbY2xhc3MuYW0tdG9hc3QtbWFzay1taWRkbGVdJzogYG1hc2sgJiYgcG9zaXRpb24gPT09ICdtaWRkbGUnYCxcbiAgICAnW2NsYXNzLmFtLXRvYXN0LW1hc2stYm90dG9tXSc6IGBtYXNrICYmIHBvc2l0aW9uID09PSAnYm90dG9tJ2AsXG4gICAgJ1tjbGFzcy5hbS10b2FzdC1ub21hc2tdJzogJyFtYXNrJyxcbiAgICAnW2NsYXNzLmFtLXRvYXN0LW5vbWFzay10b3BdJzogYCFtYXNrICYmIHBvc2l0aW9uID09PSAndG9wJ2AsXG4gICAgJ1tjbGFzcy5hbS10b2FzdC1ub21hc2stbWlkZGxlXSc6IGAhbWFzayAmJiBwb3NpdGlvbiA9PT0gJ21pZGRsZSdgLFxuICAgICdbY2xhc3MuYW0tdG9hc3Qtbm9tYXNrLWJvdHRvbV0nOiBgIW1hc2sgJiYgcG9zaXRpb24gPT09ICdib3R0b20nYFxuICB9XG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0Q29tcG9uZW50IHtcbiAgcHJlZml4Q2xzOiBzdHJpbmcgPSAnYW0tdG9hc3QnO1xuICBpc0NvbnRlbnRTdHJpbmc6IGJvb2xlYW4gPSB0cnVlO1xuICBtYXNrQ2xhc3NNYXA7XG4gIHRyYW5zaXRpb25OYW1lID0gJ2FtLWZhZGUtZW50ZXIgYW0tZmFkZS1lbnRlci1hY3RpdmUnO1xuXG4gIHByaXZhdGUgX2ljb25UeXBlOiBzdHJpbmcgPSAnJztcbiAgcHJpdmF0ZSBfY29udGVudDogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55PiA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIG1hc2s6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKVxuICBnZXQgY29udGVudCgpOiBzdHJpbmcgfCBUZW1wbGF0ZVJlZjxhbnk+IHtcbiAgICByZXR1cm4gdGhpcy5fY29udGVudDtcbiAgfVxuICBzZXQgY29udGVudCh2YWx1ZTogc3RyaW5nIHwgVGVtcGxhdGVSZWY8YW55Pikge1xuICAgIGlmICh2YWx1ZSBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB7XG4gICAgICB0aGlzLmlzQ29udGVudFN0cmluZyA9IGZhbHNlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmlzQ29udGVudFN0cmluZyA9IHRydWU7XG4gICAgfVxuICAgIHRoaXMuX3pvbmUucnVuKCgpID0+IHtcbiAgICAgIHRoaXMuX2NvbnRlbnQgPSB2YWx1ZTtcbiAgICB9KTtcbiAgfVxuICBASW5wdXQoKVxuICBnZXQgaWNvblR5cGUoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5faWNvblR5cGU7XG4gIH1cbiAgc2V0IGljb25UeXBlKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl96b25lLnJ1bigoKSA9PiB7XG4gICAgICB0aGlzLl9pY29uVHlwZSA9IHZhbHVlO1xuICAgIH0pO1xuICB9XG4gIEBJbnB1dCgpXG4gIHBvc2l0aW9uOiBzdHJpbmcgPSAnbWlkZGxlJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF96b25lOiBOZ1pvbmUpIHt9XG59XG4iXX0=